]> git.proxmox.com Git - pve-manager.git/blobdiff - www/manager/Utils.js
GUI: mobe startall/stopall/migrateall into submenu
[pve-manager.git] / www / manager / Utils.js
index cef9fbdce4a88754c0a8d85f797f7e5fdf6015be..c293b0613eac0d5e0e72e501db3b6010cb648a30 100644 (file)
@@ -13,9 +13,6 @@ Ext.Ajax.defaultHeaders = {
     'Accept': 'application/json'
 };
 
-// do not send '_dc' parameter
-Ext.Ajax.disableCaching = false;
-
 Ext.Ajax.on('beforerequest', function(conn, options) {
     if (PVE.CSRFPreventionToken) {
        if (!options.headers) { 
@@ -25,65 +22,34 @@ Ext.Ajax.on('beforerequest', function(conn, options) {
     }
 });
 
-// custom Vtypes
-Ext.apply(Ext.form.field.VTypes, {
-    IPAddress:  function(v) {
-        return (/^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/).test(v);
-    },
-    IPAddressText:  gettext('Example') + ': 192.168.1.1',
-    IPAddressMask: /[\d\.]/i,
-
-    MacAddress: function(v) {
-       return (/^([a-fA-F0-9]{2}:){5}[a-fA-F0-9]{2}$/).test(v);
-    },
-    MacAddressMask: /[a-fA-F0-9:]/,
-    MacAddressText: gettext('Example') + ': 01:23:45:67:89:ab',
-
-    BridgeName: function(v) {
-        return (/^vmbr\d{1,4}$/).test(v);
-    },
-    BridgeNameText: gettext('Format') + ': vmbr<b>N</b>, where 0 <= <b>N</b> <= 9999',
-
-    BondName: function(v) {
-        return (/^bond\d{1,4}$/).test(v);
-    },
-    BondNameText: gettext('Format') + ': bond<b>N</b>, where 0 <= <b>N</b> <= 9999',
-
-    QemuStartDate: function(v) {
-       return (/^(now|\d{4}-\d{1,2}-\d{1,2}(T\d{1,2}:\d{1,2}:\d{1,2})?)$/).test(v);
-    },
-    QemuStartDateText: gettext('Format') + ': "now" or "2006-06-17T16:01:21" or "2006-06-17"',
+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 + ")";
 
-    StorageId:  function(v) {
-        return (/^[a-z][a-z0-9\-\_\.]*[a-z0-9]$/i).test(v);
-    },
-    StorageIdText: gettext("Allowed characters") + ": 'a-z', '0-9', '-', '_', '.'",
 
-    HttpProxy:  function(v) {
-        return (/^http:\/\/.*$/).test(v);
-    },
-    HttpProxyText: gettext('Example') + ": http://username:password&#64;host:port/"
-});
+var IP4_match = new RegExp("^(?:" + IPV4_REGEXP + ")$");
 
-// we dont want that a displayfield set the form dirty flag! 
-Ext.override(Ext.form.field.Display, {
-    isDirty: function() { return false; }
-});
+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 + ")?::" +                         ")"             + ")"  +
+    ")";
 
-// hack: ExtJS does not display the correct value if we
-// call setValue while the store is loading, so we need
-// to call it again after loading
-Ext.override(Ext.form.field.ComboBox, {
-    onLoad: function() {
-       this.setValue(this.value, false);
-        this.callOverridden(arguments);
-    }
-});
+var IP64_match = new RegExp("^(?:" + IPV6_REGEXP + "|" + IPV4_REGEXP + ")$");
 
 Ext.define('PVE.Utils', { statics: {
 
     // this class only contains static functions
 
+    toolkit: undefined, // (extjs|touch), set inside Toolkit.js 
+
     log_severity_hash: {
        0: "panic",
        1: "alert",
@@ -95,14 +61,25 @@ Ext.define('PVE.Utils', { statics: {
        7: "debug"
     },
 
+    support_level_hash: {
+       'c': gettext('Community'),
+       'b': gettext('Basic'),
+       's': gettext('Standard'),
+       '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.',
+
     kvm_ostypes: {
        other: gettext('Other OS types'),
        wxp: 'Microsoft Windows XP/2003',
        w2k: 'Microsoft Windows 2000',
        w2k8: 'Microsoft Windows Vista/2008',
        win7: 'Microsoft Windows 7/2008r2',
+       win8: 'Microsoft Windows 8/2012',
        l24: 'Linux 2.4 Kernel',
-       l26: 'Linux 3.X/2.6 Kernel'
+       l26: 'Linux 3.X/2.6 Kernel',
+       solaris: 'Solaris Kernel'
     },
 
     render_kvm_ostype: function (value) {
@@ -116,11 +93,70 @@ Ext.define('PVE.Utils', { statics: {
        return value;
     },
 
+    render_hotplug_features: function (value) {
+       var fa = [];
+
+       if (!value || (value === '0')) {
+           return gettext('disabled');
+       }
+
+       Ext.each(value.split(','), function(el) {
+           if (el === 'disk') {
+               fa.push(gettext('Disk'));
+           } else if (el === 'network') {
+               fa.push(gettext('Network'));
+           } else if (el === 'usb') {
+               fa.push(gettext('USB'));
+           } else if (el === 'memory') {
+               fa.push(gettext('Memory'));
+           } else if (el === 'cpu') {
+               fa.push(gettext('CPU'));
+           } else {
+               fa.push(el);
+           }
+       });
+
+       return fa.join(', ');
+    },
+
+    network_iface_types: {
+       eth: gettext("Network Device"),
+       bridge: 'Linux Bridge',
+       bond: 'Linux Bond',
+       OVSBridge: 'OVS Bridge',
+       OVSBond: 'OVS Bond',
+       OVSPort: 'OVS Port',
+       OVSIntPort: 'OVS IntPort'
+    },
+
+    render_network_iface_type: function(value) {
+       return PVE.Utils.network_iface_types[value] || 
+           PVE.Utils.unknownText;
+    },
+
+    render_scsihw: function(value) {
+       if (!value) {
+           return PVE.Utils.defaultText + ' (LSI 53C895A)';
+       } else if (value === 'lsi') {
+           return 'LSI 53C895A';
+       } else if (value === 'lsi53c810') {
+           return 'LSI 53C810';
+       } else if (value === 'megasas') {
+           return 'MegaRAID SAS 8708EM2';
+       } else if (value === 'virtio-scsi-pci') {
+           return 'VIRTIO';
+       } else if (value === 'pvscsi') {
+           return 'VMware PVSCSI';
+       } else {
+           return value;
+       }
+    },
+
     // fixme: auto-generate this
     // for now, please keep in sync with PVE::Tools::kvmkeymaps
     kvm_keymaps: {
        //ar: 'Arabic',
-       dk: 'Danish',
+       da: 'Danish',
        de: 'German', 
        'de-ch': 'German (Swiss)', 
        'en-gb': 'English (UK)', 
@@ -148,16 +184,24 @@ Ext.define('PVE.Utils', { statics: {
        pt: 'Portuguese',
        'pt-br': 'Portuguese (Brazil)',
        //ru: 'Russian',
-       si: 'Slovenian'
-       //sv: 'Swedish',
+       sl: 'Slovenian',
+       sv: 'Swedish',
        //th: 'Thai',
-       //tr: 'Turkish'
+       tr: 'Turkish'
     },
 
     kvm_vga_drivers: {
-       std: 'Standard VGA',
-       vmware: 'VMWare compatible',
-       cirrus: 'Cirrus Logic GD5446'
+       std: gettext('Standard VGA'),
+       vmware: gettext('VMWare compatible'),
+       cirrus: 'Cirrus Logic GD5446',
+       qxl: 'SPICE',
+       qxl2: 'SPICE dual monitor',
+       qxl3: 'SPICE three monitors',
+       qxl4: 'SPICE four monitors',
+       serial0: gettext('Serial terminal') + ' 0',
+       serial1: gettext('Serial terminal') + ' 1',
+       serial2: gettext('Serial terminal') + ' 2',
+       serial3: gettext('Serial terminal') + ' 3'
     },
 
     render_kvm_language: function (value) {
@@ -180,16 +224,45 @@ Ext.define('PVE.Utils', { statics: {
        return data;
     },
 
+    render_console_viewer: function(value) {
+       if (!value) {
+           return PVE.Utils.defaultText + ' (HTML5)';
+       } else if (value === 'applet') {
+           return 'Java VNC Applet';
+       } else if (value === 'vv') {
+           return  'SPICE (remote-viewer)';
+       } else if (value === 'html5') {
+           return  'HTML5 (noVNC)';
+       } else {
+           return value;
+       }
+    },
+
     language_map: {
-       ja: 'Japanese',
+       zh_CN: 'Chinese',
+       ca: 'Catalan',
+       da: 'Danish',
        en: 'English',
+       eu: 'Euskera (Basque)',
+       fr: 'French',
        de: 'German',
-       fr: 'French'
+       it: 'Italian',
+       ja: 'Japanese',
+       nb: 'Norwegian (Bokmal)',
+       nn: 'Norwegian (Nynorsk)',
+       fa: 'Persian (Farsi)',
+       pl: 'Polish',
+       pt_BR: 'Portuguese (Brazil)',
+       ru: 'Russian',
+       sl: 'Slovenian',
+       es: 'Spanish',
+       sv: 'Swedish',
+       tr: 'Turkish'
     },
 
     render_language: function (value) {
        if (!value) {
-           return 'Default (English)';
+           return PVE.Utils.defaultText + ' (English)';
        }
        var text = PVE.Utils.language_map[value];
        if (text) {
@@ -227,6 +300,25 @@ Ext.define('PVE.Utils', { statics: {
        return data;
     },
 
+    render_kvm_startup: function(value) {
+       var startup = PVE.Parser.parseStartup(value);
+
+       var res = 'order=';
+       if (startup.order === undefined) {
+           res += 'any';
+       } else {
+           res += startup.order;
+       }
+       if (startup.up !== undefined) {
+           res += ',up=' + startup.up;
+       }
+       if (startup.down !== undefined) {
+           res += ',down=' + startup.down;
+       }
+
+       return res;
+    },
+
     authOK: function() {
        return Ext.util.Cookies.get('PVEAuthCookie');
     },
@@ -304,7 +396,11 @@ Ext.define('PVE.Utils', { statics: {
            Ext.apply(newopts, {
                success: function(response, options) {
                    if (options.waitMsgTarget) {
-                       options.waitMsgTarget.setLoading(false);
+                       if (PVE.Utils.toolkit === 'touch') {
+                           options.waitMsgTarget.setMasked(false);
+                       } else {
+                           options.waitMsgTarget.setLoading(false);
+                       }
                    }
                    var result = Ext.decode(response.responseText);
                    response.result = result;
@@ -319,7 +415,11 @@ Ext.define('PVE.Utils', { statics: {
                },
                failure: function(response, options) {
                    if (options.waitMsgTarget) {
-                       options.waitMsgTarget.setLoading(false);
+                       if (PVE.Utils.toolkit === 'touch') {
+                           options.waitMsgTarget.setMasked(false);
+                       } else {
+                           options.waitMsgTarget.setLoading(false);
+                       }
                    }
                    response.result = {};
                    try {
@@ -344,8 +444,12 @@ Ext.define('PVE.Utils', { statics: {
 
        var target = newopts.waitMsgTarget;
        if (target) {
-           // Note: ExtJS bug - this does not work when component is not rendered
-           target.setLoading(newopts.waitMsg, true);
+           if (PVE.Utils.toolkit === 'touch') {
+               target.setMasked({ xtype: 'loadmask', message: newopts.waitMsg} );
+           } else {
+               // Note: ExtJS bug - this does not work when component is not rendered
+               target.setLoading(newopts.waitMsg);
+           }
        }
        Ext.Ajax.request(newopts);
     },
@@ -370,30 +474,89 @@ Ext.define('PVE.Utils', { statics: {
        }
     },
 
+    checked_command: function(orig_cmd) {
+       PVE.Utils.API2Request({
+           url: '/nodes/localhost/subscription',
+           method: 'GET',
+           //waitMsgTarget: me,
+           failure: function(response, opts) {
+               Ext.Msg.alert(gettext('Error'), response.htmlStatus);
+           },
+           success: function(response, opts) {
+               var data = response.result.data;
+
+               if (data.status !== 'Active') {
+                   Ext.Msg.show({
+                       title: gettext('No valid subscription'),
+                       icon: Ext.Msg.WARNING,
+                       msg: PVE.Utils.noSubKeyHtml,
+                       buttons: Ext.Msg.OK,
+                       callback: function(btn) {
+                           if (btn !== 'ok') {
+                               return;
+                           }
+                           orig_cmd();
+                       }
+                   });
+               } else {
+                   orig_cmd();
+               }
+           }
+       });
+    },
+
     task_desc_table: {
        vncproxy: [ 'VM/CT', gettext('Console') ],
+       spiceproxy: [ 'VM/CT', gettext('Console') + ' (Spice)' ],
        vncshell: [ '', gettext('Shell') ],
+       spiceshell: [ '', gettext('Shell')  + ' (Spice)' ],
+       qmsnapshot: [ 'VM', gettext('Snapshot') ],
+       qmrollback: [ 'VM', gettext('Rollback') ],
+       qmdelsnapshot: [ 'VM', gettext('Delete Snapshot') ],
        qmcreate: [ 'VM', gettext('Create') ],
        qmrestore: [ 'VM', gettext('Restore') ],
        qmdestroy: [ 'VM', gettext('Destroy') ],
        qmigrate: [ 'VM', gettext('Migrate') ],
+       qmclone: [ 'VM', gettext('Clone') ],
+       qmmove: [ 'VM', gettext('Move disk') ],
+       qmtemplate: [ 'VM', gettext('Convert to template') ],
        qmstart: [ 'VM', gettext('Start') ],
        qmstop: [ 'VM', gettext('Stop') ],
        qmreset: [ 'VM', gettext('Reset') ],
        qmshutdown: [ 'VM', gettext('Shutdown') ],
        qmsuspend: [ 'VM', gettext('Suspend') ],
        qmresume: [ 'VM', gettext('Resume') ],
+       qmconfig: [ 'VM', gettext('Configure') ],
        vzcreate: ['CT', gettext('Create') ],
        vzrestore: ['CT', gettext('Restore') ],
        vzdestroy: ['CT', gettext('Destroy') ],
        vzmigrate: [ 'CT', gettext('Migrate') ],
        vzstart: ['CT', gettext('Start') ],
        vzstop: ['CT', gettext('Stop') ],
+       vzmount: ['CT', gettext('Mount') ],
+       vzumount: ['CT', gettext('Unmount') ],
+       vzshutdown: ['CT', gettext('Shutdown') ],
+       vzsuspend: [ 'CT', gettext('Suspend') ],
+       vzresume: [ 'CT', gettext('Resume') ],
+       hamigrate: [ 'HA', gettext('Migrate') ],
+       hastart: [ 'HA', gettext('Start') ],
+       hastop: [ 'HA', gettext('Stop') ],
        srvstart: ['SRV', gettext('Start') ],
        srvstop: ['SRV', gettext('Stop') ],
        srvrestart: ['SRV', gettext('Restart') ],
        srvreload: ['SRV', gettext('Reload') ],
-       vzdump: ['', gettext('Backup') ]
+       cephcreatemon: ['Ceph Monitor', gettext('Create') ],
+       cephdestroymon: ['Ceph Monitor', gettext('Destroy') ],
+       cephcreateosd: ['Ceph OSD', gettext('Create') ],
+       cephdestroyosd: ['Ceph OSD', gettext('Destroy') ],
+       imgcopy: ['', gettext('Copy data') ],
+       imgdel: ['', gettext('Erase data') ],
+       download: ['', gettext('Download') ],
+       vzdump: ['', gettext('Backup') ],
+       aptupdate: ['', gettext('Update package database') ],
+       startall: [ '', gettext('Start all VMs and Containers') ],
+       stopall: [ '', gettext('Stop all VMs and Containers') ],
+       migrateall: [ '', gettext('Migrate all VMs and Containers') ]
     },
 
     format_task_description: function(type, id) {      
@@ -406,13 +569,13 @@ Ext.define('PVE.Utils', { statics: {
        if (prefix) {
            return prefix + ' ' + id + ' - ' + text; 
        }
-       return text
+       return text;
     },
 
     parse_task_upid: function(upid) {
        var task = {};
 
-       var res = upid.match(/^UPID:(\S+):([0-9A-Fa-f]{8}):([0-9A-Fa-f]{8}):([0-9A-Fa-f]{8}):([^:\s]+):([^:\s]*):([^:\s]+):$/);
+       var res = upid.match(/^UPID:(\S+):([0-9A-Fa-f]{8}):([0-9A-Fa-f]{8,9}):([0-9A-Fa-f]{8}):([^:\s]+):([^:\s]*):([^:\s]+):$/);
        if (!res) {
            throw "unable to parse upid '" + upid + "'";
        }
@@ -506,7 +669,7 @@ Ext.define('PVE.Utils', { statics: {
        ut_str = ut_str.substr(ut_str.length - 2);
 
        if (days) {
-           var ds = days > 1 ? 'days' : 'day';
+           var ds = days > 1 ? PVE.Utils.daysText : PVE.Utils.dayText;
            return days.toString() + ' ' + ds + ' ' + 
                hours_str + ':' + mins_str + ':' + ut_str;
        } else {
@@ -534,24 +697,59 @@ Ext.define('PVE.Utils', { statics: {
        return days.toFixed(0) + 'd';   
     },
 
+    yesText: gettext('Yes'),
+    noText: gettext('No'),
+    noneText: gettext('none'),
+    errorText: gettext('Error'),
+    unknownText: gettext('Unknown'),
+    defaultText: gettext('Default'),
+    daysText: gettext('days'),
+    dayText: gettext('day'),
+    runningText: gettext('running'),
+    stoppedText: gettext('stopped'),
+    neverText: gettext('never'),
+    totalText: gettext('Total'),
+    usedText: gettext('Used'),
+    directoryText: gettext('Directory'),
+    imagesText: gettext('Disk image'),
+    backupFileText: gettext('VZDump backup file'),
+    vztmplText: gettext('OpenVZ template'),
+    isoImageText: gettext('ISO image'),
+    containersText: gettext('OpenVZ Container'),
+
+    format_expire: function(date) {
+       if (!date) {
+           return PVE.Utils.neverText;
+       }
+       return Ext.Date.format(date, "Y-m-d");
+    },
+
     format_storage_type: function(value) {
        if (value === 'dir') {
-           return 'Directory';
+           return PVE.Utils.directoryText;
        } else if (value === 'nfs') {
            return 'NFS';
+       } else if (value === 'glusterfs') {
+           return 'GlusterFS';
        } else if (value === 'lvm') {
            return 'LVM';
        } else if (value === 'iscsi') {
            return 'iSCSI';
+       } else if (value === 'rbd') {
+           return 'RBD';
+       } else if (value === 'sheepdog') {
+           return 'Sheepdog';
+       } else if (value === 'zfs') {
+           return 'ZFS over iSCSI';
+       } else if (value === 'zfspool') {
+           return 'ZFS';
+       } else if (value === 'iscsidirect') {
+           return 'iSCSIDirect';
        } else {
-           return 'unknown';
+           return PVE.Utils.unknownText;
        }
     },
 
-    yesText: gettext('Yes'),
-    noText: gettext('No'),
-    defaultText: gettext('Default'),
-
     format_boolean_with_default: function(value) {
        if (Ext.isDefined(value) && value !== '') {
            return value ? PVE.Utils.yesText : PVE.Utils.noText;
@@ -572,15 +770,15 @@ Ext.define('PVE.Utils', { statics: {
 
        Ext.each(value.split(',').sort(), function(ct) {
            if (ct === 'images') {
-               cta.push('Images');
+               cta.push(PVE.Utils.imagesText);
            } else if (ct === 'backup') {
-               cta.push('Backups');
+               cta.push(PVE.Utils.backupFileText);
            } else if (ct === 'vztmpl') {
-               cta.push('Templates');
+               cta.push(PVE.Utils.vztmplText);
            } else if (ct === 'iso') {
-               cta.push('ISO');
+               cta.push(PVE.Utils.isoImageText);
            } else if (ct === 'rootdir') {
-               cta.push('Containers');
+               cta.push(PVE.Utils.containersText);
            }
        });
 
@@ -673,6 +871,8 @@ Ext.define('PVE.Utils', { statics: {
 
        if (record.data.running) {
            metaData.tdCls = cls + "-running";
+       } else if (record.data.template) {
+           metaData.tdCls = cls + "-template";     
        } else {
            metaData.tdCls = cls;
        }
@@ -695,6 +895,10 @@ Ext.define('PVE.Utils', { statics: {
        return PVE.Utils.format_duration_long(uptime);
     },
 
+    render_support_level: function(value, metaData, record) {
+       return PVE.Utils.support_level_hash[value] || '-';
+    },
+
     render_upid: function(value, metaData, record) { 
        var type = record.data.type;
        var id = record.data.id;
@@ -702,16 +906,171 @@ Ext.define('PVE.Utils', { statics: {
        return PVE.Utils.format_task_description(type, id);
     },
 
-    openConoleWindow: function(vmtype, vmid, nodename, vmname) {
+    dialog_title: function(subject, create, isAdd) {
+       if (create) {
+           if (isAdd) {
+               return gettext('Add') + ': ' + subject;
+           } else {
+               return gettext('Create') + ': ' + subject;
+           }
+       } else {
+           return gettext('Edit') + ': ' + subject;
+       }
+    },
+    openDefaultConsoleWindow: function(allowSpice, vmtype, vmid, nodename, vmname) {
+       var dv = PVE.Utils.defaultViewer(allowSpice);
+       PVE.Utils.openConsoleWindow(dv, vmtype, vmid, nodename, vmname);
+    },
+
+    openConsoleWindow: function(viewer, vmtype, vmid, nodename, vmname) {
+       // kvm, openvz, shell, upgrade
+
+       if (vmid == undefined && (vmtype === 'kvm' || vmtype === 'openvz')) {
+           throw "missing vmid";
+       }
+
+       if (!nodename) {
+           throw "no nodename specified";
+       }
+
+       if (viewer === 'applet' || viewer === 'html5') {
+           PVE.Utils.openVNCViewer(vmtype, vmid, nodename, vmname, viewer === 'html5');
+       } else if (viewer === 'vv') {
+           var url;
+           var params = { proxy: window.location.hostname };
+           if (vmtype === 'kvm') {
+               url = '/nodes/' + nodename + '/qemu/' + vmid.toString() + '/spiceproxy';
+               PVE.Utils.openSpiceViewer(url, params);
+           } else if (vmtype === 'openvz') {
+               url = '/nodes/' + nodename + '/openvz/' + 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 {
+           throw "unknown viewer type";
+       }
+    },
+
+    defaultViewer: function(allowSpice) {
+       var vncdefault = 'html5';
+       var dv = PVE.VersionInfo.console || vncdefault;
+       if (dv === 'vv' && !allowSpice) {
+           dv = vncdefault;
+       }
+
+       return dv;
+    },
+
+    openVNCViewer: function(vmtype, vmid, nodename, vmname, novnc) {
        var url = Ext.urlEncode({
-           console: vmtype, // kvm, openvz or shell
+           console: vmtype, // kvm, openvz, upgrade or shell
+           novnc: novnc ? 1 : 0,
            vmid: vmid,
            vmname: vmname,
            node: nodename
        });
-       var nw = window.open("?" + url, '_blank', 
-                            "innerWidth=745,innerheight=427");
+       var nw = window.open("?" + url, '_blank', "innerWidth=745,innerheight=427");
        nw.focus();
+    },
+
+    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;'
+           });
+
+           // Note: we need to tell android 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) {
+               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);
+               link.dispatchEvent(evt);
+           }
+       };
+
+       PVE.Utils.API2Request({
+           url: url,
+           params: params,
+           method: 'POST',
+           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");
+           }
+       });
+    },
+
+    // comp.setLoading() is buggy in ExtJS 4.0.7, so we 
+    // use el.mask() instead
+    setErrorMask: function(comp, msg) {
+       var el = comp.el;
+       if (!el) {
+           return;
+       }
+       if (!msg) {
+           el.unmask();
+       } else {
+           if (msg === true) {
+               el.mask(gettext("Loading..."));
+           } else {
+               el.mask(msg);
+           }
+       }
+    },
+
+    monStoreErrors: function(me, store) {
+       me.mon(store, 'beforeload', function(s, operation, eOpts) {
+           if (!me.loadCount) {
+               me.loadCount = 0; // make sure it is numeric
+               PVE.Utils.setErrorMask(me, true);
+           }
+       });
+
+       // only works with 'pve' proxy
+       me.mon(store.proxy, 'afterload', function(proxy, request, success) {
+           me.loadCount++;
+
+           if (success) {
+               PVE.Utils.setErrorMask(me, false);
+               return;
+           }
+
+           var msg;
+           var operation = request.operation;
+           var error = operation.getError();
+           if (error.statusText) {
+               msg = error.statusText + ' (' + error.status + ')';
+           } else {
+               msg = gettext('Connection error');
+           }
+           PVE.Utils.setErrorMask(me, msg);
+       });
     }
 
 }});