]> git.proxmox.com Git - pve-manager.git/blobdiff - www/manager6/Utils.js
ui: dc/options: fix renderer
[pve-manager.git] / www / manager6 / Utils.js
index 5b58395f9ce9386daca610b813ba0b0bec2b89eb..dbd0cef86577195726f53678d910340bccd96e67 100644 (file)
@@ -1,32 +1,19 @@
 Ext.ns('PVE');
 
-// avoid errors related to Accessible Rich Internet Applications
-// (access for people with disabilities)
-// TODO reenable after all components are upgraded
-Ext.enableAria = false;
-Ext.enableAriaButtons = false;
-Ext.enableAriaPanels = false;
-
-// avoid errors when running without development tools
-if (!Ext.isDefined(Ext.global.console)) {
-    var console = {
-       log: function() {}
-    };
-}
-console.log("Starting PVE Manager");
+console.log("Starting Proxmox VE Manager");
 
 Ext.Ajax.defaultHeaders = {
-    'Accept': 'application/json'
+    'Accept': 'application/json',
 };
 
-/*jslint confusion: true */
-Ext.define('PVE.Utils', { utilities: {
+Ext.define('PVE.Utils', {
+ utilities: {
 
     // this singleton contains miscellaneous utilities
 
     toolkit: undefined, // (extjs|touch), set inside Toolkit.js
 
-    bus_match: /^(ide|sata|virtio|scsi)\d+$/,
+    bus_match: /^(ide|sata|virtio|scsi)(\d+)$/,
 
     log_severity_hash: {
        0: "panic",
@@ -36,37 +23,49 @@ Ext.define('PVE.Utils', { utilities: {
        4: "warning",
        5: "notice",
        6: "info",
-       7: "debug"
+       7: "debug",
     },
 
     support_level_hash: {
        'c': gettext('Community'),
        'b': gettext('Basic'),
        's': gettext('Standard'),
-       'p': gettext('Premium')
+       'p': gettext('Premium'),
     },
 
-    noSubKeyHtml: 'You do not have a valid subscription for this server. Please visit <a target="_blank" href="http://www.proxmox.com/products/proxmox-ve/subscription-service-plans">www.proxmox.com</a> to get a list of available options.',
+    noSubKeyHtml: 'You do not have a valid subscription for this server. Please visit '
+      +'<a target="_blank" href="https://www.proxmox.com/products/proxmox-ve/subscription-service-plans">'
+      +'www.proxmox.com</a> to get a list of available options.',
 
     kvm_ostypes: {
        'Linux': [
-           { desc: '4.X/3.X/2.6 Kernel', val: 'l26' },
-           { desc: '2.4 Kernel', val: 'l24' }
+           { desc: '5.x - 2.6 Kernel', val: 'l26' },
+           { desc: '2.4 Kernel', val: 'l24' },
        ],
        'Microsoft Windows': [
-           { desc: '10/2016', val: 'win10' },
+           { desc: '11/2022', val: 'win11' },
+           { desc: '10/2016/2019', val: 'win10' },
            { desc: '8.x/2012/2012r2', val: 'win8' },
            { desc: '7/2008r2', val: 'win7' },
            { desc: 'Vista/2008', val: 'w2k8' },
            { desc: 'XP/2003', val: 'wxp' },
-           { desc: '2000', val: 'w2k' }
+           { desc: '2000', val: 'w2k' },
        ],
        'Solaris Kernel': [
-           { desc: '-', val: 'solaris'}
+           { desc: '-', val: 'solaris' },
        ],
        'Other': [
-           { desc: '-', val: 'other'}
-       ]
+           { desc: '-', val: 'other' },
+       ],
+    },
+
+    is_windows: function(ostype) {
+       for (let entry of PVE.Utils.kvm_ostypes['Microsoft Windows']) {
+           if (entry.val === ostype) {
+               return true;
+           }
+       }
+       return false;
     },
 
     get_health_icon: function(state, circle) {
@@ -79,10 +78,16 @@ Ext.define('PVE.Utils', { utilities: {
        }
 
        var icon = 'faded fa-question';
-       switch(state) {
+       switch (state) {
            case 'good':
                icon = 'good fa-check';
                break;
+           case 'upgrade':
+               icon = 'warning fa-upload';
+               break;
+           case 'old':
+               icon = 'warning fa-refresh';
+               break;
            case 'warning':
                icon = 'warning fa-exclamation';
                break;
@@ -99,16 +104,124 @@ Ext.define('PVE.Utils', { utilities: {
        return icon;
     },
 
+    parse_ceph_version: function(service) {
+       if (service.ceph_version_short) {
+           return service.ceph_version_short;
+       }
+
+       if (service.ceph_version) {
+           var match = service.ceph_version.match(/version (\d+(\.\d+)*)/);
+           if (match) {
+               return match[1];
+           }
+       }
+
+       return undefined;
+    },
+
+    compare_ceph_versions: function(a, b) {
+       let avers = [];
+       let bvers = [];
+
+       if (a === b) {
+           return 0;
+       }
+
+       if (Ext.isArray(a)) {
+           avers = a.slice(); // copy array
+       } else {
+           avers = a.toString().split('.');
+       }
+
+       if (Ext.isArray(b)) {
+           bvers = b.slice(); // copy array
+       } else {
+           bvers = b.toString().split('.');
+       }
+
+       for (;;) {
+           let av = avers.shift();
+           let bv = bvers.shift();
+
+           if (av === undefined && bv === undefined) {
+               return 0;
+           } else if (av === undefined) {
+               return -1;
+           } else if (bv === undefined) {
+               return 1;
+           } else {
+               let diff = parseInt(av, 10) - parseInt(bv, 10);
+               if (diff !== 0) return diff;
+               // else we need to look at the next parts
+           }
+       }
+    },
+
+    get_ceph_icon_html: function(health, fw) {
+       var state = PVE.Utils.map_ceph_health[health];
+       var cls = PVE.Utils.get_health_icon(state);
+       if (fw) {
+           cls += ' fa-fw';
+       }
+       return "<i class='fa " + cls + "'></i> ";
+    },
+
     map_ceph_health: {
-       'HEALTH_OK':'good',
-       'HEALTH_WARN':'warning',
-       'HEALTH_ERR':'critical'
+       'HEALTH_OK': 'good',
+       'HEALTH_UPGRADE': 'upgrade',
+       'HEALTH_OLD': 'old',
+       'HEALTH_WARN': 'warning',
+       'HEALTH_ERR': 'critical',
+    },
+
+    render_sdn_pending: function(rec, value, key, index) {
+       if (rec.data.state === undefined || rec.data.state === null) {
+           return value;
+       }
+
+       if (rec.data.state === 'deleted') {
+           if (value === undefined) {
+               return ' ';
+           } else {
+               return '<div style="text-decoration: line-through;">'+ value +'</div>';
+           }
+       } else if (rec.data.pending[key] !== undefined && rec.data.pending[key] !== null) {
+           if (rec.data.pending[key] === 'deleted') {
+               return ' ';
+           } else {
+               return rec.data.pending[key];
+           }
+       }
+       return value;
+    },
+
+    render_sdn_pending_state: function(rec, value) {
+       if (value === undefined || value === null) {
+           return ' ';
+       }
+
+       let icon = `<i class="fa fa-fw fa-refresh warning"></i>`;
+
+       if (value === 'deleted') {
+           return '<span>' + icon + value + '</span>';
+       }
+
+       let tip = gettext('Pending Changes') + ': <br>';
+
+       for (const [key, keyvalue] of Object.entries(rec.data.pending)) {
+           if ((rec.data[key] !== undefined && rec.data.pending[key] !== rec.data[key]) ||
+               rec.data[key] === undefined
+           ) {
+               tip += `${key}: ${keyvalue} <br>`;
+           }
+       }
+       return '<span data-qtip="' + tip + '">'+ icon + value + '</span>';
     },
 
     render_ceph_health: function(healthObj) {
        var state = {
            iconCls: PVE.Utils.get_health_icon(),
-           text: ''
+           text: '',
        };
 
        if (!healthObj || !healthObj.status) {
@@ -124,7 +237,7 @@ Ext.define('PVE.Utils', { utilities: {
     },
 
     render_zfs_health: function(value) {
-       if (typeof value == 'undefined'){
+       if (typeof value === 'undefined') {
            return "";
        }
        var iconCls = 'question-circle';
@@ -146,7 +259,138 @@ Ext.define('PVE.Utils', { utilities: {
        }
 
        return '<i class="fa fa-' + iconCls + '"></i> ' + value;
+    },
+
+    render_pbs_fingerprint: fp => fp.substring(0, 23),
+
+    render_backup_encryption: function(v, meta, record) {
+       if (!v) {
+           return gettext('No');
+       }
+
+       let tip = '';
+       if (v.match(/^[a-fA-F0-9]{2}:/)) { // fingerprint
+           tip = `Key fingerprint ${PVE.Utils.render_pbs_fingerprint(v)}`;
+       }
+       let icon = `<i class="fa fa-fw fa-lock good"></i>`;
+       return `<span data-qtip="${tip}">${icon} ${gettext('Encrypted')}</span>`;
+    },
+
+    render_backup_verification: function(v, meta, record) {
+       let i = (cls, txt) => `<i class="fa fa-fw fa-${cls}"></i> ${txt}`;
+       if (v === undefined || v === null) {
+           return i('question-circle-o warning', gettext('None'));
+       }
+       let tip = "";
+       let txt = gettext('Failed');
+       let iconCls = 'times critical';
+       if (v.state === 'ok') {
+           txt = gettext('OK');
+           iconCls = 'check good';
+           let now = Date.now() / 1000;
+           let task = Proxmox.Utils.parse_task_upid(v.upid);
+           let verify_time = Proxmox.Utils.render_timestamp(task.starttime);
+           tip = `Last verify task started on ${verify_time}`;
+           if (now - v.starttime > 30 * 24 * 60 * 60) {
+               tip = `Last verify task over 30 days ago: ${verify_time}`;
+               iconCls = 'check warning';
+           }
+       }
+       return `<span data-qtip="${tip}"> ${i(iconCls, txt)} </span>`;
+    },
+
+    render_backup_status: function(value, meta, record) {
+       if (typeof value === 'undefined') {
+           return "";
+       }
+
+       let iconCls = 'check-circle good';
+       let text = gettext('Yes');
+
+       if (!PVE.Parser.parseBoolean(value.toString())) {
+           iconCls = 'times-circle critical';
+
+           text = gettext('No');
+
+           let reason = record.get('reason');
+           if (typeof reason !== 'undefined') {
+               if (reason in PVE.Utils.backup_reasons_table) {
+                   reason = PVE.Utils.backup_reasons_table[record.get('reason')];
+               }
+               text = `${text} - ${reason}`;
+           }
+       }
+
+       return `<i class="fa fa-${iconCls}"></i> ${text}`;
+    },
+
+    render_backup_days_of_week: function(val) {
+       var dows = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'];
+       var selected = [];
+       var cur = -1;
+       val.split(',').forEach(function(day) {
+           cur++;
+           var dow = (dows.indexOf(day)+6)%7;
+           if (cur === dow) {
+               if (selected.length === 0 || selected[selected.length-1] === 0) {
+                   selected.push(1);
+               } else {
+                   selected[selected.length-1]++;
+               }
+           } else {
+               while (cur < dow) {
+                   cur++;
+                   selected.push(0);
+               }
+               selected.push(1);
+           }
+       });
+
+       cur = -1;
+       var days = [];
+       selected.forEach(function(item) {
+           cur++;
+           if (item > 2) {
+               days.push(Ext.Date.dayNames[cur+1] + '-' + Ext.Date.dayNames[(cur+item)%7]);
+               cur += item-1;
+           } else if (item === 2) {
+               days.push(Ext.Date.dayNames[cur+1]);
+               days.push(Ext.Date.dayNames[(cur+2)%7]);
+               cur++;
+           } else if (item === 1) {
+               days.push(Ext.Date.dayNames[(cur+1)%7]);
+           }
+       });
+       return days.join(', ');
+    },
+
+    render_backup_selection: function(value, metaData, record) {
+       let allExceptText = gettext('All except {0}');
+       let allText = '-- ' + gettext('All') + ' --';
+       if (record.data.all) {
+           if (record.data.exclude) {
+               return Ext.String.format(allExceptText, record.data.exclude);
+           }
+           return allText;
+       }
+       if (record.data.vmid) {
+           return record.data.vmid;
+       }
+
+       if (record.data.pool) {
+           return "Pool '"+ record.data.pool + "'";
+       }
 
+       return "-";
+    },
+
+    backup_reasons_table: {
+       'backup=yes': gettext('Enabled'),
+       'backup=no': gettext('Disabled'),
+       'enabled': gettext('Enabled'),
+       'disabled': gettext('Disabled'),
+       'not a volume': gettext('Not a volume'),
+       'efidisk but no OMVF BIOS': gettext('EFI Disk without OMVF BIOS'),
     },
 
     get_kvm_osinfo: function(value) {
@@ -163,7 +407,7 @@ Ext.define('PVE.Utils', { utilities: {
        return info;
     },
 
-    render_kvm_ostype: function (value) {
+    render_kvm_ostype: function(value) {
        var osinfo = PVE.Utils.get_kvm_osinfo(value);
        if (osinfo.desc && osinfo.desc !== '-') {
            return osinfo.base + ' ' + osinfo.desc;
@@ -172,10 +416,10 @@ Ext.define('PVE.Utils', { utilities: {
        }
     },
 
-    render_hotplug_features: function (value) {
+    render_hotplug_features: function(value) {
        var fa = [];
 
-       if (!value || (value === '0')) {
+       if (!value || value === '0') {
            return gettext('Disabled');
        }
 
@@ -202,34 +446,44 @@ Ext.define('PVE.Utils', { utilities: {
        return fa.join(', ');
     },
 
-    render_qga_features: function(value) {
-       if (!value) {
-           return Proxmox.Utils.defaultText + ' (' + Proxmox.Utils.disabledText  + ')';
+    render_localtime: function(value) {
+       if (value === '__default__') {
+           return Proxmox.Utils.defaultText + ' (' + gettext('Enabled for Windows') + ')';
        }
-       var props = PVE.Parser.parsePropertyString(value, 'enabled');
-       if (!PVE.Parser.parseBoolean(props.enabled)) {
+       return Proxmox.Utils.format_boolean(value);
+    },
+
+    render_qga_features: function(config) {
+       if (!config) {
+           return Proxmox.Utils.defaultText + ' (' + Proxmox.Utils.disabledText + ')';
+       }
+       let qga = PVE.Parser.parsePropertyString(config, 'enabled');
+       if (!PVE.Parser.parseBoolean(qga.enabled)) {
            return Proxmox.Utils.disabledText;
        }
+       delete qga.enabled;
 
-       delete props.enabled;
-       var agentstring = Proxmox.Utils.enabledText;
+       let agentstring = Proxmox.Utils.enabledText;
 
-       Ext.Object.each(props, function(key, value) {
-           var keystring = '' ;
-           agentstring += ', ' + key + ': ';
-
-           if (PVE.Parser.parseBoolean(value)) {
-               agentstring += Proxmox.Utils.enabledText;
-           } else {
-               agentstring += Proxmox.Utils.disabledText;
+       for (const [key, value] of Object.entries(qga)) {
+           let displayText = Proxmox.Utils.disabledText;
+           if (key === 'type') {
+               let map = {
+                   isa: "ISA",
+                   virtio: "VirtIO",
+               };
+               displayText = map[value] || Proxmox.Utils.unknownText;
+           } else if (PVE.Parser.parseBoolean(value)) {
+               displayText = Proxmox.Utils.enabledText;
            }
-       });
+           agentstring += `, ${key}: ${displayText}`;
+       }
 
        return agentstring;
     },
 
     render_qemu_machine: function(value) {
-       return value || (Proxmox.Utils.defaultText + ' (i440fx)');
+       return value || Proxmox.Utils.defaultText + ' (i440fx)';
     },
 
     render_qemu_bios: function(value) {
@@ -246,11 +500,12 @@ Ext.define('PVE.Utils', { utilities: {
 
     render_dc_ha_opts: function(value) {
        if (!value) {
-           return Proxmox.Utils.defaultText + ' (conditional)';
+           return Proxmox.Utils.defaultText;
        } else {
            return PVE.Parser.printPropertyString(value);
        }
     },
+    render_as_property_string: v => !v ? Proxmox.Utils.defaultText : PVE.Parser.printPropertyString(v),
 
     render_scsihw: function(value) {
        if (!value) {
@@ -272,6 +527,22 @@ Ext.define('PVE.Utils', { utilities: {
        }
     },
 
+    render_spice_enhancements: function(values) {
+       let props = PVE.Parser.parsePropertyString(values);
+       if (Ext.Object.isEmpty(props)) {
+           return Proxmox.Utils.noneText;
+       }
+
+       let output = [];
+       if (PVE.Parser.parseBoolean(props.foldersharing)) {
+           output.push('Folder Sharing: ' + gettext('Enabled'));
+       }
+       if (props.videostreaming === 'all' || props.videostreaming === 'filter') {
+           output.push('Video Streaming: ' + props.videostreaming);
+       }
+       return output.join(', ');
+    },
+
     // fixme: auto-generate this
     // for now, please keep in sync with PVE::Tools::kvmkeymaps
     kvm_keymaps: {
@@ -307,7 +578,7 @@ Ext.define('PVE.Utils', { utilities: {
        sl: 'Slovenian',
        sv: 'Swedish',
        //th: 'Thai',
-       tr: 'Turkish'
+       tr: 'Turkish',
     },
 
     kvm_vga_drivers: {
@@ -322,10 +593,10 @@ Ext.define('PVE.Utils', { utilities: {
        serial2: gettext('Serial terminal') + ' 2',
        serial3: gettext('Serial terminal') + ' 3',
        virtio: 'VirtIO-GPU',
-       none: Proxmox.Utils.noneText
+       none: Proxmox.Utils.noneText,
     },
 
-    render_kvm_language: function (value) {
+    render_kvm_language: function(value) {
        if (!value || value === '__default__') {
            return Proxmox.Utils.defaultText;
        }
@@ -346,10 +617,10 @@ Ext.define('PVE.Utils', { utilities: {
     },
 
     console_map: {
-       '__default__': Proxmox.Utils.defaultText + ' (HTML5)',
+       '__default__': Proxmox.Utils.defaultText + ' (xterm.js)',
        'vv': 'SPICE (remote-viewer)',
        'html5': 'HTML5 (noVNC)',
-       'xtermjs': 'xterm.js'
+       'xtermjs': 'xterm.js',
     },
 
     render_console_viewer: function(value) {
@@ -366,7 +637,7 @@ Ext.define('PVE.Utils', { utilities: {
        });
     },
 
-    render_kvm_vga_driver: function (value) {
+    render_kvm_vga_driver: function(value) {
        if (!value) {
            return Proxmox.Utils.defaultText;
        }
@@ -430,120 +701,300 @@ Ext.define('PVE.Utils', { utilities: {
        return msg;
     },
 
-    format_duration_short: function(ut) {
-
-       if (ut < 60) {
-           return ut.toFixed(1) + 's';
-       }
-
-       if (ut < 3600) {
-           var mins = ut / 60;
-           return mins.toFixed(1) + 'm';
-       }
-
-       if (ut < 86400) {
-           var hours = ut / 3600;
-           return hours.toFixed(1) + 'h';
-       }
-
-       var days = ut / 86400;
-       return days.toFixed(1) + 'd';
-    },
-
     contentTypes: {
        'images': gettext('Disk image'),
        'backup': gettext('VZDump backup file'),
        'vztmpl': gettext('Container template'),
        'iso': gettext('ISO image'),
        'rootdir': gettext('Container'),
-       'snippets': gettext('Snippets')
+       'snippets': gettext('Snippets'),
+    },
+
+    volume_is_qemu_backup: function(volid, format) {
+       return format === 'pbs-vm' || volid.match(':backup/vzdump-qemu-');
+    },
+
+    volume_is_lxc_backup: function(volid, format) {
+       return format === 'pbs-ct' || volid.match(':backup/vzdump-(lxc|openvz)-');
+    },
+
+    authSchema: {
+       ad: {
+           name: gettext('Active Directory Server'),
+           ipanel: 'pveAuthADPanel',
+           syncipanel: 'pveAuthLDAPSyncPanel',
+           add: true,
+           tfa: true,
+           pwchange: true,
+       },
+       ldap: {
+           name: gettext('LDAP Server'),
+           ipanel: 'pveAuthLDAPPanel',
+           syncipanel: 'pveAuthLDAPSyncPanel',
+           add: true,
+           tfa: true,
+           pwchange: true,
+       },
+       openid: {
+           name: gettext('OpenID Connect Server'),
+           ipanel: 'pveAuthOpenIDPanel',
+           add: true,
+           tfa: false,
+           pwchange: false,
+           iconCls: 'pmx-itype-icon-openid-logo',
+       },
+       pam: {
+           name: 'Linux PAM',
+           ipanel: 'pveAuthBasePanel',
+           add: false,
+           tfa: true,
+           pwchange: true,
+       },
+       pve: {
+           name: 'Proxmox VE authentication server',
+           ipanel: 'pveAuthBasePanel',
+           add: false,
+           tfa: true,
+           pwchange: true,
+       },
     },
 
     storageSchema: {
        dir: {
            name: Proxmox.Utils.directoryText,
            ipanel: 'DirInputPanel',
-           faIcon: 'folder'
+           faIcon: 'folder',
+           backups: true,
        },
        lvm: {
            name: 'LVM',
            ipanel: 'LVMInputPanel',
-           faIcon: 'folder'
+           faIcon: 'folder',
+           backups: false,
        },
        lvmthin: {
            name: 'LVM-Thin',
            ipanel: 'LvmThinInputPanel',
-           faIcon: 'folder'
+           faIcon: 'folder',
+           backups: false,
+       },
+       btrfs: {
+           name: 'BTRFS',
+           ipanel: 'BTRFSInputPanel',
+           faIcon: 'folder',
+           backups: true,
        },
        nfs: {
            name: 'NFS',
            ipanel: 'NFSInputPanel',
-           faIcon: 'building'
+           faIcon: 'building',
+           backups: true,
        },
        cifs: {
-           name: 'CIFS',
+           name: 'SMB/CIFS',
            ipanel: 'CIFSInputPanel',
-           faIcon: 'building'
+           faIcon: 'building',
+           backups: true,
        },
        glusterfs: {
            name: 'GlusterFS',
            ipanel: 'GlusterFsInputPanel',
-           faIcon: 'building'
+           faIcon: 'building',
+           backups: true,
        },
        iscsi: {
            name: 'iSCSI',
            ipanel: 'IScsiInputPanel',
-           faIcon: 'building'
-       },
-       sheepdog: {
-           name: 'Sheepdog',
-           ipanel: 'SheepdogInputPanel',
-           hideAdd: true,
-           faIcon: 'building'
+           faIcon: 'building',
+           backups: false,
        },
        cephfs: {
            name: 'CephFS',
            ipanel: 'CephFSInputPanel',
-           faIcon: 'building'
+           faIcon: 'building',
+           backups: true,
        },
        pvecephfs: {
            name: 'CephFS (PVE)',
            ipanel: 'CephFSInputPanel',
            hideAdd: true,
-           faIcon: 'building'
+           faIcon: 'building',
+           backups: true,
        },
        rbd: {
            name: 'RBD',
            ipanel: 'RBDInputPanel',
-           faIcon: 'building'
+           faIcon: 'building',
+           backups: false,
        },
        pveceph: {
            name: 'RBD (PVE)',
            ipanel: 'RBDInputPanel',
            hideAdd: true,
-           faIcon: 'building'
+           faIcon: 'building',
+           backups: false,
        },
        zfs: {
            name: 'ZFS over iSCSI',
            ipanel: 'ZFSInputPanel',
-           faIcon: 'building'
+           faIcon: 'building',
+           backups: false,
        },
        zfspool: {
            name: 'ZFS',
            ipanel: 'ZFSPoolInputPanel',
-           faIcon: 'folder'
+           faIcon: 'folder',
+           backups: false,
+       },
+       pbs: {
+           name: 'Proxmox Backup Server',
+           ipanel: 'PBSInputPanel',
+           faIcon: 'floppy-o',
+           backups: true,
        },
        drbd: {
            name: 'DRBD',
-           hideAdd: true
+           hideAdd: true,
+           backups: false,
+       },
+    },
+
+    sdnvnetSchema: {
+       vnet: {
+           name: 'vnet',
+           faIcon: 'folder',
+       },
+    },
+
+    sdnzoneSchema: {
+       zone: {
+            name: 'zone',
+            hideAdd: true,
+       },
+       simple: {
+           name: 'Simple',
+           ipanel: 'SimpleInputPanel',
+           faIcon: 'th',
+       },
+       vlan: {
+           name: 'VLAN',
+           ipanel: 'VlanInputPanel',
+           faIcon: 'th',
+       },
+       qinq: {
+           name: 'QinQ',
+           ipanel: 'QinQInputPanel',
+           faIcon: 'th',
+       },
+       vxlan: {
+           name: 'VXLAN',
+           ipanel: 'VxlanInputPanel',
+           faIcon: 'th',
+       },
+       evpn: {
+           name: 'EVPN',
+           ipanel: 'EvpnInputPanel',
+           faIcon: 'th',
+       },
+    },
+
+    sdncontrollerSchema: {
+       controller: {
+            name: 'controller',
+            hideAdd: true,
+       },
+       evpn: {
+           name: 'evpn',
+           ipanel: 'EvpnInputPanel',
+           faIcon: 'crosshairs',
+       },
+       bgp: {
+           name: 'bgp',
+           ipanel: 'BgpInputPanel',
+           faIcon: 'crosshairs',
+       },
+    },
+
+    sdnipamSchema: {
+       ipam: {
+            name: 'ipam',
+            hideAdd: true,
+       },
+       pve: {
+           name: 'PVE',
+           ipanel: 'PVEIpamInputPanel',
+           faIcon: 'th',
+           hideAdd: true,
+       },
+       netbox: {
+           name: 'Netbox',
+           ipanel: 'NetboxInputPanel',
+           faIcon: 'th',
+       },
+       phpipam: {
+           name: 'PhpIpam',
+           ipanel: 'PhpIpamInputPanel',
+           faIcon: 'th',
+       },
+    },
+
+    sdndnsSchema: {
+       dns: {
+            name: 'dns',
+            hideAdd: true,
+       },
+       powerdns: {
+           name: 'powerdns',
+           ipanel: 'PowerdnsInputPanel',
+           faIcon: 'th',
+       },
+    },
+
+    format_sdnvnet_type: function(value, md, record) {
+       var schema = PVE.Utils.sdnvnetSchema[value];
+       if (schema) {
+           return schema.name;
+       }
+       return Proxmox.Utils.unknownText;
+    },
+
+    format_sdnzone_type: function(value, md, record) {
+       var schema = PVE.Utils.sdnzoneSchema[value];
+       if (schema) {
+           return schema.name;
+       }
+       return Proxmox.Utils.unknownText;
+    },
+
+    format_sdncontroller_type: function(value, md, record) {
+       var schema = PVE.Utils.sdncontrollerSchema[value];
+       if (schema) {
+           return schema.name;
+       }
+       return Proxmox.Utils.unknownText;
+    },
+
+    format_sdnipam_type: function(value, md, record) {
+       var schema = PVE.Utils.sdnipamSchema[value];
+       if (schema) {
+           return schema.name;
+       }
+       return Proxmox.Utils.unknownText;
+    },
+
+    format_sdndns_type: function(value, md, record) {
+       var schema = PVE.Utils.sdndnsSchema[value];
+       if (schema) {
+           return schema.name;
        }
+       return Proxmox.Utils.unknownText;
     },
 
     format_storage_type: function(value, md, record) {
        if (value === 'rbd') {
-           value = (!record || record.get('monhost') ? 'rbd' : 'pveceph');
+           value = !record || record.get('monhost') ? 'rbd' : 'pveceph';
        } else if (value === 'cephfs') {
-           value = (!record || record.get('monhost') ? 'cephfs' : 'pvecephfs');
+           value = !record || record.get('monhost') ? 'cephfs' : 'pvecephfs';
        }
 
        var schema = PVE.Utils.storageSchema[value];
@@ -559,7 +1010,7 @@ Ext.define('PVE.Utils', { utilities: {
        if (value.managed) {
            text = value.state || Proxmox.Utils.noneText;
 
-           text += ', ' +  Proxmox.Utils.groupText + ': ';
+           text += ', ' + Proxmox.Utils.groupText + ': ';
            text += value.group || Proxmox.Utils.noneText;
        }
 
@@ -578,41 +1029,62 @@ Ext.define('PVE.Utils', { utilities: {
            Ext.isNumber(data.id) &&
            Ext.isNumber(data.lun)) {
            return "CH " +
-               Ext.String.leftPad(data.channel,2, '0') +
+               Ext.String.leftPad(data.channel, 2, '0') +
                " ID " + data.id + " LUN " + data.lun;
        }
-       return data.volid.replace(/^.*:(.*\/)?/,'');
+       return data.volid.replace(/^.*?:(.*?\/)?/, '');
     },
 
-    render_serverity: function (value) {
+    render_serverity: function(value) {
        return PVE.Utils.log_severity_hash[value] || value;
     },
 
-    render_cpu: function(value, metaData, record, rowIndex, colIndex, store) {
+    calculate_hostcpu: function(data) {
+       if (!(data.uptime && Ext.isNumeric(data.cpu))) {
+           return -1;
+       }
 
-       if (!(record.data.uptime && Ext.isNumeric(value))) {
-           return '';
+       if (data.type !== 'qemu' && data.type !== 'lxc') {
+           return -1;
        }
 
-       var maxcpu = record.data.maxcpu || 1;
+       var index = PVE.data.ResourceStore.findExact('id', 'node/' + data.node);
+       var node = PVE.data.ResourceStore.getAt(index);
+       if (!Ext.isDefined(node) || node === null) {
+           return -1;
+       }
+       var maxcpu = node.data.maxcpu || 1;
 
        if (!Ext.isNumeric(maxcpu) && (maxcpu >= 1)) {
-           return '';
+           return -1;
        }
 
-       var per = value * 100;
-
-       return per.toFixed(1) + '% of ' + maxcpu.toString() + (maxcpu > 1 ? 'CPUs' : 'CPU');
+       return (data.cpu/maxcpu) * data.maxcpu;
     },
 
-    render_size: function(value, metaData, record, rowIndex, colIndex, store) {
-       /*jslint confusion: true */
+    render_hostcpu: function(value, metaData, record, rowIndex, colIndex, store) {
+       if (!(record.data.uptime && Ext.isNumeric(record.data.cpu))) {
+           return '';
+       }
+
+       if (record.data.type !== 'qemu' && record.data.type !== 'lxc') {
+           return '';
+       }
 
-       if (!Ext.isNumeric(value)) {
+       var index = PVE.data.ResourceStore.findExact('id', 'node/' + record.data.node);
+       var node = PVE.data.ResourceStore.getAt(index);
+       if (!Ext.isDefined(node) || node === null) {
+           return '';
+       }
+       var maxcpu = node.data.maxcpu || 1;
+
+       if (!Ext.isNumeric(maxcpu) && (maxcpu >= 1)) {
            return '';
        }
 
-       return Proxmox.Utils.format_size(value);
+       var per = (record.data.cpu/maxcpu) * record.data.maxcpu * 100;
+
+       return per.toFixed(1) + '% of ' + maxcpu.toString() + (maxcpu > 1 ? 'CPUs' : 'CPU');
     },
 
     render_bandwidth: function(value) {
@@ -627,28 +1099,43 @@ Ext.define('PVE.Utils', { utilities: {
        return Ext.Date.format(new Date(value * 1000), 'l d F Y H:i:s');
     },
 
-    render_duration: function(value) {
-       if (value === undefined) {
-           return '-';
+    calculate_mem_usage: function(data) {
+       if (!Ext.isNumeric(data.mem) ||
+           data.maxmem === 0 ||
+           data.uptime < 1) {
+           return -1;
        }
-       return PVE.Utils.format_duration_short(value);
+
+       return data.mem / data.maxmem;
     },
 
-    calculate_mem_usage: function(data) {
+    calculate_hostmem_usage: function(data) {
+       if (data.type !== 'qemu' && data.type !== 'lxc') {
+           return -1;
+       }
+
+        var index = PVE.data.ResourceStore.findExact('id', 'node/' + data.node);
+       var node = PVE.data.ResourceStore.getAt(index);
+
+        if (!Ext.isDefined(node) || node === null) {
+           return -1;
+        }
+       var maxmem = node.data.maxmem || 0;
+
        if (!Ext.isNumeric(data.mem) ||
-           data.maxmem === 0 ||
+           maxmem === 0 ||
            data.uptime < 1) {
            return -1;
        }
 
-       return (data.mem / data.maxmem);
+       return data.mem / maxmem;
     },
 
     render_mem_usage_percent: function(value, metaData, record, rowIndex, colIndex, store) {
        if (!Ext.isNumeric(value) || value === -1) {
            return '';
        }
-       if (value > 1 ) {
+       if (value > 1) {
            // we got no percentage but bytes
            var mem = value;
            var maxmem = record.data.maxmem;
@@ -658,13 +1145,39 @@ Ext.define('PVE.Utils', { utilities: {
                return '';
            }
 
+           return (mem*100/maxmem).toFixed(1) + " %";
+       }
+       return (value*100).toFixed(1) + " %";
+    },
+
+    render_hostmem_usage_percent: function(value, metaData, record, rowIndex, colIndex, store) {
+       if (!Ext.isNumeric(record.data.mem) || value === -1) {
+           return '';
+       }
+
+       if (record.data.type !== 'qemu' && record.data.type !== 'lxc') {
+           return '';
+       }
+
+       var index = PVE.data.ResourceStore.findExact('id', 'node/' + record.data.node);
+       var node = PVE.data.ResourceStore.getAt(index);
+       var maxmem = node.data.maxmem || 0;
+
+       if (record.data.mem > 1) {
+           // we got no percentage but bytes
+           var mem = record.data.mem;
+           if (!record.data.uptime ||
+               maxmem === 0 ||
+               !Ext.isNumeric(mem)) {
+               return '';
+           }
+
            return ((mem*100)/maxmem).toFixed(1) + " %";
        }
        return (value*100).toFixed(1) + " %";
     },
 
     render_mem_usage: function(value, metaData, record, rowIndex, colIndex, store) {
-
        var mem = value;
        var maxmem = record.data.maxmem;
 
@@ -676,19 +1189,18 @@ Ext.define('PVE.Utils', { utilities: {
            return '';
        }
 
-       return PVE.Utils.render_size(value);
+       return Proxmox.Utils.render_size(value);
     },
 
     calculate_disk_usage: function(data) {
-
        if (!Ext.isNumeric(data.disk) ||
-           data.type === 'qemu' ||
-           (data.type === 'lxc' && data.uptime === 0) ||
-           data.maxdisk === 0) {
+           ((data.type === 'qemu' || data.type === 'lxc') && data.uptime === 0) ||
+           data.maxdisk === 0
+       ) {
            return -1;
        }
 
-       return (data.disk / data.maxdisk);
+       return data.disk / data.maxdisk;
     },
 
     render_disk_usage_percent: function(value, metaData, record, rowIndex, colIndex, store) {
@@ -700,19 +1212,18 @@ Ext.define('PVE.Utils', { utilities: {
     },
 
     render_disk_usage: function(value, metaData, record, rowIndex, colIndex, store) {
-
        var disk = value;
        var maxdisk = record.data.maxdisk;
        var type = record.data.type;
 
        if (!Ext.isNumeric(disk) ||
-           type === 'qemu' ||
            maxdisk === 0 ||
-           (type === 'lxc' && record.data.uptime === 0)) {
+           ((type === 'qemu' || type === 'lxc') && record.data.uptime === 0)
+       ) {
            return '';
        }
 
-       return PVE.Utils.render_size(value);
+       return Proxmox.Utils.render_size(value);
     },
 
     get_object_icon_class: function(type, record) {
@@ -731,6 +1242,10 @@ Ext.define('PVE.Utils', { utilities: {
            status = record.status + ' ha-' + record.hastate;
        }
 
+       if (record.lock) {
+           status += ' locked lock-' + record.lock;
+       }
+
        var defaults = PVE.tree.ResourceTree.typeDefaults[objType];
        if (defaults && defaults.iconCls) {
            var retVal = defaults.iconCls + ' ' + status;
@@ -741,10 +1256,9 @@ Ext.define('PVE.Utils', { utilities: {
     },
 
     render_resource_type: function(value, metaData, record, rowIndex, colIndex, store) {
+       var cls = PVE.Utils.get_object_icon_class(value, record.data);
 
-       var cls = PVE.Utils.get_object_icon_class(value,record.data);
-
-       var fa = '<i class="fa-fw x-grid-icon-custom ' + cls  + '"></i> ';
+       var fa = '<i class="fa-fw x-grid-icon-custom ' + cls + '"></i> ';
        return fa + value;
     },
 
@@ -759,39 +1273,8 @@ Ext.define('PVE.Utils', { utilities: {
        return Proxmox.Utils.format_task_description(type, id);
     },
 
-    /* render functions for new status panel */
-
-    render_usage: function(val) {
-       return (val*100).toFixed(2) + '%';
-    },
-
-    render_cpu_usage: function(val, max) {
-       return Ext.String.format(gettext('{0}% of {1}') +
-           ' ' + gettext('CPU(s)'), (val*100).toFixed(2), max);
-    },
-
-    render_size_usage: function(val, max) {
-       if (max === 0) {
-           return gettext('N/A');
-       }
-       return (val*100/max).toFixed(2) + '% '+ '(' +
-           Ext.String.format(gettext('{0} of {1}'),
-           PVE.Utils.render_size(val), PVE.Utils.render_size(max)) + ')';
-    },
-
-    /* this is different for nodes */
-    render_node_cpu_usage: function(value, record) {
-       return PVE.Utils.render_cpu_usage(value, record.cpus);
-    },
-
-    /* this is different for nodes */
-    render_node_size_usage: function(record) {
-       return PVE.Utils.render_size_usage(record.used, record.total);
-    },
-
     render_optional_url: function(value) {
-       var match;
-       if (value && (match = value.match(/^https?:\/\//)) !== null) {
+       if (value && value.match(/^https?:\/\//)) {
            return '<a target="_blank" href="' + value + '">' + value + '</a>';
        }
        return value;
@@ -816,70 +1299,51 @@ Ext.define('PVE.Utils', { utilities: {
        return Ext.htmlEncode(first + " " + last);
     },
 
-    render_u2f_error: function(error) {
-       var ErrorNames = {
-           '1': gettext('Other Error'),
-           '2': gettext('Bad Request'),
-           '3': gettext('Configuration Unsupported'),
-           '4': gettext('Device Ineligible'),
-           '5': gettext('Timeout')
-       };
-       return "U2F Error: "  + ErrorNames[error] || Proxmox.Utils.unknownText;
-    },
-
     windowHostname: function() {
        return window.location.hostname.replace(Proxmox.Utils.IP6_bracket_match,
             function(m, addr, offset, original) { return addr; });
     },
 
-    openDefaultConsoleWindow: function(consoles, vmtype, vmid, nodename, vmname, cmd) {
-       var dv = PVE.Utils.defaultViewer(consoles);
-       PVE.Utils.openConsoleWindow(dv, vmtype, vmid, nodename, vmname, cmd);
+    openDefaultConsoleWindow: function(consoles, consoleType, vmid, nodename, vmname, cmd) {
+       var dv = PVE.Utils.defaultViewer(consoles, consoleType);
+       PVE.Utils.openConsoleWindow(dv, consoleType, vmid, nodename, vmname, cmd);
     },
 
-    openConsoleWindow: function(viewer, vmtype, vmid, nodename, vmname, cmd) {
-       // kvm, lxc, shell, upgrade
-
-       if (vmid == undefined && (vmtype === 'kvm' || vmtype === 'lxc')) {
+    openConsoleWindow: function(viewer, consoleType, vmid, nodename, vmname, cmd) {
+       if (vmid === undefined && (consoleType === 'kvm' || consoleType === 'lxc')) {
            throw "missing vmid";
        }
-
        if (!nodename) {
            throw "no nodename specified";
        }
 
        if (viewer === 'html5') {
-           PVE.Utils.openVNCViewer(vmtype, vmid, nodename, vmname, cmd);
+           PVE.Utils.openVNCViewer(consoleType, vmid, nodename, vmname, cmd);
        } else if (viewer === 'xtermjs') {
-           Proxmox.Utils.openXtermJsViewer(vmtype, vmid, nodename, vmname, cmd);
+           Proxmox.Utils.openXtermJsViewer(consoleType, vmid, nodename, vmname, cmd);
        } else if (viewer === 'vv') {
-           var url;
-           var params = { proxy: PVE.Utils.windowHostname() };
-           if (vmtype === 'kvm') {
+           let url = '/nodes/' + nodename + '/spiceshell';
+           let params = {
+               proxy: PVE.Utils.windowHostname(),
+           };
+           if (consoleType === 'kvm') {
                url = '/nodes/' + nodename + '/qemu/' + vmid.toString() + '/spiceproxy';
-               PVE.Utils.openSpiceViewer(url, params);
-           } else if (vmtype === 'lxc') {
+           } else if (consoleType === 'lxc') {
                url = '/nodes/' + nodename + '/lxc/' + vmid.toString() + '/spiceproxy';
-               PVE.Utils.openSpiceViewer(url, params);
-           } else if (vmtype === 'shell') {
-               url = '/nodes/' + nodename + '/spiceshell';
-               PVE.Utils.openSpiceViewer(url, params);
-           } else if (vmtype === 'upgrade') {
-               url = '/nodes/' + nodename + '/spiceshell';
-               params.upgrade = 1;
-               PVE.Utils.openSpiceViewer(url, params);
-           } else if (vmtype === 'cmd') {
-               url = '/nodes/' + nodename + '/spiceshell';
+           } else if (consoleType === 'upgrade') {
+               params.cmd = 'upgrade';
+           } else if (consoleType === 'cmd') {
                params.cmd = cmd;
-               PVE.Utils.openSpiceViewer(url, params);
+           } else if (consoleType !== 'shell') {
+               throw `unknown spice viewer type '${consoleType}'`;
            }
+           PVE.Utils.openSpiceViewer(url, params);
        } else {
-           throw "unknown viewer type";
+           throw `unknown viewer type '${viewer}'`;
        }
     },
 
-    defaultViewer: function(consoles) {
-
+    defaultViewer: function(consoles, type) {
        var allowSpice, allowXtermjs;
 
        if (consoles === true) {
@@ -889,24 +1353,30 @@ Ext.define('PVE.Utils', { utilities: {
            allowSpice = consoles.spice;
            allowXtermjs = !!consoles.xtermjs;
        }
-       var vncdefault = 'html5';
-       var dv = PVE.VersionInfo.console || vncdefault;
-       if ((dv === 'vv' && !allowSpice) || (dv === 'xtermjs' && !allowXtermjs)) {
-           dv = vncdefault;
+       let dv = PVE.VersionInfo.console || (type === 'kvm' ? 'vv' : 'xtermjs');
+       if (dv === 'vv' && !allowSpice) {
+           dv = allowXtermjs ? 'xtermjs' : 'html5';
+       } else if (dv === 'xtermjs' && !allowXtermjs) {
+           dv = allowSpice ? 'vv' : 'html5';
        }
 
        return dv;
     },
 
     openVNCViewer: function(vmtype, vmid, nodename, vmname, cmd) {
+       let scaling = 'off';
+       if (Proxmox.Utils.toolkit !== 'touch') {
+           var sp = Ext.state.Manager.getProvider();
+           scaling = sp.get('novnc-scaling', 'off');
+       }
        var url = Ext.Object.toQueryString({
            console: vmtype, // kvm, lxc, upgrade or shell
            novnc: 1,
            vmid: vmid,
            vmname: vmname,
            node: nodename,
-           resize: 'off',
-           cmd: cmd
+           resize: scaling,
+           cmd: cmd,
        });
        var nw = window.open("?" + url, '_blank', "innerWidth=745,innerheight=427");
        if (nw) {
@@ -914,28 +1384,26 @@ Ext.define('PVE.Utils', { utilities: {
        }
     },
 
-    openSpiceViewer: function(url, params){
-
+    openSpiceViewer: function(url, params) {
        var downloadWithName = function(uri, name) {
            var link = Ext.DomHelper.append(document.body, {
                tag: 'a',
                href: uri,
-               css : 'display:none;visibility:hidden;height:0px;'
+               css: 'display:none;visibility:hidden;height:0px;',
            });
 
-           // Note: we need to tell android the correct file name extension
+           // Note: we need to tell Android and Chrome the correct file name extension
            // but we do not set 'download' tag for other environments, because
            // It can have strange side effects (additional user prompt on firefox)
-           var andriod = navigator.userAgent.match(/Android/i) ? true : false;
-           if (andriod) {
+           if (navigator.userAgent.match(/Android|Chrome/i)) {
                link.download = name;
            }
 
            if (link.fireEvent) {
                link.fireEvent('onclick');
            } else {
-                var evt = document.createEvent("MouseEvents");
-                evt.initMouseEvent('click', true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
+               let evt = document.createEvent("MouseEvents");
+               evt.initMouseEvent('click', true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
                link.dispatchEvent(evt);
            }
        };
@@ -944,37 +1412,35 @@ Ext.define('PVE.Utils', { utilities: {
            url: url,
            params: params,
            method: 'POST',
-           failure: function(response, opts){
+           failure: function(response, opts) {
                Ext.Msg.alert('Error', response.htmlStatus);
            },
-           success: function(response, opts){
-               var raw = "[virt-viewer]\n";
-               Ext.Object.each(response.result.data, function(k, v) {
-                   raw += k + "=" + v + "\n";
-               });
-               var url = 'data:application/x-virt-viewer;charset=UTF-8,' +
-                   encodeURIComponent(raw);
-
-               downloadWithName(url, "pve-spice.vv");
-           }
+           success: function(response, opts) {
+               let cfg = response.result.data;
+               let raw = Object.entries(cfg).reduce((acc, [k, v]) => acc + `${k}=${v}\n`, "[virt-viewer]\n");
+               let spiceDownload = 'data:application/x-virt-viewer;charset=UTF-8,' + encodeURIComponent(raw);
+               downloadWithName(spiceDownload, "pve-spice.vv");
+           },
        });
     },
 
     openTreeConsole: function(tree, record, item, index, e) {
        e.stopEvent();
-       var nodename = record.data.node;
-       var vmid = record.data.vmid;
-       var vmname = record.data.name;
+       let nodename = record.data.node;
+       let vmid = record.data.vmid;
+       let vmname = record.data.name;
        if (record.data.type === 'qemu' && !record.data.template) {
            Proxmox.Utils.API2Request({
-               url: '/nodes/' + nodename + '/qemu/' + vmid + '/status/current',
-               failure: function(response, opts) {
-                   Ext.Msg.alert('Error', response.htmlStatus);
-               },
+               url: `/nodes/${nodename}/qemu/${vmid}/status/current`,
+               failure: response => Ext.Msg.alert('Error', response.htmlStatus),
                success: function(response, opts) {
-                   var allowSpice = !!response.result.data.spice;
-                   PVE.Utils.openDefaultConsoleWindow(allowSpice, 'kvm', vmid, nodename, vmname);
-               }
+                   let conf = response.result.data;
+                   let consoles = {
+                       spice: !!conf.spice,
+                       xtermjs: !!conf.serial,
+                   };
+                   PVE.Utils.openDefaultConsoleWindow(consoles, 'kvm', vmid, nodename, vmname);
+               },
            });
        } else if (record.data.type === 'lxc' && !record.data.template) {
            PVE.Utils.openDefaultConsoleWindow(true, 'lxc', vmid, nodename, vmname);
@@ -983,19 +1449,10 @@ Ext.define('PVE.Utils', { utilities: {
 
     // test automation helper
     call_menu_handler: function(menu, text) {
-
-       var list = menu.query('menuitem');
-
-       Ext.Array.each(list, function(item) {
-           if (item.text === text) {
-               if (item.handler) {
-                   item.handler();
-                   return 1;
-               } else {
-                   return undefined;
-               }
-           }
-       });
+       let item = menu.query('menuitem').find(el => el.text === text);
+       if (item && item.handler) {
+           item.handler();
+       }
     },
 
     createCmdMenu: function(v, record, item, index, event) {
@@ -1003,25 +1460,22 @@ Ext.define('PVE.Utils', { utilities: {
        if (!(v instanceof Ext.tree.View)) {
            v.select(record);
        }
-       var menu;
-       var template = !!record.data.template;
-       var type = record.data.type;
+       let menu;
+       let type = record.data.type;
 
-       if (template) {
-           if (type === 'qemu' || type == 'lxc') {
+       if (record.data.template) {
+           if (type === 'qemu' || type === 'lxc') {
                menu = Ext.create('PVE.menu.TemplateMenu', {
-                   pveSelNode: record
+                   pveSelNode: record,
                });
            }
-       } else if (type === 'qemu' ||
-                  type === 'lxc' ||
-                  type === 'node') {
+       } else if (type === 'qemu' || type === 'lxc' || type === 'node') {
            menu = Ext.create('PVE.' + type + '.CmdMenu', {
                pveSelNode: record,
-               nodename: record.data.node
+               nodename: record.data.node,
            });
        } else {
-           return;
+           return undefined;
        }
 
        menu.showAt(event.getXY());
@@ -1032,10 +1486,14 @@ Ext.define('PVE.Utils', { utilities: {
     delete_if_default: function(values, fieldname, default_val, create) {
        if (values[fieldname] === '' || values[fieldname] === default_val) {
            if (!create) {
-               if (values['delete']) {
-                   values['delete'] += ',' + fieldname;
+               if (values.delete) {
+                   if (Ext.isArray(values.delete)) {
+                       values.delete.push(fieldname);
+                   } else {
+                       values.delete += ',' + fieldname;
+                   }
                } else {
-                   values['delete'] = fieldname;
+                   values.delete = fieldname;
                }
            }
 
@@ -1044,48 +1502,61 @@ Ext.define('PVE.Utils', { utilities: {
     },
 
     loadSSHKeyFromFile: function(file, callback) {
-       // ssh-keygen produces 740 bytes for an average 4096 bit rsa key, with
-       // a user@host comment, 1420 for 8192 bits; current max is 16kbit
-       // assume: 740*8 for max. 32kbit (5920 byte file)
-       // round upwards to nearest nice number => 8192 bytes, leaves lots of comment space
-       if (file.size > 8192) {
+       // ssh-keygen produces ~ 740 bytes for a 4096 bit RSA key,  current max is 16 kbit, so assume:
+       // 740 * 8 for max. 32kbit (5920 bytes), round upwards to 8192 bytes, leaves lots of comment space
+       PVE.Utils.loadFile(file, callback, 8192);
+    },
+
+    loadFile: function(file, callback, maxSize) {
+       maxSize = maxSize || 32 * 1024;
+       if (file.size > maxSize) {
+           Ext.Msg.alert(gettext('Error'), `${gettext("Invalid file size")}: ${file.size} > ${maxSize}`);
+           return;
+       }
+       let reader = new FileReader();
+       reader.onload = evt => callback(evt.target.result);
+       reader.readAsText(file);
+    },
+
+    loadTextFromFile: function(file, callback, maxBytes) {
+       let maxSize = maxBytes || 8192;
+       if (file.size > maxSize) {
            Ext.Msg.alert(gettext('Error'), gettext("Invalid file size: ") + file.size);
            return;
        }
-       /*global
-         FileReader
-       */
-       var reader = new FileReader();
-       reader.onload = function(evt) {
-           callback(evt.target.result);
-       };
+       let reader = new FileReader();
+       reader.onload = evt => callback(evt.target.result);
        reader.readAsText(file);
     },
 
-    bus_counts: { ide: 4, sata: 6, scsi: 16, virtio: 16 },
+    diskControllerMaxIDs: {
+       ide: 4,
+       sata: 6,
+       scsi: 31,
+       virtio: 16,
+    },
 
     // types is either undefined (all busses), an array of busses, or a single bus
     forEachBus: function(types, func) {
-       var busses = Object.keys(PVE.Utils.bus_counts);
-       var i, j, count, cont;
+       let busses = Object.keys(PVE.Utils.diskControllerMaxIDs);
 
        if (Ext.isArray(types)) {
            busses = types;
        } else if (Ext.isDefined(types)) {
-           busses = [ types ];
+           busses = [types];
        }
 
        // check if we only have valid busses
-       for (i = 0; i < busses.length; i++) {
-           if (!PVE.Utils.bus_counts[busses[i]]) {
+       for (let i = 0; i < busses.length; i++) {
+           if (!PVE.Utils.diskControllerMaxIDs[busses[i]]) {
                throw "invalid bus: '" + busses[i] + "'";
            }
        }
 
-       for (i = 0; i < busses.length; i++) {
-           count = PVE.Utils.bus_counts[busses[i]];
-           for (j = 0; j < count; j++) {
-               cont = func(busses[i], j);
+       for (let i = 0; i < busses.length; i++) {
+           let count = PVE.Utils.diskControllerMaxIDs[busses[i]];
+           for (let j = 0; j < count; j++) {
+               let cont = func(busses[i], j);
                if (!cont && cont !== undefined) {
                    return;
                }
@@ -1093,12 +1564,14 @@ Ext.define('PVE.Utils', { utilities: {
        }
     },
 
-    mp_counts: { mps: 256, unused: 256 },
+    mp_counts: {
+       mps: 256,
+       unused: 256,
+    },
 
     forEachMP: function(func, includeUnused) {
-       var i, cont;
-       for (i = 0; i < PVE.Utils.mp_counts.mps; i++) {
-           cont = func('mp', i);
+       for (let i = 0; i < PVE.Utils.mp_counts.mps; i++) {
+           let cont = func('mp', i);
            if (!cont && cont !== undefined) {
                return;
            }
@@ -1108,38 +1581,55 @@ Ext.define('PVE.Utils', { utilities: {
            return;
        }
 
-       for (i = 0; i < PVE.Utils.mp_counts.unused; i++) {
-           cont = func('unused', i);
+       for (let i = 0; i < PVE.Utils.mp_counts.unused; i++) {
+           let cont = func('unused', i);
            if (!cont && cont !== undefined) {
                return;
            }
        }
     },
 
-    cleanEmptyObjectKeys: function (obj) {
-       var propName;
-       for (propName in obj) {
-           if (obj.hasOwnProperty(propName)) {
-               if (obj[propName] === null || obj[propName] === undefined) {
-                   delete obj[propName];
-               }
+    hardware_counts: { net: 32, usb: 5, hostpci: 16, audio: 1, efidisk: 1, serial: 4, rng: 1, tpmstate: 1 },
+
+    cleanEmptyObjectKeys: function(obj) {
+       for (const propName of Object.keys(obj)) {
+           if (obj[propName] === null || obj[propName] === undefined) {
+               delete obj[propName];
            }
        }
     },
 
-    handleStoreErrorOrMask: function(me, store, regex, callback) {
+    acmedomain_count: 5,
 
-       me.mon(store, 'load', function (proxy, response, success, operation) {
+    add_domain_to_acme: function(acme, domain) {
+       if (acme.domains === undefined) {
+           acme.domains = [domain];
+       } else {
+           acme.domains.push(domain);
+           acme.domains = acme.domains.filter((value, index, self) => self.indexOf(value) === index);
+       }
+       return acme;
+    },
+
+    remove_domain_from_acme: function(acme, domain) {
+       if (acme.domains !== undefined) {
+           acme.domains = acme
+               .domains
+               .filter((value, index, self) => self.indexOf(value) === index && value !== domain);
+       }
+       return acme;
+    },
 
+    handleStoreErrorOrMask: function(view, store, regex, callback) {
+       view.mon(store, 'load', function(proxy, response, success, operation) {
            if (success) {
-               Proxmox.Utils.setErrorMask(me, false);
+               Proxmox.Utils.setErrorMask(view, false);
                return;
            }
-           var msg;
-
+           let msg;
            if (operation.error.statusText) {
                if (operation.error.statusText.match(regex)) {
-                   callback(me, operation.error);
+                   callback(view, operation.error);
                    return;
                } else {
                    msg = operation.error.statusText + ' (' + operation.error.status + ')';
@@ -1147,19 +1637,18 @@ Ext.define('PVE.Utils', { utilities: {
            } else {
                msg = gettext('Connection error');
            }
-           Proxmox.Utils.setErrorMask(me, msg);
+           Proxmox.Utils.setErrorMask(view, msg);
        });
     },
 
-    showCephInstallOrMask: function(container, msg, nodename, callback){
-       var regex = new RegExp("not (installed|initialized)", "i");
-       if (msg.match(regex)) {
+    showCephInstallOrMask: function(container, msg, nodename, callback) {
+       if (msg.match(/not (installed|initialized)/i)) {
            if (Proxmox.UserName === 'root@pam') {
                container.el.mask();
-               if (!container.down('pveCephInstallWindow')){
-                   var isInstalled = msg.match(/not initialized/i) ? true : false;
+               if (!container.down('pveCephInstallWindow')) {
+                   var isInstalled = !!msg.match(/not initialized/i);
                    var win = Ext.create('PVE.ceph.Install', {
-                       nodename: nodename
+                       nodename: nodename,
                    });
                    win.getViewModel().set('isInstalled', isInstalled);
                    container.add(win);
@@ -1174,14 +1663,232 @@ Ext.define('PVE.Utils', { utilities: {
        } else {
            return false;
        }
-    }
+    },
+
+    monitor_ceph_installed: function(view, rstore, nodename, maskOwnerCt) {
+       PVE.Utils.handleStoreErrorOrMask(
+           view,
+           rstore,
+           /not (installed|initialized)/i,
+           (_, error) => {
+               nodename = nodename || 'localhost';
+               let maskTarget = maskOwnerCt ? view.ownerCt : view;
+               rstore.stopUpdate();
+               PVE.Utils.showCephInstallOrMask(maskTarget, error.statusText, nodename, win => {
+                   view.mon(win, 'cephInstallWindowClosed', () => rstore.startUpdate());
+               });
+           },
+       );
+    },
+
+
+    propertyStringSet: function(target, source, name, value) {
+       if (source) {
+           if (value === undefined) {
+               target[name] = source;
+           } else {
+               target[name] = value;
+           }
+       } else {
+           delete target[name];
+       }
+    },
+
+    forEachCorosyncLink: function(nodeinfo, cb) {
+       let re = /(?:ring|link)(\d+)_addr/;
+       Ext.iterate(nodeinfo, (prop, val) => {
+           let match = re.exec(prop);
+           if (match) {
+               cb(Number(match[1]), val);
+           }
+       });
+    },
+
+    cpu_vendor_map: {
+       'default': 'QEMU',
+       'AuthenticAMD': 'AMD',
+       'GenuineIntel': 'Intel',
+    },
+
+    cpu_vendor_order: {
+       "AMD": 1,
+       "Intel": 2,
+       "QEMU": 3,
+       "Host": 4,
+       "_default_": 5, // includes custom models
+    },
+
+    verify_ip64_address_list: function(value, with_suffix) {
+       for (let addr of value.split(/[ ,;]+/)) {
+           if (addr === '') {
+               continue;
+           }
+
+           if (with_suffix) {
+               let parts = addr.split('%');
+               addr = parts[0];
+
+               if (parts.length > 2) {
+                   return false;
+               }
+
+               if (parts.length > 1 && !addr.startsWith('fe80:')) {
+                   return false;
+               }
+           }
+
+           if (!Proxmox.Utils.IP64_match.test(addr)) {
+               return false;
+           }
+       }
+
+       return true;
+    },
+
+    sortByPreviousUsage: function(vmconfig, controllerList) {
+       if (!controllerList) {
+           controllerList = ['ide', 'virtio', 'scsi', 'sata'];
+       }
+       let usedControllers = {};
+       for (const type of Object.keys(PVE.Utils.diskControllerMaxIDs)) {
+           usedControllers[type] = 0;
+       }
+
+       for (const property of Object.keys(vmconfig)) {
+           if (property.match(PVE.Utils.bus_match) && !vmconfig[property].match(/media=cdrom/)) {
+               const foundController = property.match(PVE.Utils.bus_match)[1];
+               usedControllers[foundController]++;
+           }
+       }
+
+       let sortPriority = PVE.qemu.OSDefaults.getDefaults(vmconfig.ostype).busPriority;
+
+       let sortedList = Ext.clone(controllerList);
+       sortedList.sort(function(a, b) {
+           if (usedControllers[b] === usedControllers[a]) {
+               return sortPriority[b] - sortPriority[a];
+           }
+           return usedControllers[b] - usedControllers[a];
+       });
+
+       return sortedList;
+    },
+
+    nextFreeDisk: function(controllers, config) {
+       for (const controller of controllers) {
+           for (let i = 0; i < PVE.Utils.diskControllerMaxIDs[controller]; i++) {
+               let confid = controller + i.toString();
+               if (!Ext.isDefined(config[confid])) {
+                   return {
+                       controller,
+                       id: i,
+                       confid,
+                   };
+               }
+           }
+       }
+
+       return undefined;
+    },
 },
 
     singleton: true,
     constructor: function() {
        var me = this;
        Ext.apply(me, me.utilities);
-    }
 
-});
+       Proxmox.Utils.override_task_descriptions({
+           acmedeactivate: ['ACME Account', gettext('Deactivate')],
+           acmenewcert: ['SRV', gettext('Order Certificate')],
+           acmerefresh: ['ACME Account', gettext('Refresh')],
+           acmeregister: ['ACME Account', gettext('Register')],
+           acmerenew: ['SRV', gettext('Renew Certificate')],
+           acmerevoke: ['SRV', gettext('Revoke Certificate')],
+           acmeupdate: ['ACME Account', gettext('Update')],
+           'auth-realm-sync': [gettext('Realm'), gettext('Sync')],
+           'auth-realm-sync-test': [gettext('Realm'), gettext('Sync Preview')],
+           cephcreatemds: ['Ceph Metadata Server', gettext('Create')],
+           cephcreatemgr: ['Ceph Manager', gettext('Create')],
+           cephcreatemon: ['Ceph Monitor', gettext('Create')],
+           cephcreateosd: ['Ceph OSD', gettext('Create')],
+           cephcreatepool: ['Ceph Pool', gettext('Create')],
+           cephdestroymds: ['Ceph Metadata Server', gettext('Destroy')],
+           cephdestroymgr: ['Ceph Manager', gettext('Destroy')],
+           cephdestroymon: ['Ceph Monitor', gettext('Destroy')],
+           cephdestroyosd: ['Ceph OSD', gettext('Destroy')],
+           cephdestroypool: ['Ceph Pool', gettext('Destroy')],
+           cephdestroyfs: ['CephFS', gettext('Destroy')],
+           cephfscreate: ['CephFS', gettext('Create')],
+           cephsetpool: ['Ceph Pool', gettext('Edit')],
+           cephsetflags: ['', gettext('Change global Ceph flags')],
+           clustercreate: ['', gettext('Create Cluster')],
+           clusterjoin: ['', gettext('Join Cluster')],
+           dircreate: [gettext('Directory Storage'), gettext('Create')],
+           dirremove: [gettext('Directory'), gettext('Remove')],
+           download: [gettext('File'), gettext('Download')],
+           hamigrate: ['HA', gettext('Migrate')],
+           hashutdown: ['HA', gettext('Shutdown')],
+           hastart: ['HA', gettext('Start')],
+           hastop: ['HA', gettext('Stop')],
+           imgcopy: ['', gettext('Copy data')],
+           imgdel: ['', gettext('Erase data')],
+           lvmcreate: [gettext('LVM Storage'), gettext('Create')],
+           lvmremove: ['Volume Group', gettext('Remove')],
+           lvmthincreate: [gettext('LVM-Thin Storage'), gettext('Create')],
+           lvmthinremove: ['Thinpool', gettext('Remove')],
+           migrateall: ['', gettext('Migrate all VMs and Containers')],
+           'move_volume': ['CT', gettext('Move Volume')],
+           'pbs-download': ['VM/CT', gettext('File Restore Download')],
+           pull_file: ['CT', gettext('Pull file')],
+           push_file: ['CT', gettext('Push file')],
+           qmclone: ['VM', gettext('Clone')],
+           qmconfig: ['VM', gettext('Configure')],
+           qmcreate: ['VM', gettext('Create')],
+           qmdelsnapshot: ['VM', gettext('Delete Snapshot')],
+           qmdestroy: ['VM', gettext('Destroy')],
+           qmigrate: ['VM', gettext('Migrate')],
+           qmmove: ['VM', gettext('Move disk')],
+           qmpause: ['VM', gettext('Pause')],
+           qmreboot: ['VM', gettext('Reboot')],
+           qmreset: ['VM', gettext('Reset')],
+           qmrestore: ['VM', gettext('Restore')],
+           qmresume: ['VM', gettext('Resume')],
+           qmrollback: ['VM', gettext('Rollback')],
+           qmshutdown: ['VM', gettext('Shutdown')],
+           qmsnapshot: ['VM', gettext('Snapshot')],
+           qmstart: ['VM', gettext('Start')],
+           qmstop: ['VM', gettext('Stop')],
+           qmsuspend: ['VM', gettext('Hibernate')],
+           qmtemplate: ['VM', gettext('Convert to template')],
+           spiceproxy: ['VM/CT', gettext('Console') + ' (Spice)'],
+           spiceshell: ['', gettext('Shell') + ' (Spice)'],
+           startall: ['', gettext('Start all VMs and Containers')],
+           stopall: ['', gettext('Stop all VMs and Containers')],
+           unknownimgdel: ['', gettext('Destroy image from unknown guest')],
+           wipedisk: ['Device', gettext('Wipe Disk')],
+           vncproxy: ['VM/CT', gettext('Console')],
+           vncshell: ['', gettext('Shell')],
+           vzclone: ['CT', gettext('Clone')],
+           vzcreate: ['CT', gettext('Create')],
+           vzdelsnapshot: ['CT', gettext('Delete Snapshot')],
+           vzdestroy: ['CT', gettext('Destroy')],
+           vzdump: (type, id) => id ? `VM/CT ${id} - ${gettext('Backup')}` : gettext('Backup Job'),
+           vzmigrate: ['CT', gettext('Migrate')],
+           vzmount: ['CT', gettext('Mount')],
+           vzreboot: ['CT', gettext('Reboot')],
+           vzrestore: ['CT', gettext('Restore')],
+           vzresume: ['CT', gettext('Resume')],
+           vzrollback: ['CT', gettext('Rollback')],
+           vzshutdown: ['CT', gettext('Shutdown')],
+           vzsnapshot: ['CT', gettext('Snapshot')],
+           vzstart: ['CT', gettext('Start')],
+           vzstop: ['CT', gettext('Stop')],
+           vzsuspend: ['CT', gettext('Suspend')],
+           vztemplate: ['CT', gettext('Convert to template')],
+           vzumount: ['CT', gettext('Unmount')],
+           zfscreate: [gettext('ZFS Storage'), gettext('Create')],
+           zfsremove: ['ZFS Pool', gettext('Remove')],
+       });
+    },
 
+});