ui: eslint: fix various spacing related issues

[pve-manager.git] / www / manager6 / qemu / NetworkEdit.js

diff --git a/www/manager6/qemu/NetworkEdit.js b/www/manager6/qemu/NetworkEdit.js
index b63f5ff0d0544f01268834b0ba04553874868b1d..fed77f4fbb0ea3d1b9005086eb94ef7fe00554ac 100644 (file)
--- a/www/manager6/qemu/NetworkEdit.js
+++ b/www/manager6/qemu/NetworkEdit.js
@@ -1,6 +1,6 @@
 Ext.define('PVE.qemu.NetworkInputPanel', {
-    extend: 'PVE.panel.InputPanel',
-    alias: 'widget.PVE.qemu.NetworkInputPanel',
+    extend: 'Proxmox.panel.InputPanel',
+    alias: 'widget.pveQemuNetworkInputPanel',
     onlineHelp: 'qm_network_device',
 
     insideWizard: false,
@@ -9,14 +9,12 @@ Ext.define('PVE.qemu.NetworkInputPanel', {
        var me = this;
 
        me.network.model = values.model;
-       if (values.networkmode === 'none') {
+       if (values.nonetwork) {
            return {};
-       } else if (values.networkmode === 'bridge') {
+       } else {
            me.network.bridge = values.bridge;
            me.network.tag = values.tag;
            me.network.firewall = values.firewall;
-       } else {
-           me.network.bridge = undefined;
        }
        me.network.macaddr = values.macaddr;
        me.network.disconnect = values.disconnect;
@@ -47,7 +45,7 @@ Ext.define('PVE.qemu.NetworkInputPanel', {
            data.networkmode = 'bridge';
        }
        me.network = data;
-       
+
        me.setValues(me.network);
     },
 
@@ -57,78 +55,83 @@ Ext.define('PVE.qemu.NetworkInputPanel', {
        me.bridgesel.setNodename(nodename);
     },
 
-    initComponent : function() {
+    initComponent: function() {
        var me = this;
 
        me.network = {};
        me.confid = 'net0';
 
+       me.column1 = [];
+       me.column2 = [];
+
        me.bridgesel = Ext.create('PVE.form.BridgeSelector', {
            name: 'bridge',
            fieldLabel: gettext('Bridge'),
            nodename: me.nodename,
-           labelAlign: 'right',
            autoSelect: true,
-           allowBlank: false
+           allowBlank: false,
        });
 
        me.column1 = [
-           {
-               xtype: 'radiofield',
-               name: 'networkmode',
-               inputValue: 'bridge',
-               boxLabel: gettext('Bridged mode'),
-               checked: true,
-               listeners: {
-                   change: function(f, value) {
-                       if (!me.rendered) {
-                           return;
-                       }
-                       me.down('field[name=bridge]').setDisabled(!value);
-                       me.down('field[name=bridge]').validate();
-                       me.down('field[name=tag]').setDisabled(!value);
-                       me.down('field[name=firewall]').setDisabled(!value);
-                   }
-               }
-           },
            me.bridgesel,
            {
                xtype: 'pveVlanField',
                name: 'tag',
                value: '',
-               labelAlign: 'right'
            },
-           me.bridgesel,
            {
-               xtype: 'pvecheckbox',
+               xtype: 'proxmoxcheckbox',
                fieldLabel: gettext('Firewall'),
                name: 'firewall',
-               labelAlign: 'right'
+               checked: (me.insideWizard || me.isCreate),
            },
+       ];
+
+       me.advancedColumn1 = [
            {
-               xtype: 'radiofield',
-               name: 'networkmode',
-               inputValue: 'nat',
-               boxLabel: gettext('NAT mode')
-           }
+               xtype: 'proxmoxcheckbox',
+               fieldLabel: gettext('Disconnect'),
+               name: 'disconnect',
+           },
        ];
 
        if (me.insideWizard) {
-           me.column1.push({
-               xtype: 'radiofield',
-               name: 'networkmode',
+           me.column1.unshift({
+               xtype: 'checkbox',
+               name: 'nonetwork',
                inputValue: 'none',
-               boxLabel: gettext('No network device')
+               boxLabel: gettext('No network device'),
+               listeners: {
+                   change: function(cb, value) {
+                       var fields = [
+                           'disconnect',
+                           'bridge',
+                           'tag',
+                           'firewall',
+                           'model',
+                           'macaddr',
+                           'rate',
+                           'queues',
+                       ];
+                       fields.forEach(function(fieldname) {
+                           me.down('field[name='+fieldname+']').setDisabled(value);
+                       });
+                       me.down('field[name=bridge]').validate();
+                   },
+               },
+           });
+           me.column2.unshift({
+               xtype: 'displayfield',
            });
        }
 
-       me.column2 = [
+       me.column2.push(
            {
                xtype: 'pveNetworkCardSelector',
                name: 'model',
                fieldLabel: gettext('Model'),
                value: PVE.qemu.OSDefaults.generic.networkCard,
-               allowBlank: false
+               allowBlank: false,
            },
            {
                xtype: 'textfield',
@@ -136,8 +139,9 @@ Ext.define('PVE.qemu.NetworkInputPanel', {
                fieldLabel: gettext('MAC address'),
                vtype: 'MacAddress',
                allowBlank: true,
-               emptyText: 'auto'
-           },
+               emptyText: 'auto',
+           });
+       me.advancedColumn2 = [
            {
                xtype: 'numberfield',
                name: 'rate',
@@ -146,53 +150,47 @@ Ext.define('PVE.qemu.NetworkInputPanel', {
                maxValue: 10*1024,
                value: '',
                emptyText: 'unlimited',
-               allowBlank: true
+               allowBlank: true,
            },
            {
-               xtype: 'pveIntegerField',
+               xtype: 'proxmoxintegerfield',
                name: 'queues',
-               fieldLabel: gettext('Multiqueues'),
+               fieldLabel: 'Multiqueue',
                minValue: 1,
                maxValue: 8,
                value: '',
-               allowBlank: true
+               allowBlank: true,
            },
-           {
-               xtype: 'pvecheckbox',
-               fieldLabel: gettext('Disconnect'),
-               name: 'disconnect'
-           }
        ];
 
        me.callParent();
-    }
+    },
 });
 
 Ext.define('PVE.qemu.NetworkEdit', {
-    extend: 'PVE.window.Edit',
+    extend: 'Proxmox.window.Edit',
 
     isAdd: true,
 
-    initComponent : function() {
-       /*jslint confusion: true */
-
+    initComponent: function() {
        var me = this;
 
        var nodename = me.pveSelNode.data.node;
-       if (!nodename) { 
-           throw "no node name specified";         
+       if (!nodename) {
+           throw "no node name specified";
        }
 
        me.isCreate = me.confid ? false : true;
 
        var ipanel = Ext.create('PVE.qemu.NetworkInputPanel', {
            confid: me.confid,
-           nodename: nodename
+           nodename: nodename,
+           isCreate: me.isCreate,
        });
 
        Ext.applyIf(me, {
            subject: gettext('Network Device'),
-           items: ipanel
+           items: ipanel,
        });
 
        me.callParent();
@@ -218,9 +216,16 @@ Ext.define('PVE.qemu.NetworkEdit', {
                            break;
                        }
                    }
-                   ipanel.setNetwork(me.confid);                   
+
+                   let ostype = me.vmconfig.ostype;
+                   let defaults = PVE.qemu.OSDefaults.getDefaults(ostype);
+                   let data = {
+                       model: defaults.networkCard,
+                   };
+
+                   ipanel.setNetwork(me.confid, data);
                }
-           }
+           },
        });
-    }
+    },
 });