]> git.proxmox.com Git - pve-manager.git/blobdiff - www/manager6/Utils.js
add right-click menu for nodes
[pve-manager.git] / www / manager6 / Utils.js
index cf2960684c8c08ceca61f9819f167e34cc6d9367..d1ada771f02bc37ca56edfe27de190f43ca4ece8 100644 (file)
@@ -29,39 +29,14 @@ Ext.Ajax.on('beforerequest', function(conn, options) {
     }
 });
 
-var IPV4_OCTET = "(?:25[0-5]|(?:[1-9]|1[0-9]|2[0-4])?[0-9])";
-var IPV4_REGEXP = "(?:(?:" + IPV4_OCTET + "\\.){3}" + IPV4_OCTET + ")";
-var IPV6_H16 = "(?:[0-9a-fA-F]{1,4})";
-var IPV6_LS32 = "(?:(?:" + IPV6_H16 + ":" + IPV6_H16 + ")|" + IPV4_REGEXP + ")";
+Ext.define('PVE.Utils', { utilities: {
 
-
-var IP4_match = new RegExp("^(?:" + IPV4_REGEXP + ")$");
-var IP4_cidr_match = new RegExp("^(?:" + IPV4_REGEXP + ")\/([0-9]{1,2})$");
-
-var IPV6_REGEXP = "(?:" +
-    "(?:(?:"                                                  + "(?:" + IPV6_H16 + ":){6})" + IPV6_LS32 + ")|" +
-    "(?:(?:"                                         +   "::" + "(?:" + IPV6_H16 + ":){5})" + IPV6_LS32 + ")|" +
-    "(?:(?:(?:"                           + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){4})" + IPV6_LS32 + ")|" +
-    "(?:(?:(?:(?:" + IPV6_H16 + ":){0,1}" + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){3})" + IPV6_LS32 + ")|" +
-    "(?:(?:(?:(?:" + IPV6_H16 + ":){0,2}" + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){2})" + IPV6_LS32 + ")|" +
-    "(?:(?:(?:(?:" + IPV6_H16 + ":){0,3}" + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){1})" + IPV6_LS32 + ")|" +
-    "(?:(?:(?:(?:" + IPV6_H16 + ":){0,4}" + IPV6_H16 + ")?::" +                         ")" + IPV6_LS32 + ")|" +
-    "(?:(?:(?:(?:" + IPV6_H16 + ":){0,5}" + IPV6_H16 + ")?::" +                         ")" + IPV6_H16  + ")|" +
-    "(?:(?:(?:(?:" + IPV6_H16 + ":){0,7}" + IPV6_H16 + ")?::" +                         ")"             + ")"  +
-    ")";
-
-var IP6_match = new RegExp("^(?:" + IPV6_REGEXP + ")$");
-var IP6_cidr_match = new RegExp("^(?:" + IPV6_REGEXP + ")\/([0-9]{1,3})$");
-var IP6_bracket_match = new RegExp("^\\[(" + IPV6_REGEXP + ")\\]");
-
-var IP64_match = new RegExp("^(?:" + IPV6_REGEXP + "|" + IPV4_REGEXP + ")$");
-
-Ext.define('PVE.Utils', { statics: {
-
-    // this class only contains static functions
+    // this singleton contains miscellaneous utilities
 
     toolkit: undefined, // (extjs|touch), set inside Toolkit.js
 
+    bus_match: /^(ide|sata|virtio|scsi)\d+$/,
+
     log_severity_hash: {
        0: "panic",
        1: "alert",
@@ -88,12 +63,67 @@ Ext.define('PVE.Utils', { statics: {
        w2k: 'Microsoft Windows 2000',
        w2k8: 'Microsoft Windows Vista/2008',
        win7: 'Microsoft Windows 7/2008r2',
-       win8: 'Microsoft Windows 8.x/10/2012/r2',
+       win8: 'Microsoft Windows 8.x/2012/2012r2',
+       win10: 'Microsoft Windows 10/2016',
        l24: 'Linux 2.4 Kernel',
        l26: 'Linux 4.X/3.X/2.6 Kernel',
        solaris: 'Solaris Kernel'
     },
 
+    get_health_icon: function(state, circle) {
+       if (circle === undefined) {
+           circle = false;
+       }
+
+       if (state === undefined) {
+           state = 'uknown';
+       }
+
+       var icon = 'faded fa-question';
+       switch(state) {
+           case 'good':
+               icon = 'good fa-check';
+               break;
+           case 'warning':
+               icon = 'warning fa-exclamation';
+               break;
+           case 'critical':
+               icon = 'critical fa-times';
+               break;
+           default: break;
+       }
+
+       if (circle) {
+           icon += '-circle';
+       }
+
+       return icon;
+    },
+
+    map_ceph_health: {
+       'HEALTH_OK':'good',
+       'HEALTH_WARN':'warning',
+       'HEALTH_ERR':'critical'
+    },
+
+    render_ceph_health: function(record) {
+       var state = {
+           iconCls: PVE.Utils.get_health_icon(),
+           text: ''
+       };
+
+       if (!record || !record.data) {
+           return state;
+       }
+
+       var health = PVE.Utils.map_ceph_health[record.data.health.overall_status];
+
+       state.iconCls = PVE.Utils.get_health_icon(health, true);
+       state.text = record.data.health.overall_status;
+
+       return state;
+    },
+
     render_kvm_ostype: function (value) {
        if (!value) {
            return gettext('Other OS types');
@@ -109,7 +139,11 @@ Ext.define('PVE.Utils', { statics: {
        var fa = [];
 
        if (!value || (value === '0')) {
-           return gettext('disabled');
+           return gettext('Disabled');
+       }
+
+       if (value === '1') {
+           value = 'disk,network,usb';
        }
 
        Ext.each(value.split(','), function(el) {
@@ -118,7 +152,7 @@ Ext.define('PVE.Utils', { statics: {
            } else if (el === 'network') {
                fa.push(gettext('Network'));
            } else if (el === 'usb') {
-               fa.push(gettext('USB'));
+               fa.push('USB');
            } else if (el === 'memory') {
                fa.push(gettext('Memory'));
            } else if (el === 'cpu') {
@@ -168,7 +202,9 @@ Ext.define('PVE.Utils', { statics: {
        } else if (value === 'megasas') {
            return 'MegaRAID SAS 8708EM2';
        } else if (value === 'virtio-scsi-pci') {
-           return 'VIRTIO';
+           return 'VirtIO SCSI';
+       } else if (value === 'virtio-scsi-single') {
+           return 'VirtIO SCSI single';
        } else if (value === 'pvscsi') {
            return 'VMware PVSCSI';
        } else {
@@ -216,7 +252,7 @@ Ext.define('PVE.Utils', { statics: {
 
     kvm_vga_drivers: {
        std: gettext('Standard VGA'),
-       vmware: gettext('VMWare compatible'),
+       vmware: gettext('VMware compatible'),
        cirrus: 'Cirrus Logic GD5446',
        qxl: 'SPICE',
        qxl2: 'SPICE dual monitor',
@@ -528,6 +564,7 @@ Ext.define('PVE.Utils', { statics: {
     },
 
     task_desc_table: {
+       diskinit: [ 'Disk', gettext('Initialize Disk with GPT') ],
        vncproxy: [ 'VM/CT', gettext('Console') ],
        spiceproxy: [ 'VM/CT', gettext('Console') + ' (Spice)' ],
        vncshell: [ '', gettext('Shell') ],
@@ -708,6 +745,8 @@ Ext.define('PVE.Utils', { statics: {
 
     yesText: gettext('Yes'),
     noText: gettext('No'),
+    enabledText: gettext('Enabled'),
+    disabledText: gettext('Disabled'),
     noneText: gettext('none'),
     errorText: gettext('Error'),
     unknownText: gettext('Unknown'),
@@ -780,15 +819,19 @@ Ext.define('PVE.Utils', { statics: {
        return !value ? PVE.Utils.yesText : PVE.Utils.noText;
     },
 
+    format_enabled_toggle: function(value) {
+       return value ? PVE.Utils.enabledText :PVE.Utils.disabledText;
+    },
+
     format_ha: function(value) {
        var text = PVE.Utils.format_boolean(value.managed);
 
        if (value.managed) {
            text += ', ' + PVE.Utils.stateText + ': ';
-           text += value.state ? value.state : PVE.Utils.noneText;
+           text += value.state || PVE.Utils.noneText;
 
            text += ', ' +  PVE.Utils.groupText + ': ';
-           text += value.group ? value.group : PVE.Utils.noneText;
+           text += value.group || PVE.Utils.noneText;
        }
 
        return text;
@@ -857,11 +900,23 @@ Ext.define('PVE.Utils', { statics: {
        return PVE.Utils.format_size(value);
     },
 
+    render_bandwidth: function(value) {
+       if (!Ext.isNumeric(value)) {
+           return '';
+       }
+
+       return PVE.Utils.format_size(value) + '/s';
+    },
+
     render_timestamp: function(value, metaData, record, rowIndex, colIndex, store) {
        var servertime = new Date(value * 1000);
        return Ext.Date.format(servertime, 'Y-m-d H:i:s');
     },
 
+    render_timestamp_human_readable: function(value) {
+       return Ext.Date.format(new Date(value * 1000), 'l d F Y H:i:s');
+    },
+
     calculate_mem_usage: function(data) {
        if (!Ext.isNumeric(data.mem) ||
            data.maxmem === 0 ||
@@ -975,11 +1030,16 @@ Ext.define('PVE.Utils', { statics: {
            }
        } else if (value === 'node') {
            if (record.data.running) {
-               gridcls = '-online'
+               gridcls = '-online';
            }
        }
 
-       var fa = '<i class="fa fa-fw x-fa-grid' + gridcls  +  ' fa-' + icon  + '"></i> '
+       // overwrite anything else
+       if (record.data.hastate === 'error') {
+           gridcls = '-offline';
+       }
+
+       var fa = '<i class="fa fa-fw x-fa-grid' + gridcls  +  ' fa-' + icon  + '"></i> ';
        return fa + value;
     },
 
@@ -1009,6 +1069,36 @@ Ext.define('PVE.Utils', { statics: {
        return PVE.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);
+    },
+
     dialog_title: function(subject, create, isAdd) {
        if (create) {
            if (isAdd) {
@@ -1022,7 +1112,7 @@ Ext.define('PVE.Utils', { statics: {
     },
 
     windowHostname: function() {
-       return window.location.hostname.replace(IP6_bracket_match,
+       return window.location.hostname.replace(PVE.Utils.IP6_bracket_match,
             function(m, addr, offset, original) { return addr; });
     },
 
@@ -1180,7 +1270,138 @@ Ext.define('PVE.Utils', { statics: {
            }
            PVE.Utils.setErrorMask(me, msg);
        });
-    }
+    },
+
+    openTreeConsole: function(tree, record, item, index, e) {
+       e.stopEvent();
+       var nodename = record.data.node;
+       var vmid = record.data.vmid;
+       var vmname = record.data.name;
+       if (record.data.type === 'qemu' && !record.data.template) {
+           PVE.Utils.API2Request({
+               url: '/nodes/' + nodename + '/qemu/' + vmid + '/status/current',
+               failure: function(response, opts) {
+                   Ext.Msg.alert('Error', response.htmlStatus);
+               },
+               success: function(response, opts) {
+                   var allowSpice = response.result.data.spice;
+                   PVE.Utils.openDefaultConsoleWindow(allowSpice, 'kvm', vmid, nodename, vmname);
+               }
+           });
+       } else if (record.data.type === 'lxc' && !record.data.template) {
+           PVE.Utils.openDefaultConsoleWindow(true, 'lxc', vmid, nodename, vmname);
+       }
+    },
+
+    // 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;
+               }
+           }
+       });
+    },
+
+    createCmdMenu: function(v, record, item, index, event) {
+       event.stopEvent();
+       if (!(v instanceof Ext.tree.View)) {
+           v.select(record);
+       }
+       var menu;
+
+       if (record.data.type === 'qemu' && !record.data.template) {
+           menu = Ext.create('PVE.qemu.CmdMenu', {
+               pveSelNode: record
+           });
+       } else if (record.data.type === 'qemu' && record.data.template) {
+           menu = Ext.create('PVE.qemu.TemplateMenu', {
+               pveSelNode: record
+           });
+       } else if (record.data.type === 'lxc' && !record.data.template) {
+           menu = Ext.create('PVE.lxc.CmdMenu', {
+               pveSelNode: record
+           });
+       } else if (record.data.type === 'lxc' && record.data.template) {
+           /* since clone does not work reliably, disable for now
+           menu = Ext.create('PVE.lxc.TemplateMenu', {
+               pveSelNode: record
+           });
+           */
+           return;
+
+       } else if (record.data.type === 'node' ){
+           menu = Ext.create('PVE.node.CmdMenu', {
+               nodename: record.data.node
+           });
+
+       } else {
+           return;
+       }
 
-}});
+       menu.showAt(event.getXY());
+    }},
+
+    // helper for deleting field which are set to there default values
+    delete_if_default: function(values, fieldname, default_val, create) {
+       if (values[fieldname] === '' || values[fieldname] === default_val) {
+           if (!create) {
+               if (values['delete']) {
+                   values['delete'] += ',' + fieldname;
+               } else {
+                   values['delete'] = fieldname;
+               }
+           }
+
+           delete values[fieldname];
+       }
+    },
+
+    singleton: true,
+    constructor: function() {
+       var me = this;
+       Ext.apply(me, me.utilities);
+
+       var IPV4_OCTET = "(?:25[0-5]|(?:[1-9]|1[0-9]|2[0-4])?[0-9])";
+       var IPV4_REGEXP = "(?:(?:" + IPV4_OCTET + "\\.){3}" + IPV4_OCTET + ")";
+       var IPV6_H16 = "(?:[0-9a-fA-F]{1,4})";
+       var IPV6_LS32 = "(?:(?:" + IPV6_H16 + ":" + IPV6_H16 + ")|" + IPV4_REGEXP + ")";
+
+
+       me.IP4_match = new RegExp("^(?:" + IPV4_REGEXP + ")$");
+       me.IP4_cidr_match = new RegExp("^(?:" + IPV4_REGEXP + ")\/([0-9]{1,2})$");
+
+       var IPV6_REGEXP = "(?:" +
+           "(?:(?:"                                                  + "(?:" + IPV6_H16 + ":){6})" + IPV6_LS32 + ")|" +
+           "(?:(?:"                                         +   "::" + "(?:" + IPV6_H16 + ":){5})" + IPV6_LS32 + ")|" +
+           "(?:(?:(?:"                           + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){4})" + IPV6_LS32 + ")|" +
+           "(?:(?:(?:(?:" + IPV6_H16 + ":){0,1}" + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){3})" + IPV6_LS32 + ")|" +
+           "(?:(?:(?:(?:" + IPV6_H16 + ":){0,2}" + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){2})" + IPV6_LS32 + ")|" +
+           "(?:(?:(?:(?:" + IPV6_H16 + ":){0,3}" + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){1})" + IPV6_LS32 + ")|" +
+           "(?:(?:(?:(?:" + IPV6_H16 + ":){0,4}" + IPV6_H16 + ")?::" +                         ")" + IPV6_LS32 + ")|" +
+           "(?:(?:(?:(?:" + IPV6_H16 + ":){0,5}" + IPV6_H16 + ")?::" +                         ")" + IPV6_H16  + ")|" +
+           "(?:(?:(?:(?:" + IPV6_H16 + ":){0,7}" + IPV6_H16 + ")?::" +                         ")"             + ")"  +
+           ")";
+
+       me.IP6_match = new RegExp("^(?:" + IPV6_REGEXP + ")$");
+       me.IP6_cidr_match = new RegExp("^(?:" + IPV6_REGEXP + ")\/([0-9]{1,3})$");
+       me.IP6_bracket_match = new RegExp("^\\[(" + IPV6_REGEXP + ")\\]");
+
+       me.IP64_match = new RegExp("^(?:" + IPV6_REGEXP + "|" + IPV4_REGEXP + ")$");
+
+       var DnsName_REGEXP = "(?:(([a-zA-Z0-9]([a-zA-Z0-9\\-]*[a-zA-Z0-9])?)\\.)*([A-Za-z0-9]([A-Za-z0-9\\-]*[A-Za-z0-9])?))";
+       me.DnsName_match = new RegExp("^" + DnsName_REGEXP + "$");
+
+       me.HostPort_match = new RegExp("^(" + IPV4_REGEXP + "|" + DnsName_REGEXP + ")(:\\d+)?$");
+       me.HostPortBrackets_match = new RegExp("^\\[(?:" + IPV6_REGEXP + "|" + IPV4_REGEXP + "|" + DnsName_REGEXP + ")\\](:\\d+)?$");
+       me.IP6_dotnotation_match = new RegExp("^" + IPV6_REGEXP + "(\\.\\d+)?$");
+    }
+});