add pmxUserSelector

copied from pbs

Signed-off-by: Wolfgang Bumiller <w.bumiller@proxmox.com>

src/Makefile

@@ -42,6 +42,7 @@ JSSRC=					\
 	form/MultiDiskSelector.js	\
 	form/TaskTypeSelector.js	\
 	form/ACME.js			\
+	form/UserSelector.js		\
 	button/Button.js		\
 	button/HelpButton.js		\
 	grid/ObjectGrid.js		\

src/form/UserSelector.js

@@ -0,0 +1,50 @@
+Ext.define('Proxmox.form.UserSelector', {
+    extend: 'Proxmox.form.ComboGrid',
+    alias: 'widget.pmxUserSelector',
+
+    allowBlank: false,
+    autoSelect: false,
+    valueField: 'userid',
+    displayField: 'userid',
+
+    editable: true,
+    anyMatch: true,
+    forceSelection: true,
+
+    store: {
+	model: 'pmx-users',
+	autoLoad: true,
+	params: {
+	    enabled: 1,
+	},
+	sorters: 'userid',
+    },
+
+    listConfig: {
+	columns: [
+	    {
+		header: gettext('User'),
+		sortable: true,
+		dataIndex: 'userid',
+		renderer: Ext.String.htmlEncode,
+		flex: 1,
+	    },
+	    {
+		header: gettext('Name'),
+		sortable: true,
+		renderer: (first, mD, rec) => Ext.String.htmlEncode(
+		    `${first || ''} ${rec.data.lastname || ''}`,
+		),
+		dataIndex: 'firstname',
+		flex: 1,
+	    },
+	    {
+		header: gettext('Comment'),
+		sortable: false,
+		dataIndex: 'comment',
+		renderer: Ext.String.htmlEncode,
+		flex: 1,
+	    },
+	],
+    },
+});