www/manager/Utils.js

   1 Ext.ns('PVE');
   2
   3 // avoid errors when running without development tools
   4 if (!Ext.isDefined(Ext.global.console)) {
   5     var console = {
   6         dir: function() {},
   7         log: function() {}
   8     };
   9 }
  10 console.log("Starting PVE Manager");
  11
  12 Ext.Ajax.defaultHeaders = {
  13     'Accept': 'application/json'
  14 };
  15
  16 // do not send '_dc' parameter
  17 Ext.Ajax.disableCaching = false;
  18
  19 Ext.Ajax.on('beforerequest', function(conn, options) {
  20     if (PVE.CSRFPreventionToken) {
  21         if (!options.headers) {
  22             options.headers = {};
  23         }
  24         options.headers.CSRFPreventionToken = PVE.CSRFPreventionToken;
  25     }
  26 });
  27
  28 var IPV4_OCTET = "(?:25[0-5]|(?:[1-9]|1[0-9]|2[0-4])?[0-9])";
  29 var IPV4_REGEXP = "(?:(?:" + IPV4_OCTET + "\\.){3}" + IPV4_OCTET + ")";
  30 var IPV6_H16 = "(?:[0-9a-fA-F]{1,4})";
  31 var IPV6_LS32 = "(?:(?:" + IPV6_H16 + ":" + IPV6_H16 + ")|" + IPV4_REGEXP + ")";
  32
  33
  34 var IP4_match = new RegExp("^(?:" + IPV4_REGEXP + ")$");
  35
  36 var IPV6_REGEXP = "(?:" +
  37     "(?:(?:"                                                  + "(?:" + IPV6_H16 + ":){6})" + IPV6_LS32 + ")|" +
  38     "(?:(?:"                                         +   "::" + "(?:" + IPV6_H16 + ":){5})" + IPV6_LS32 + ")|" +
  39     "(?:(?:(?:"                           + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){4})" + IPV6_LS32 + ")|" +
  40     "(?:(?:(?:(?:" + IPV6_H16 + ":){0,1}" + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){3})" + IPV6_LS32 + ")|" +
  41     "(?:(?:(?:(?:" + IPV6_H16 + ":){0,2}" + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){2})" + IPV6_LS32 + ")|" +
  42     "(?:(?:(?:(?:" + IPV6_H16 + ":){0,3}" + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){1})" + IPV6_LS32 + ")|" +
  43     "(?:(?:(?:(?:" + IPV6_H16 + ":){0,4}" + IPV6_H16 + ")?::" +                         ")" + IPV6_LS32 + ")|" +
  44     "(?:(?:(?:(?:" + IPV6_H16 + ":){0,5}" + IPV6_H16 + ")?::" +                         ")" + IPV6_H16  + ")|" +
  45     "(?:(?:(?:(?:" + IPV6_H16 + ":){0,7}" + IPV6_H16 + ")?::" +                         ")"             + ")"  +
  46     ")";
  47
  48 var IP64_match = new RegExp("^(?:" + IPV6_REGEXP + "|" + IPV4_REGEXP + ")$");
  49
  50 // custom Vtypes
  51 Ext.apply(Ext.form.field.VTypes, {
  52     IPAddress:  function(v) {
  53         return IP4_match.test(v);
  54     },
  55     IPAddressText:  gettext('Example') + ': 192.168.1.1',
  56     IPAddressMask: /[\d\.]/i,
  57
  58     IP64Address:  function(v) {
  59         return IP64_match.test(v);
  60     },
  61     IP64AddressText:  gettext('Example') + ': 192.168.1.1 2001:DB8::42',
  62     IP64AddressMask: /[A-Fa-f0-9\.:]/,
  63
  64     MacAddress: function(v) {
  65         return (/^([a-fA-F0-9]{2}:){5}[a-fA-F0-9]{2}$/).test(v);
  66     },
  67     MacAddressMask: /[a-fA-F0-9:]/,
  68     MacAddressText: gettext('Example') + ': 01:23:45:67:89:ab',
  69
  70     BridgeName: function(v) {
  71         return (/^vmbr\d{1,4}$/).test(v);
  72     },
  73     BridgeNameText: gettext('Format') + ': vmbr<b>N</b>, where 0 <= <b>N</b> <= 9999',
  74
  75     BondName: function(v) {
  76         return (/^bond\d{1,4}$/).test(v);
  77     },
  78     BondNameText: gettext('Format') + ': bond<b>N</b>, where 0 <= <b>N</b> <= 9999',
  79
  80     InterfaceName: function(v) {
  81         return (/^[a-z][a-z0-9_]{1,20}$/).test(v);
  82     },
  83     InterfaceNameText: gettext('Format') + ': [a-z][a-z0-9_]{1,20}',
  84
  85
  86     QemuStartDate: function(v) {
  87         return (/^(now|\d{4}-\d{1,2}-\d{1,2}(T\d{1,2}:\d{1,2}:\d{1,2})?)$/).test(v);
  88     },
  89     QemuStartDateText: gettext('Format') + ': "now" or "2006-06-17T16:01:21" or "2006-06-17"',
  90
  91     StorageId:  function(v) {
  92         return (/^[a-z][a-z0-9\-\_\.]*[a-z0-9]$/i).test(v);
  93     },
  94     StorageIdText: gettext("Allowed characters") + ": 'a-z', '0-9', '-', '_', '.'",
  95
  96     HttpProxy:  function(v) {
  97         return (/^http:\/\/.*$/).test(v);
  98     },
  99     HttpProxyText: gettext('Example') + ": http://username:password&#64;host:port/",
 100
 101     DnsName: function(v) {
 102         return (/^(([a-zA-Z0-9]([a-zA-Z0-9\-]*[a-zA-Z0-9])?)\.)*([A-Za-z0-9]([A-Za-z0-9\-]*[A-Za-z0-9])?)$/).test(v);
 103     },
 104     DnsNameText: gettext('This is not a valid DNS name')
 105 });
 106
 107 // we dont want that a displayfield set the form dirty flag!
 108 Ext.override(Ext.form.field.Display, {
 109     isDirty: function() { return false; }
 110 });
 111
 112 // hack: ExtJS does not display the correct value if we
 113 // call setValue while the store is loading, so we need
 114 // to call it again after loading
 115 Ext.override(Ext.form.field.ComboBox, {
 116     onLoad: function() {
 117         this.setValue(this.value, false);
 118         this.callOverridden(arguments);
 119     }
 120 });
 121
 122 Ext.define('PVE.Utils', { statics: {
 123
 124     // this class only contains static functions
 125
 126     log_severity_hash: {
 127         0: "panic",
 128         1: "alert",
 129         2: "critical",
 130         3: "error",
 131         4: "warning",
 132         5: "notice",
 133         6: "info",
 134         7: "debug"
 135     },
 136
 137     support_level_hash: {
 138         'c': gettext('Community'),
 139         'b': gettext('Basic'),
 140         's': gettext('Standard'),
 141         'p': gettext('Premium')
 142     },
 143
 144     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.',
 145
 146     kvm_ostypes: {
 147         other: gettext('Other OS types'),
 148         wxp: 'Microsoft Windows XP/2003',
 149         w2k: 'Microsoft Windows 2000',
 150         w2k8: 'Microsoft Windows Vista/2008',
 151         win7: 'Microsoft Windows 7/2008r2',
 152         win8: 'Microsoft Windows 8/2012',
 153         l24: 'Linux 2.4 Kernel',
 154         l26: 'Linux 3.X/2.6 Kernel',
 155         solaris: 'Solaris Kernel'
 156     },
 157
 158     render_kvm_ostype: function (value) {
 159         if (!value) {
 160             return gettext('Other OS types');
 161         }
 162         var text = PVE.Utils.kvm_ostypes[value];
 163         if (text) {
 164             return text + ' (' + value + ')';
 165         }
 166         return value;
 167     },
 168
 169     network_iface_types: {
 170         eth: gettext("Network Device"),
 171         bridge: 'Linux Bridge',
 172         bond: 'Linux Bond',
 173         OVSBridge: 'OVS Bridge',
 174         OVSBond: 'OVS Bond',
 175         OVSPort: 'OVS Port',
 176         OVSIntPort: 'OVS IntPort'
 177     },
 178
 179     render_network_iface_type: function(value) {
 180         return PVE.Utils.network_iface_types[value] ||
 181             PVE.Utils.unknownText;
 182     },
 183
 184     render_scsihw: function(value) {
 185         if (!value) {
 186             return PVE.Utils.defaultText + ' (LSI 53C895A)';
 187         } else if (value === 'lsi') {
 188             return 'LSI 53C895A';
 189         } else if (value === 'lsi53c810') {
 190             return 'LSI 53C810';
 191         } else if (value === 'megasas') {
 192             return 'MegaRAID SAS 8708EM2';
 193         } else if (value === 'virtio-scsi-pci') {
 194             return 'VIRTIO';
 195         } else if (value === 'pvscsi') {
 196             return 'VMware PVSCSI';
 197         } else {
 198             return value;
 199         }
 200     },
 201
 202     // fixme: auto-generate this
 203     // for now, please keep in sync with PVE::Tools::kvmkeymaps
 204     kvm_keymaps: {
 205         //ar: 'Arabic',
 206         da: 'Danish',
 207         de: 'German',
 208         'de-ch': 'German (Swiss)',
 209         'en-gb': 'English (UK)',
 210         'en-us': 'English (USA',
 211         es: 'Spanish',
 212         //et: 'Estonia',
 213         fi: 'Finnish',
 214         //fo: 'Faroe Islands',
 215         fr: 'French',
 216         'fr-be': 'French (Belgium)',
 217         'fr-ca': 'French (Canada)',
 218         'fr-ch': 'French (Swiss)',
 219         //hr: 'Croatia',
 220         hu: 'Hungarian',
 221         is: 'Icelandic',
 222         it: 'Italian',
 223         ja: 'Japanese',
 224         lt: 'Lithuanian',
 225         //lv: 'Latvian',
 226         mk: 'Macedonian',
 227         nl: 'Dutch',
 228         //'nl-be': 'Dutch (Belgium)',
 229         no: 'Norwegian',
 230         pl: 'Polish',
 231         pt: 'Portuguese',
 232         'pt-br': 'Portuguese (Brazil)',
 233         //ru: 'Russian',
 234         sl: 'Slovenian',
 235         sv: 'Swedish',
 236         //th: 'Thai',
 237         tr: 'Turkish'
 238     },
 239
 240     kvm_vga_drivers: {
 241         std: gettext('Standard VGA'),
 242         vmware: gettext('VMWare compatible'),
 243         cirrus: 'Cirrus Logic GD5446',
 244         qxl: 'SPICE',
 245         qxl2: 'SPICE dual monitor',
 246         qxl3: 'SPICE three monitors',
 247         qxl4: 'SPICE four monitors',
 248         serial0: gettext('Serial terminal') + ' 0',
 249         serial1: gettext('Serial terminal') + ' 1',
 250         serial2: gettext('Serial terminal') + ' 2',
 251         serial3: gettext('Serial terminal') + ' 3'
 252     },
 253
 254     render_kvm_language: function (value) {
 255         if (!value) {
 256             return PVE.Utils.defaultText;
 257         }
 258         var text = PVE.Utils.kvm_keymaps[value];
 259         if (text) {
 260             return text + ' (' + value + ')';
 261         }
 262         return value;
 263     },
 264
 265     kvm_keymap_array: function() {
 266         var data = [['', PVE.Utils.render_kvm_language('')]];
 267         Ext.Object.each(PVE.Utils.kvm_keymaps, function(key, value) {
 268             data.push([key, PVE.Utils.render_kvm_language(value)]);
 269         });
 270
 271         return data;
 272     },
 273
 274     render_console_viewer: function(value) {
 275         if (!value) {
 276             return PVE.Utils.defaultText + ' (Java VNC Applet)';
 277         } else if (value === 'applet') {
 278             return 'Java VNC Applet';
 279         } else if (value === 'vv') {
 280             return  'SPICE (remote-viewer)';
 281         } else {
 282             return value;
 283         }
 284     },
 285
 286     language_map: {
 287         zh_CN: 'Chinese',
 288         ca: 'Catalan',
 289         ja: 'Japanese',
 290         en: 'English',
 291         da: 'Danish',
 292         de: 'German',
 293         es: 'Spanish',
 294         eu: 'Euskera (Basque)',
 295         fr: 'French',
 296         it: 'Italian',
 297         nb: 'Norwegian (Bokmal)',
 298         nn: 'Norwegian (Nynorsk)',
 299         ru: 'Russian',
 300         sl: 'Slovenian',
 301         sv: 'Swedish',
 302         pl: 'Polish',
 303         pt_BR: 'Portuguese (Brazil)',
 304         tr: 'Turkish'
 305     },
 306
 307     render_language: function (value) {
 308         if (!value) {
 309             return PVE.Utils.defaultText + ' (English)';
 310         }
 311         var text = PVE.Utils.language_map[value];
 312         if (text) {
 313             return text + ' (' + value + ')';
 314         }
 315         return value;
 316     },
 317
 318     language_array: function() {
 319         var data = [['', PVE.Utils.render_language('')]];
 320         Ext.Object.each(PVE.Utils.language_map, function(key, value) {
 321             data.push([key, PVE.Utils.render_language(value)]);
 322         });
 323
 324         return data;
 325     },
 326
 327     render_kvm_vga_driver: function (value) {
 328         if (!value) {
 329             return PVE.Utils.defaultText;
 330         }
 331         var text = PVE.Utils.kvm_vga_drivers[value];
 332         if (text) {
 333             return text + ' (' + value + ')';
 334         }
 335         return value;
 336     },
 337
 338     kvm_vga_driver_array: function() {
 339         var data = [['', PVE.Utils.render_kvm_vga_driver('')]];
 340         Ext.Object.each(PVE.Utils.kvm_vga_drivers, function(key, value) {
 341             data.push([key, PVE.Utils.render_kvm_vga_driver(value)]);
 342         });
 343
 344         return data;
 345     },
 346
 347     render_kvm_startup: function(value) {
 348         var startup = PVE.Parser.parseStartup(value);
 349
 350         var res = 'order=';
 351         if (startup.order === undefined) {
 352             res += 'any';
 353         } else {
 354             res += startup.order;
 355         }
 356         if (startup.up !== undefined) {
 357             res += ',up=' + startup.up;
 358         }
 359         if (startup.down !== undefined) {
 360             res += ',down=' + startup.down;
 361         }
 362
 363         return res;
 364     },
 365
 366     authOK: function() {
 367         return Ext.util.Cookies.get('PVEAuthCookie');
 368     },
 369
 370     authClear: function() {
 371         Ext.util.Cookies.clear("PVEAuthCookie");
 372     },
 373
 374     // fixme: remove - not needed?
 375     gridLineHeigh: function() {
 376         return 21;
 377
 378         //if (Ext.isGecko)
 379         //return 23;
 380         //return 21;
 381     },
 382
 383     extractRequestError: function(result, verbose) {
 384         var msg = gettext('Successful');
 385
 386         if (!result.success) {
 387             msg = gettext("Unknown error");
 388             if (result.message) {
 389                 msg = result.message;
 390                 if (result.status) {
 391                     msg += ' (' + result.status + ')';
 392                 }
 393             }
 394             if (verbose && Ext.isObject(result.errors)) {
 395                 msg += "<br>";
 396                 Ext.Object.each(result.errors, function(prop, desc) {
 397                     msg += "<br><b>" + Ext.htmlEncode(prop) + "</b>: " +
 398                         Ext.htmlEncode(desc);
 399                 });
 400             }
 401         }
 402
 403         return msg;
 404     },
 405
 406     extractFormActionError: function(action) {
 407         var msg;
 408         switch (action.failureType) {
 409         case Ext.form.action.Action.CLIENT_INVALID:
 410             msg = gettext('Form fields may not be submitted with invalid values');
 411             break;
 412         case Ext.form.action.Action.CONNECT_FAILURE:
 413             msg = gettext('Connection error');
 414             var resp = action.response;
 415             if (resp.status && resp.statusText) {
 416                 msg += " " + resp.status + ": " + resp.statusText;
 417             }
 418             break;
 419         case Ext.form.action.Action.LOAD_FAILURE:
 420         case Ext.form.action.Action.SERVER_INVALID:
 421             msg = PVE.Utils.extractRequestError(action.result, true);
 422             break;
 423         }
 424         return msg;
 425     },
 426
 427     // Ext.Ajax.request
 428     API2Request: function(reqOpts) {
 429
 430         var newopts = Ext.apply({
 431             waitMsg: gettext('Please wait...')
 432         }, reqOpts);
 433
 434         if (!newopts.url.match(/^\/api2/)) {
 435             newopts.url = '/api2/extjs' + newopts.url;
 436         }
 437         delete newopts.callback;
 438
 439         var createWrapper = function(successFn, callbackFn, failureFn) {
 440             Ext.apply(newopts, {
 441                 success: function(response, options) {
 442                     if (options.waitMsgTarget) {
 443                         options.waitMsgTarget.setLoading(false);
 444                     }
 445                     var result = Ext.decode(response.responseText);
 446                     response.result = result;
 447                     if (!result.success) {
 448                         response.htmlStatus = PVE.Utils.extractRequestError(result, true);
 449                         Ext.callback(callbackFn, options.scope, [options, false, response]);
 450                         Ext.callback(failureFn, options.scope, [response, options]);
 451                         return;
 452                     }
 453                     Ext.callback(callbackFn, options.scope, [options, true, response]);
 454                     Ext.callback(successFn, options.scope, [response, options]);
 455                 },
 456                 failure: function(response, options) {
 457                     if (options.waitMsgTarget) {
 458                         options.waitMsgTarget.setLoading(false);
 459                     }
 460                     response.result = {};
 461                     try {
 462                         response.result = Ext.decode(response.responseText);
 463                     } catch(e) {}
 464                     var msg = gettext('Connection error') + ' - server offline?';
 465                     if (response.aborted) {
 466                         msg = gettext('Connection error') + ' - aborted.';
 467                     } else if (response.timedout) {
 468                         msg = gettext('Connection error') + ' - Timeout.';
 469                     } else if (response.status && response.statusText) {
 470                         msg = gettext('Connection error') + ' ' + response.status + ': ' + response.statusText;
 471                     }
 472                     response.htmlStatus = msg;
 473                     Ext.callback(callbackFn, options.scope, [options, false, response]);
 474                     Ext.callback(failureFn, options.scope, [response, options]);
 475                 }
 476             });
 477         };
 478
 479         createWrapper(reqOpts.success, reqOpts.callback, reqOpts.failure);
 480
 481         var target = newopts.waitMsgTarget;
 482         if (target) {
 483             // Note: ExtJS bug - this does not work when component is not rendered
 484             target.setLoading(newopts.waitMsg);
 485         }
 486         Ext.Ajax.request(newopts);
 487     },
 488
 489     assemble_field_data: function(values, data) {
 490         if (Ext.isObject(data)) {
 491             Ext.Object.each(data, function(name, val) {
 492                 if (values.hasOwnProperty(name)) {
 493                     var bucket = values[name];
 494                     if (!Ext.isArray(bucket)) {
 495                         bucket = values[name] = [bucket];
 496                     }
 497                     if (Ext.isArray(val)) {
 498                         values[name] = bucket.concat(val);
 499                     } else {
 500                         bucket.push(val);
 501                     }
 502                 } else {
 503                     values[name] = val;
 504                 }
 505             });
 506         }
 507     },
 508
 509     checked_command: function(orig_cmd) {
 510         PVE.Utils.API2Request({
 511             url: '/nodes/localhost/subscription',
 512             method: 'GET',
 513             //waitMsgTarget: me,
 514             failure: function(response, opts) {
 515                 Ext.Msg.alert(gettext('Error'), response.htmlStatus);
 516             },
 517             success: function(response, opts) {
 518                 var data = response.result.data;
 519
 520                 if (data.status !== 'Active') {
 521                     Ext.Msg.show({
 522                         title: gettext('No valid subscription'),
 523                         icon: Ext.Msg.WARNING,
 524                         msg: PVE.Utils.noSubKeyHtml,
 525                         buttons: Ext.Msg.OK,
 526                         callback: function(btn) {
 527                             if (btn !== 'ok') {
 528                                 return;
 529                             }
 530                             orig_cmd();
 531                         }
 532                     });
 533                 } else {
 534                     orig_cmd();
 535                 }
 536             }
 537         });
 538     },
 539
 540     task_desc_table: {
 541         vncproxy: [ 'VM/CT', gettext('Console') ],
 542         spiceproxy: [ 'VM/CT', gettext('Console') + ' (Spice)' ],
 543         vncshell: [ '', gettext('Shell') ],
 544         spiceshell: [ '', gettext('Shell')  + ' (Spice)' ],
 545         qmsnapshot: [ 'VM', gettext('Snapshot') ],
 546         qmrollback: [ 'VM', gettext('Rollback') ],
 547         qmdelsnapshot: [ 'VM', gettext('Delete Snapshot') ],
 548         qmcreate: [ 'VM', gettext('Create') ],
 549         qmrestore: [ 'VM', gettext('Restore') ],
 550         qmdestroy: [ 'VM', gettext('Destroy') ],
 551         qmigrate: [ 'VM', gettext('Migrate') ],
 552         qmclone: [ 'VM', gettext('Clone') ],
 553         qmmove: [ 'VM', gettext('Move disk') ],
 554         qmtemplate: [ 'VM', gettext('Convert to template') ],
 555         qmstart: [ 'VM', gettext('Start') ],
 556         qmstop: [ 'VM', gettext('Stop') ],
 557         qmreset: [ 'VM', gettext('Reset') ],
 558         qmshutdown: [ 'VM', gettext('Shutdown') ],
 559         qmsuspend: [ 'VM', gettext('Suspend') ],
 560         qmresume: [ 'VM', gettext('Resume') ],
 561         qmconfig: [ 'VM', gettext('Configure') ],
 562         vzcreate: ['CT', gettext('Create') ],
 563         vzrestore: ['CT', gettext('Restore') ],
 564         vzdestroy: ['CT', gettext('Destroy') ],
 565         vzmigrate: [ 'CT', gettext('Migrate') ],
 566         vzstart: ['CT', gettext('Start') ],
 567         vzstop: ['CT', gettext('Stop') ],
 568         vzmount: ['CT', gettext('Mount') ],
 569         vzumount: ['CT', gettext('Unmount') ],
 570         vzshutdown: ['CT', gettext('Shutdown') ],
 571         hamigrate: [ 'HA', gettext('Migrate') ],
 572         hastart: [ 'HA', gettext('Start') ],
 573         hastop: [ 'HA', gettext('Stop') ],
 574         srvstart: ['SRV', gettext('Start') ],
 575         srvstop: ['SRV', gettext('Stop') ],
 576         srvrestart: ['SRV', gettext('Restart') ],
 577         srvreload: ['SRV', gettext('Reload') ],
 578         cephcreatemon: ['Ceph Monitor', gettext('Create') ],
 579         cephdestroymon: ['Ceph Monitor', gettext('Destroy') ],
 580         cephcreateosd: ['Ceph OSD', gettext('Create') ],
 581         cephdestroyosd: ['Ceph OSD', gettext('Destroy') ],
 582         imgcopy: ['', gettext('Copy data') ],
 583         imgdel: ['', gettext('Erase data') ],
 584         download: ['', gettext('Download') ],
 585         vzdump: ['', gettext('Backup') ],
 586         aptupdate: ['', gettext('Update package database') ],
 587         startall: [ '', gettext('Start all VMs and Containers') ],
 588         stopall: [ '', gettext('Stop all VMs and Containers') ]
 589     },
 590
 591     format_task_description: function(type, id) {
 592         var farray = PVE.Utils.task_desc_table[type];
 593         if (!farray) {
 594             return type;
 595         }
 596         var prefix = farray[0];
 597         var text = farray[1];
 598         if (prefix) {
 599             return prefix + ' ' + id + ' - ' + text;
 600         }
 601         return text;
 602     },
 603
 604     parse_task_upid: function(upid) {
 605         var task = {};
 606
 607         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]+):$/);
 608         if (!res) {
 609             throw "unable to parse upid '" + upid + "'";
 610         }
 611         task.node = res[1];
 612         task.pid = parseInt(res[2], 16);
 613         task.pstart = parseInt(res[3], 16);
 614         task.starttime = parseInt(res[4], 16);
 615         task.type = res[5];
 616         task.id = res[6];
 617         task.user = res[7];
 618
 619         task.desc = PVE.Utils.format_task_description(task.type, task.id);
 620
 621         return task;
 622     },
 623
 624     format_size: function(size) {
 625         /*jslint confusion: true */
 626
 627         if (size < 1024) {
 628             return size;
 629         }
 630
 631         var kb = size / 1024;
 632
 633         if (kb < 1024) {
 634             return kb.toFixed(0) + "KB";
 635         }
 636
 637         var mb = size / (1024*1024);
 638
 639         if (mb < 1024) {
 640             return mb.toFixed(0) + "MB";
 641         }
 642
 643         var gb = mb / 1024;
 644
 645         if (gb < 1024) {
 646             return gb.toFixed(2) + "GB";
 647         }
 648
 649         var tb =  gb / 1024;
 650
 651         return tb.toFixed(2) + "TB";
 652
 653     },
 654
 655     format_html_bar: function(per, text) {
 656
 657         return "<div class='pve-bar-wrap'>" + text + "<div class='pve-bar-border'>" +
 658             "<div class='pve-bar-inner' style='width:" + per + "%;'></div>" +
 659             "</div></div>";
 660
 661     },
 662
 663     format_cpu_bar: function(per1, per2, text) {
 664
 665         return "<div class='pve-bar-border'>" +
 666             "<div class='pve-bar-inner' style='width:" + per1 + "%;'></div>" +
 667             "<div class='pve-bar-inner2' style='width:" + per2 + "%;'></div>" +
 668             "<div class='pve-bar-text'>" + text + "</div>" +
 669             "</div>";
 670     },
 671
 672     format_large_bar: function(per, text) {
 673
 674         if (!text) {
 675             text = per.toFixed(1) + "%";
 676         }
 677
 678         return "<div class='pve-largebar-border'>" +
 679             "<div class='pve-largebar-inner' style='width:" + per + "%;'></div>" +
 680             "<div class='pve-largebar-text'>" + text + "</div>" +
 681             "</div>";
 682     },
 683
 684     format_duration_long: function(ut) {
 685
 686         var days = Math.floor(ut / 86400);
 687         ut -= days*86400;
 688         var hours = Math.floor(ut / 3600);
 689         ut -= hours*3600;
 690         var mins = Math.floor(ut / 60);
 691         ut -= mins*60;
 692
 693         var hours_str = '00' + hours.toString();
 694         hours_str = hours_str.substr(hours_str.length - 2);
 695         var mins_str = "00" + mins.toString();
 696         mins_str = mins_str.substr(mins_str.length - 2);
 697         var ut_str = "00" + ut.toString();
 698         ut_str = ut_str.substr(ut_str.length - 2);
 699
 700         if (days) {
 701             var ds = days > 1 ? PVE.Utils.daysText : PVE.Utils.dayText;
 702             return days.toString() + ' ' + ds + ' ' +
 703                 hours_str + ':' + mins_str + ':' + ut_str;
 704         } else {
 705             return hours_str + ':' + mins_str + ':' + ut_str;
 706         }
 707     },
 708
 709     format_duration_short: function(ut) {
 710
 711         if (ut < 60) {
 712             return ut.toString() + 's';
 713         }
 714
 715         if (ut < 3600) {
 716             var mins = ut / 60;
 717             return mins.toFixed(0) + 'm';
 718         }
 719
 720         if (ut < 86400) {
 721             var hours = ut / 3600;
 722             return hours.toFixed(0) + 'h';
 723         }
 724
 725         var days = ut / 86400;
 726         return days.toFixed(0) + 'd';
 727     },
 728
 729     yesText: gettext('Yes'),
 730     noText: gettext('No'),
 731     errorText: gettext('Error'),
 732     unknownText: gettext('Unknown'),
 733     defaultText: gettext('Default'),
 734     daysText: gettext('days'),
 735     dayText: gettext('day'),
 736     runningText: gettext('running'),
 737     stoppedText: gettext('stopped'),
 738     neverText: gettext('never'),
 739     totalText: gettext('Total'),
 740     usedText: gettext('Used'),
 741
 742     format_expire: function(date) {
 743         if (!date) {
 744             return PVE.Utils.neverText;
 745         }
 746         return Ext.Date.format(date, "Y-m-d");
 747     },
 748
 749     format_storage_type: function(value) {
 750         if (value === 'dir') {
 751             return 'Directory';
 752         } else if (value === 'nfs') {
 753             return 'NFS';
 754         } else if (value === 'glusterfs') {
 755             return 'GlusterFS';
 756         } else if (value === 'lvm') {
 757             return 'LVM';
 758         } else if (value === 'iscsi') {
 759             return 'iSCSI';
 760         } else if (value === 'rbd') {
 761             return 'RBD';
 762         } else if (value === 'sheepdog') {
 763             return 'Sheepdog';
 764         } else if (value === 'zfs') {
 765             return 'ZFS';
 766         } else if (value === 'iscsidirect') {
 767             return 'iSCSIDirect';
 768         } else {
 769             return PVE.Utils.unknownText;
 770         }
 771     },
 772
 773     format_boolean_with_default: function(value) {
 774         if (Ext.isDefined(value) && value !== '') {
 775             return value ? PVE.Utils.yesText : PVE.Utils.noText;
 776         }
 777         return PVE.Utils.defaultText;
 778     },
 779
 780     format_boolean: function(value) {
 781         return value ? PVE.Utils.yesText : PVE.Utils.noText;
 782     },
 783
 784     format_neg_boolean: function(value) {
 785         return !value ? PVE.Utils.yesText : PVE.Utils.noText;
 786     },
 787
 788     format_content_types: function(value) {
 789         var cta = [];
 790
 791         Ext.each(value.split(',').sort(), function(ct) {
 792             if (ct === 'images') {
 793                 cta.push('Images');
 794             } else if (ct === 'backup') {
 795                 cta.push('Backups');
 796             } else if (ct === 'vztmpl') {
 797                 cta.push('Templates');
 798             } else if (ct === 'iso') {
 799                 cta.push('ISO');
 800             } else if (ct === 'rootdir') {
 801                 cta.push('Containers');
 802             }
 803         });
 804
 805         return cta.join(', ');
 806     },
 807
 808     render_storage_content: function(value, metaData, record) {
 809         var data = record.data;
 810         if (Ext.isNumber(data.channel) &&
 811             Ext.isNumber(data.id) &&
 812             Ext.isNumber(data.lun)) {
 813             return "CH " +
 814                 Ext.String.leftPad(data.channel,2, '0') +
 815                 " ID " + data.id + " LUN " + data.lun;
 816         }
 817         return data.volid.replace(/^.*:(.*\/)?/,'');
 818     },
 819
 820     render_serverity: function (value) {
 821         return PVE.Utils.log_severity_hash[value] || value;
 822     },
 823
 824     render_cpu: function(value, metaData, record, rowIndex, colIndex, store) {
 825
 826         if (!(record.data.uptime && Ext.isNumeric(value))) {
 827             return '';
 828         }
 829
 830         var maxcpu = record.data.maxcpu || 1;
 831
 832         if (!Ext.isNumeric(maxcpu) && (maxcpu >= 1)) {
 833             return '';
 834         }
 835
 836         var per = value * 100;
 837
 838         return per.toFixed(1) + '% of ' + maxcpu.toString() + (maxcpu > 1 ? 'CPUs' : 'CPU');
 839     },
 840
 841     render_size: function(value, metaData, record, rowIndex, colIndex, store) {
 842         /*jslint confusion: true */
 843
 844         if (!Ext.isNumeric(value)) {
 845             return '';
 846         }
 847
 848         return PVE.Utils.format_size(value);
 849     },
 850
 851     render_timestamp: function(value, metaData, record, rowIndex, colIndex, store) {
 852         var servertime = new Date(value * 1000);
 853         return Ext.Date.format(servertime, 'Y-m-d H:i:s');
 854     },
 855
 856     render_mem_usage: function(value, metaData, record, rowIndex, colIndex, store) {
 857
 858         var mem = value;
 859         var maxmem = record.data.maxmem;
 860
 861         if (!record.data.uptime) {
 862             return '';
 863         }
 864
 865         if (!(Ext.isNumeric(mem) && maxmem)) {
 866             return '';
 867         }
 868
 869         var per = (mem * 100) / maxmem;
 870
 871         return per.toFixed(1) + '%';
 872     },
 873
 874     render_disk_usage: function(value, metaData, record, rowIndex, colIndex, store) {
 875
 876         var disk = value;
 877         var maxdisk = record.data.maxdisk;
 878
 879         if (!(Ext.isNumeric(disk) && maxdisk)) {
 880             return '';
 881         }
 882
 883         var per = (disk * 100) / maxdisk;
 884
 885         return per.toFixed(1) + '%';
 886     },
 887
 888     render_resource_type: function(value, metaData, record, rowIndex, colIndex, store) {
 889
 890         var cls = 'pve-itype-icon-' + value;
 891
 892         if (record.data.running) {
 893             metaData.tdCls = cls + "-running";
 894         } else if (record.data.template) {
 895             metaData.tdCls = cls + "-template";
 896         } else {
 897             metaData.tdCls = cls;
 898         }
 899
 900         return value;
 901     },
 902
 903     render_uptime: function(value, metaData, record, rowIndex, colIndex, store) {
 904
 905         var uptime = value;
 906
 907         if (uptime === undefined) {
 908             return '';
 909         }
 910
 911         if (uptime <= 0) {
 912             return '-';
 913         }
 914
 915         return PVE.Utils.format_duration_long(uptime);
 916     },
 917
 918     render_support_level: function(value, metaData, record) {
 919         return PVE.Utils.support_level_hash[value] || '-';
 920     },
 921
 922     render_upid: function(value, metaData, record) {
 923         var type = record.data.type;
 924         var id = record.data.id;
 925
 926         return PVE.Utils.format_task_description(type, id);
 927     },
 928
 929     dialog_title: function(subject, create, isAdd) {
 930         if (create) {
 931             if (isAdd) {
 932                 return gettext('Add') + ': ' + subject;
 933             } else {
 934                 return gettext('Create') + ': ' + subject;
 935             }
 936         } else {
 937             return gettext('Edit') + ': ' + subject;
 938         }
 939     },
 940
 941     openConsoleWindow: function(vmtype, vmid, nodename, vmname) {
 942         var url = Ext.urlEncode({
 943             console: vmtype, // kvm, openvz or shell
 944             vmid: vmid,
 945             vmname: vmname,
 946             node: nodename
 947         });
 948         var nw = window.open("?" + url, '_blank',
 949                              "innerWidth=745,innerheight=427");
 950         nw.focus();
 951     },
 952
 953     defaultViewer: function(){
 954         return PVE.VersionInfo.console || 'applet';
 955     },
 956
 957
 958     openSpiceViewer: function(url, params){
 959
 960         var downloadWithName = function(uri, name) {
 961             var link = Ext.DomHelper.append(document.body, {
 962                 tag: 'a',
 963                 href: uri,
 964                 css : 'display:none;visibility:hidden;height:0px;'
 965             });
 966
 967             // Note: we need to tell android the correct file name extension
 968             // but we do not set 'download' tag for other environments, because
 969             // It can have strange side effects (additional user prompt on firefox)
 970             var andriod = navigator.userAgent.match(/Android/i) ? true : false;
 971             if (andriod) {
 972                 link.download = name;
 973             }
 974
 975             if (link.fireEvent) {
 976                 link.fireEvent('onclick');
 977             } else {
 978                 var evt = document.createEvent("MouseEvents");
 979                 evt.initMouseEvent('click', true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
 980                 link.dispatchEvent(evt);
 981             }
 982         };
 983
 984         PVE.Utils.API2Request({
 985             url: url,
 986             params: params,
 987             method: 'POST',
 988             failure: function(response, opts){
 989                 Ext.Msg.alert('Error', response.htmlStatus);
 990             },
 991             success: function(response, opts){
 992                 var raw = "[virt-viewer]\n";
 993                 Ext.Object.each(response.result.data, function(k, v) {
 994                     raw += k + "=" + v + "\n";
 995                 });
 996                 var url = 'data:application/x-virt-viewer;charset=UTF-8,' +
 997                     encodeURIComponent(raw);
 998
 999                 downloadWithName(url, "pve-spice.vv");
1000             }
1001         });
1002     },
1003
1004     // comp.setLoading() is buggy in ExtJS 4.0.7, so we
1005     // use el.mask() instead
1006     setErrorMask: function(comp, msg) {
1007         var el = comp.el;
1008         if (!el) {
1009             return;
1010         }
1011         if (!msg) {
1012             el.unmask();
1013         } else {
1014             if (msg === true) {
1015                 el.mask(gettext("Loading..."));
1016             } else {
1017                 el.mask(msg);
1018             }
1019         }
1020     },
1021
1022     monStoreErrors: function(me, store) {
1023         me.mon(store, 'beforeload', function(s, operation, eOpts) {
1024             if (!me.loadCount) {
1025                 me.loadCount = 0; // make sure it is numeric
1026                 PVE.Utils.setErrorMask(me, true);
1027             }
1028         });
1029
1030         // only works with 'pve' proxy
1031         me.mon(store.proxy, 'afterload', function(proxy, request, success) {
1032             me.loadCount++;
1033
1034             if (success) {
1035                 PVE.Utils.setErrorMask(me, false);
1036                 return;
1037             }
1038
1039             var msg;
1040             var operation = request.operation;
1041             var error = operation.getError();
1042             if (error.statusText) {
1043                 msg = error.statusText + ' (' + error.status + ')';
1044             } else {
1045                 msg = gettext('Connection error');
1046             }
1047             PVE.Utils.setErrorMask(me, msg);
1048         });
1049     }
1050
1051 }});
1052