ui: Utils: use render functions from widget-toolkit

[pve-manager.git] / www / manager6 / ha / ResourceEdit.js

diff --git a/www/manager6/ha/ResourceEdit.js b/www/manager6/ha/ResourceEdit.js
index 850da7f0555ca4ec1d448975931be4323879e756..c1388ce5e7d0d868ad6aa81a41fbee5c083e23e4 100644 (file)
--- a/www/manager6/ha/ResourceEdit.js
+++ b/www/manager6/ha/ResourceEdit.js
@@ -1,8 +1,8 @@
 Ext.define('PVE.ha.VMResourceInputPanel', {
-    extend: 'PVE.panel.InputPanel',
+    extend: 'Proxmox.panel.InputPanel',
     onlineHelp: 'ha_manager_resource_config',
     vmid: undefined,
-    
+
     onGetValues: function(values) {
        var me = this;
 
@@ -18,24 +18,24 @@ Ext.define('PVE.ha.VMResourceInputPanel', {
        return values;
     },
 
-    initComponent : function() {
+    initComponent: function() {
        var me = this;
        var MIN_QUORUM_VOTES = 3;
 
        var disabledHint = Ext.createWidget({
            xtype: 'displayfield', // won't get submitted by default
-           userCls: 'pve-hint',
+           userCls: 'pmx-hint',
            value: 'Disabling the resource will stop the guest system. ' +
            'See the online help for details.',
-           hidden: true
+           hidden: true,
        });
 
        var fewVotesHint = Ext.createWidget({
            itemId: 'fewVotesHint',
            xtype: 'displayfield',
-           userCls: 'pve-hint',
+           userCls: 'pmx-hint',
            value: 'At least three quorum votes are recommended for reliable HA.',
-           hidden: true
+           hidden: true,
        });
 
        Proxmox.Utils.API2Request({
@@ -55,24 +55,23 @@ Ext.define('PVE.ha.VMResourceInputPanel', {
                if (votes < MIN_QUORUM_VOTES) {
                    fewVotesHint.setVisible(true);
                }
-           }
+           },
        });
 
-       /*jslint confusion: true */
-       var vmidStore = (me.vmid) ? {} : {
+       var vmidStore = me.vmid ? {} : {
            model: 'PVEResources',
            autoLoad: true,
            sorters: 'vmid',
            filters: [
                {
                    property: 'type',
-                   value: /lxc|qemu/
+                   value: /lxc|qemu/,
                },
                {
                    property: 'hastate',
-                   value: /unmanaged/
-               }
-           ]
+                   value: /unmanaged/,
+               },
+           ],
        };
 
        // value is a string above, but a number below
@@ -81,11 +80,10 @@ Ext.define('PVE.ha.VMResourceInputPanel', {
                xtype: me.vmid ? 'displayfield' : 'vmComboSelector',
                submitValue: me.isCreate,
                name: 'vmid',
-               fieldLabel: (me.vmid && me.guestType === 'ct') ? 'CT' : 'VM',
+               fieldLabel: me.vmid && me.guestType === 'ct' ? 'CT' : 'VM',
                value: me.vmid,
-               loadNextGuestID: false,
                store: vmidStore,
-               validateExists: true
+               validateExists: true,
            },
            {
                xtype: 'proxmoxintegerfield',
@@ -94,7 +92,7 @@ Ext.define('PVE.ha.VMResourceInputPanel', {
                value: 1,
                minValue: 0,
                maxValue: 10,
-               allowBlank: false
+               allowBlank: false,
            },
            {
                xtype: 'proxmoxintegerfield',
@@ -103,16 +101,15 @@ Ext.define('PVE.ha.VMResourceInputPanel', {
                value: 1,
                minValue: 0,
                maxValue: 10,
-               allowBlank: false
-           }
+               allowBlank: false,
+           },
        ];
-       /*jslint confusion: false */
 
        me.column2 = [
            {
                xtype: 'pveHAGroupSelector',
                name: 'group',
-               fieldLabel: gettext('Group')
+               fieldLabel: gettext('Group'),
            },
            {
                xtype: 'proxmoxKVComboBox',
@@ -123,47 +120,46 @@ Ext.define('PVE.ha.VMResourceInputPanel', {
                    ['started', 'started'],
                    ['stopped', 'stopped'],
                    ['ignored', 'ignored'],
-                   ['disabled', 'disabled']
+                   ['disabled', 'disabled'],
                ],
                listeners: {
                    'change': function(field, newValue) {
                        if (newValue === 'disabled') {
                            disabledHint.setVisible(true);
-                       }
-                       else {
+                       } else {
                            if (disabledHint.isVisible()) {
                                disabledHint.setVisible(false);
                            }
                        }
-                   }
-               }
+                   },
+               },
            },
-           disabledHint
+           disabledHint,
        ];
 
        me.columnB = [
            {
                xtype: 'textfield',
                name: 'comment',
-               fieldLabel: gettext('Comment')
+               fieldLabel: gettext('Comment'),
            },
-           fewVotesHint
+           fewVotesHint,
        ];
-       
+
        me.callParent();
-    }
+    },
 });
 
 Ext.define('PVE.ha.VMResourceEdit', {
-    extend: 'PVE.window.Edit',
+    extend: 'Proxmox.window.Edit',
 
     vmid: undefined,
     guestType: undefined,
     isCreate: undefined,
 
-    initComponent : function() {
+    initComponent: function() {
        var me = this;
- 
+
        if (me.isCreate === undefined) {
            me.isCreate = !me.vmid;
        }
@@ -179,24 +175,24 @@ Ext.define('PVE.ha.VMResourceEdit', {
        var ipanel = Ext.create('PVE.ha.VMResourceInputPanel', {
            isCreate: me.isCreate,
            vmid: me.vmid,
-           guestType: me.guestType
+           guestType: me.guestType,
        });
 
        Ext.apply(me, {
            subject: gettext('Resource') + ': ' + gettext('Container') +
            '/' + gettext('Virtual Machine'),
            isAdd: true,
-           items: [ ipanel ]
+           items: [ipanel],
        });
-       
+
        me.callParent();
 
        if (!me.isCreate) {
            me.load({
-               success:  function(response, options) {
+               success: function(response, options) {
                    var values = response.result.data;
 
-                   var regex =  /^(\S+):(\S+)$/;
+                   var regex = /^(\S+):(\S+)$/;
                    var res = regex.exec(values.sid);
 
                    if (res[1] !== 'vm' && res[1] !== 'ct') {
@@ -204,10 +200,10 @@ Ext.define('PVE.ha.VMResourceEdit', {
                    }
 
                    values.vmid = res[2];
-                   
+
                    ipanel.setValues(values);
-               }
+               },
            });
        }
-    }
+    },
 });