add DiskSelector from PVE

to be usable with other products.
also add a parameter 'typeProperty' to be able to configure
the backend property for the usage type

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>

diff --git a/src/Makefile b/src/Makefile
index 659e876ece1c690ab44238eebb47400153fc3ffa..26961030968b250ce3dfa1070d6e7f15cea3e1f3 100644 (file)
--- a/src/Makefile
+++ b/src/Makefile
@@ -29,6 +29,7 @@ JSSRC=                                        \
        form/NetworkSelector.js         \
        form/RealmComboBox.js           \
        form/RoleSelector.js            \
+       form/DiskSelector.js            \
        button/Button.js                \
        button/HelpButton.js            \
        grid/ObjectGrid.js              \

diff --git a/src/form/DiskSelector.js b/src/form/DiskSelector.js
new file mode 100644 (file)
index 0000000..4552beb
--- /dev/null
+++ b/src/form/DiskSelector.js
@@ -0,0 +1,80 @@
+Ext.define('Proxmox.form.DiskSelector', {
+    extend: 'Proxmox.form.ComboGrid',
+    xtype: 'pmxDiskSelector',
+
+    // can be
+    // undefined: all
+    // unused: only unused
+    // journal_disk: all disks with gpt
+    diskType: undefined,
+
+    // the property the backend wnats for the type ('type' by default)
+    typeProperty: 'type',
+
+    valueField: 'devpath',
+    displayField: 'devpath',
+    emptyText: gettext('No Disks unused'),
+    listConfig: {
+       width: 600,
+       columns: [
+           {
+               header: gettext('Device'),
+               flex: 3,
+               sortable: true,
+               dataIndex: 'devpath',
+           },
+           {
+               header: gettext('Size'),
+               flex: 2,
+               sortable: false,
+               renderer: Proxmox.Utils.format_size,
+               dataIndex: 'size',
+           },
+           {
+               header: gettext('Serial'),
+               flex: 5,
+               sortable: true,
+               dataIndex: 'serial',
+           },
+       ],
+    },
+
+    initComponent: function() {
+       var me = this;
+
+       var nodename = me.nodename;
+       if (!nodename) {
+           throw "no node name specified";
+       }
+
+       let extraParams = {};
+
+       if (me.diskType) {
+           extraParams[me.typeProperty] = me.diskType;
+       }
+
+       var store = Ext.create('Ext.data.Store', {
+           filterOnLoad: true,
+           model: 'pmx-disk-list',
+           proxy: {
+                type: 'proxmox',
+                url: `/api2/json/nodes/${nodename}/disks/list`,
+               extraParams,
+           },
+           sorters: [
+               {
+                   property: 'devpath',
+                   direction: 'ASC',
+               },
+           ],
+       });
+
+       Ext.apply(me, {
+           store: store,
+       });
+
+        me.callParent();
+
+       store.load();
+    },
+});