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 // custom Vtypes
  29 Ext.apply(Ext.form.field.VTypes, {
  30     IPAddress:  function(v) {
  31         return (/^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$/).test(v);
  32     },
  33     IPAddressText:  gettext('Example') + ': 192.168.1.1',
  34     IPAddressMask: /[\d\.]/i,
  35
  36     MacAddress: function(v) {
  37         return (/^([a-fA-F0-9]{2}:){5}[a-fA-F0-9]{2}$/).test(v);
  38     },
  39     MacAddressMask: /[a-fA-F0-9:]/,
  40     MacAddressText: gettext('Example') + ': 01:23:45:67:89:ab',
  41
  42     BridgeName: function(v) {
  43         return (/^vmbr\d{1,4}$/).test(v);
  44     },
  45     BridgeNameText: gettext('Format') + ': vmbr<b>N</b>, where 0 <= <b>N</b> <= 9999',
  46
  47     BondName: function(v) {
  48         return (/^bond\d{1,4}$/).test(v);
  49     },
  50     BondNameText: gettext('Format') + ': bond<b>N</b>, where 0 <= <b>N</b> <= 9999',
  51
  52     QemuStartDate: function(v) {
  53         return (/^(now|\d{4}-\d{1,2}-\d{1,2}(T\d{1,2}:\d{1,2}:\d{1,2})?)$/).test(v);
  54     },
  55     QemuStartDateText: gettext('Format') + ': "now" or "2006-06-17T16:01:21" or "2006-06-17"',
  56
  57     StorageId:  function(v) {
  58         return (/^[a-z][a-z0-9\-\_\.]*[a-z0-9]$/i).test(v);
  59     },
  60     StorageIdText: gettext("Allowed characters") + ": 'a-z', '0-9', '-', '_', '.'",
  61
  62     HttpProxy:  function(v) {
  63         return (/^http:\/\/.*$/).test(v);
  64     },
  65     HttpProxyText: gettext('Example') + ": http://username:password&#64;host:port/",
  66
  67     DnsName: function(v) {
  68         return (/^(([a-zA-Z]|[a-zA-Z][a-zA-Z0-9\-]*[a-zA-Z0-9])\.)*([A-Za-z]|[A-Za-z][A-Za-z0-9\-]*[A-Za-z0-9])$/).test(v);
  69     },
  70     DnsNameText: gettext('This is not a valid DNS name')
  71 });
  72
  73 // we dont want that a displayfield set the form dirty flag!
  74 Ext.override(Ext.form.field.Display, {
  75     isDirty: function() { return false; }
  76 });
  77
  78 // hack: ExtJS does not display the correct value if we
  79 // call setValue while the store is loading, so we need
  80 // to call it again after loading
  81 Ext.override(Ext.form.field.ComboBox, {
  82     onLoad: function() {
  83         this.setValue(this.value, false);
  84         this.callOverridden(arguments);
  85     }
  86 });
  87
  88 Ext.define('PVE.Utils', { statics: {
  89
  90     // this class only contains static functions
  91
  92     log_severity_hash: {
  93         0: "panic",
  94         1: "alert",
  95         2: "critical",
  96         3: "error",
  97         4: "warning",
  98         5: "notice",
  99         6: "info",
 100         7: "debug"
 101     },
 102
 103     kvm_ostypes: {
 104         other: gettext('Other OS types'),
 105         wxp: 'Microsoft Windows XP/2003',
 106         w2k: 'Microsoft Windows 2000',
 107         w2k8: 'Microsoft Windows Vista/2008',
 108         win7: 'Microsoft Windows 7/2008r2',
 109         l24: 'Linux 2.4 Kernel',
 110         l26: 'Linux 3.X/2.6 Kernel'
 111     },
 112
 113     render_kvm_ostype: function (value) {
 114         if (!value) {
 115             return gettext('Other OS types');
 116         }
 117         var text = PVE.Utils.kvm_ostypes[value];
 118         if (text) {
 119             return text + ' (' + value + ')';
 120         }
 121         return value;
 122     },
 123
 124     // fixme: auto-generate this
 125     // for now, please keep in sync with PVE::Tools::kvmkeymaps
 126     kvm_keymaps: {
 127         //ar: 'Arabic',
 128         da: 'Danish',
 129         de: 'German',
 130         'de-ch': 'German (Swiss)',
 131         'en-gb': 'English (UK)',
 132         'en-us': 'English (USA',
 133         es: 'Spanish',
 134         //et: 'Estonia',
 135         fi: 'Finnish',
 136         //fo: 'Faroe Islands',
 137         fr: 'French',
 138         'fr-be': 'French (Belgium)',
 139         'fr-ca': 'French (Canada)',
 140         'fr-ch': 'French (Swiss)',
 141         //hr: 'Croatia',
 142         hu: 'Hungarian',
 143         is: 'Icelandic',
 144         it: 'Italian',
 145         ja: 'Japanese',
 146         lt: 'Lithuanian',
 147         //lv: 'Latvian',
 148         mk: 'Macedonian',
 149         nl: 'Dutch',
 150         //'nl-be': 'Dutch (Belgium)',
 151         no: 'Norwegian',
 152         pl: 'Polish',
 153         pt: 'Portuguese',
 154         'pt-br': 'Portuguese (Brazil)',
 155         //ru: 'Russian',
 156         si: 'Slovenian',
 157         sv: 'Swedish'
 158         //th: 'Thai',
 159         //tr: 'Turkish'
 160     },
 161
 162     kvm_vga_drivers: {
 163         std: 'Standard VGA',
 164         vmware: 'VMWare compatible',
 165         cirrus: 'Cirrus Logic GD5446'
 166     },
 167
 168     render_kvm_language: function (value) {
 169         if (!value) {
 170             return PVE.Utils.defaultText;
 171         }
 172         var text = PVE.Utils.kvm_keymaps[value];
 173         if (text) {
 174             return text + ' (' + value + ')';
 175         }
 176         return value;
 177     },
 178
 179     kvm_keymap_array: function() {
 180         var data = [['', PVE.Utils.render_kvm_language('')]];
 181         Ext.Object.each(PVE.Utils.kvm_keymaps, function(key, value) {
 182             data.push([key, PVE.Utils.render_kvm_language(value)]);
 183         });
 184
 185         return data;
 186     },
 187
 188     language_map: {
 189         ja: 'Japanese',
 190         en: 'English',
 191         de: 'German',
 192         es: 'Spanish',
 193         fr: 'French',
 194         sv: 'Swedish'
 195     },
 196
 197     render_language: function (value) {
 198         if (!value) {
 199             return PVE.Utils.defaultText + ' (English)';
 200         }
 201         var text = PVE.Utils.language_map[value];
 202         if (text) {
 203             return text + ' (' + value + ')';
 204         }
 205         return value;
 206     },
 207
 208     language_array: function() {
 209         var data = [['', PVE.Utils.render_language('')]];
 210         Ext.Object.each(PVE.Utils.language_map, function(key, value) {
 211             data.push([key, PVE.Utils.render_language(value)]);
 212         });
 213
 214         return data;
 215     },
 216
 217     render_kvm_vga_driver: function (value) {
 218         if (!value) {
 219             return PVE.Utils.defaultText;
 220         }
 221         var text = PVE.Utils.kvm_vga_drivers[value];
 222         if (text) {
 223             return text + ' (' + value + ')';
 224         }
 225         return value;
 226     },
 227
 228     kvm_vga_driver_array: function() {
 229         var data = [['', PVE.Utils.render_kvm_vga_driver('')]];
 230         Ext.Object.each(PVE.Utils.kvm_vga_drivers, function(key, value) {
 231             data.push([key, PVE.Utils.render_kvm_vga_driver(value)]);
 232         });
 233
 234         return data;
 235     },
 236
 237     authOK: function() {
 238         return Ext.util.Cookies.get('PVEAuthCookie');
 239     },
 240
 241     authClear: function() {
 242         Ext.util.Cookies.clear("PVEAuthCookie");
 243     },
 244
 245     // fixme: remove - not needed?
 246     gridLineHeigh: function() {
 247         return 21;
 248
 249         //if (Ext.isGecko)
 250         //return 23;
 251         //return 21;
 252     },
 253
 254     extractRequestError: function(result, verbose) {
 255         var msg = gettext('Successful');
 256
 257         if (!result.success) {
 258             msg = gettext("Unknown error");
 259             if (result.message) {
 260                 msg = result.message;
 261                 if (result.status) {
 262                     msg += ' (' + result.status + ')';
 263                 }
 264             }
 265             if (verbose && Ext.isObject(result.errors)) {
 266                 msg += "<br>";
 267                 Ext.Object.each(result.errors, function(prop, desc) {
 268                     msg += "<br><b>" + Ext.htmlEncode(prop) + "</b>: " +
 269                         Ext.htmlEncode(desc);
 270                 });
 271             }
 272         }
 273
 274         return msg;
 275     },
 276
 277     extractFormActionError: function(action) {
 278         var msg;
 279         switch (action.failureType) {
 280         case Ext.form.action.Action.CLIENT_INVALID:
 281             msg = gettext('Form fields may not be submitted with invalid values');
 282             break;
 283         case Ext.form.action.Action.CONNECT_FAILURE:
 284             msg = gettext('Connection error');
 285             var resp = action.response;
 286             if (resp.status && resp.statusText) {
 287                 msg += " " + resp.status + ": " + resp.statusText;
 288             }
 289             break;
 290         case Ext.form.action.Action.LOAD_FAILURE:
 291         case Ext.form.action.Action.SERVER_INVALID:
 292             msg = PVE.Utils.extractRequestError(action.result, true);
 293             break;
 294         }
 295         return msg;
 296     },
 297
 298     // Ext.Ajax.request
 299     API2Request: function(reqOpts) {
 300
 301         var newopts = Ext.apply({
 302             waitMsg: gettext('Please wait...')
 303         }, reqOpts);
 304
 305         if (!newopts.url.match(/^\/api2/)) {
 306             newopts.url = '/api2/extjs' + newopts.url;
 307         }
 308         delete newopts.callback;
 309
 310         var createWrapper = function(successFn, callbackFn, failureFn) {
 311             Ext.apply(newopts, {
 312                 success: function(response, options) {
 313                     if (options.waitMsgTarget) {
 314                         options.waitMsgTarget.setLoading(false);
 315                     }
 316                     var result = Ext.decode(response.responseText);
 317                     response.result = result;
 318                     if (!result.success) {
 319                         response.htmlStatus = PVE.Utils.extractRequestError(result, true);
 320                         Ext.callback(callbackFn, options.scope, [options, false, response]);
 321                         Ext.callback(failureFn, options.scope, [response, options]);
 322                         return;
 323                     }
 324                     Ext.callback(callbackFn, options.scope, [options, true, response]);
 325                     Ext.callback(successFn, options.scope, [response, options]);
 326                 },
 327                 failure: function(response, options) {
 328                     if (options.waitMsgTarget) {
 329                         options.waitMsgTarget.setLoading(false);
 330                     }
 331                     response.result = {};
 332                     try {
 333                         response.result = Ext.decode(response.responseText);
 334                     } catch(e) {}
 335                     var msg = gettext('Connection error') + ' - server offline?';
 336                     if (response.aborted) {
 337                         msg = gettext('Connection error') + ' - aborted.';
 338                     } else if (response.timedout) {
 339                         msg = gettext('Connection error') + ' - Timeout.';
 340                     } else if (response.status && response.statusText) {
 341                         msg = gettext('Connection error') + ' ' + response.status + ': ' + response.statusText;
 342                     }
 343                     response.htmlStatus = msg;
 344                     Ext.callback(callbackFn, options.scope, [options, false, response]);
 345                     Ext.callback(failureFn, options.scope, [response, options]);
 346                 }
 347             });
 348         };
 349
 350         createWrapper(reqOpts.success, reqOpts.callback, reqOpts.failure);
 351
 352         var target = newopts.waitMsgTarget;
 353         if (target) {
 354             // Note: ExtJS bug - this does not work when component is not rendered
 355             target.setLoading(newopts.waitMsg, true);
 356         }
 357         Ext.Ajax.request(newopts);
 358     },
 359
 360     assemble_field_data: function(values, data) {
 361         if (Ext.isObject(data)) {
 362             Ext.Object.each(data, function(name, val) {
 363                 if (values.hasOwnProperty(name)) {
 364                     var bucket = values[name];
 365                     if (!Ext.isArray(bucket)) {
 366                         bucket = values[name] = [bucket];
 367                     }
 368                     if (Ext.isArray(val)) {
 369                         values[name] = bucket.concat(val);
 370                     } else {
 371                         bucket.push(val);
 372                     }
 373                 } else {
 374                     values[name] = val;
 375                 }
 376             });
 377         }
 378     },
 379
 380     task_desc_table: {
 381         vncproxy: [ 'VM/CT', gettext('Console') ],
 382         vncshell: [ '', gettext('Shell') ],
 383         qmcreate: [ 'VM', gettext('Create') ],
 384         qmrestore: [ 'VM', gettext('Restore') ],
 385         qmdestroy: [ 'VM', gettext('Destroy') ],
 386         qmigrate: [ 'VM', gettext('Migrate') ],
 387         qmstart: [ 'VM', gettext('Start') ],
 388         qmstop: [ 'VM', gettext('Stop') ],
 389         qmreset: [ 'VM', gettext('Reset') ],
 390         qmshutdown: [ 'VM', gettext('Shutdown') ],
 391         qmsuspend: [ 'VM', gettext('Suspend') ],
 392         qmresume: [ 'VM', gettext('Resume') ],
 393         vzcreate: ['CT', gettext('Create') ],
 394         vzrestore: ['CT', gettext('Restore') ],
 395         vzdestroy: ['CT', gettext('Destroy') ],
 396         vzmigrate: [ 'CT', gettext('Migrate') ],
 397         vzstart: ['CT', gettext('Start') ],
 398         vzstop: ['CT', gettext('Stop') ],
 399         vzmount: ['CT', gettext('Mount') ],
 400         vzumount: ['CT', gettext('Unmount') ],
 401         vzshutdown: ['CT', gettext('Shutdown') ],
 402         srvstart: ['SRV', gettext('Start') ],
 403         srvstop: ['SRV', gettext('Stop') ],
 404         srvrestart: ['SRV', gettext('Restart') ],
 405         srvreload: ['SRV', gettext('Reload') ],
 406         imgcopy: ['', gettext('Copy data') ],
 407         imgdel: ['', gettext('Erase data') ],
 408         download: ['', gettext('Download') ],
 409         vzdump: ['', gettext('Backup') ]
 410     },
 411
 412     format_task_description: function(type, id) {
 413         var farray = PVE.Utils.task_desc_table[type];
 414         if (!farray) {
 415             return type;
 416         }
 417         var prefix = farray[0];
 418         var text = farray[1];
 419         if (prefix) {
 420             return prefix + ' ' + id + ' - ' + text;
 421         }
 422         return text;
 423     },
 424
 425     parse_task_upid: function(upid) {
 426         var task = {};
 427
 428         var res = upid.match(/^UPID:(\S+):([0-9A-Fa-f]{8}):([0-9A-Fa-f]{8}):([0-9A-Fa-f]{8}):([^:\s]+):([^:\s]*):([^:\s]+):$/);
 429         if (!res) {
 430             throw "unable to parse upid '" + upid + "'";
 431         }
 432         task.node = res[1];
 433         task.pid = parseInt(res[2], 16);
 434         task.pstart = parseInt(res[3], 16);
 435         task.starttime = parseInt(res[4], 16);
 436         task.type = res[5];
 437         task.id = res[6];
 438         task.user = res[7];
 439
 440         task.desc = PVE.Utils.format_task_description(task.type, task.id);
 441
 442         return task;
 443     },
 444
 445     format_size: function(size) {
 446         /*jslint confusion: true */
 447
 448         if (size < 1024) {
 449             return size;
 450         }
 451
 452         var kb = size / 1024;
 453
 454         if (kb < 1024) {
 455             return kb.toFixed(0) + "KB";
 456         }
 457
 458         var mb = size / (1024*1024);
 459
 460         if (mb < 1024) {
 461             return mb.toFixed(0) + "MB";
 462         }
 463
 464         var gb = mb / 1024;
 465
 466         if (gb < 1024) {
 467             return gb.toFixed(2) + "GB";
 468         }
 469
 470         var tb =  gb / 1024;
 471
 472         return tb.toFixed(2) + "TB";
 473
 474     },
 475
 476     format_html_bar: function(per, text) {
 477
 478         return "<div class='pve-bar-wrap'>" + text + "<div class='pve-bar-border'>" +
 479             "<div class='pve-bar-inner' style='width:" + per + "%;'></div>" +
 480             "</div></div>";
 481
 482     },
 483
 484     format_cpu_bar: function(per1, per2, text) {
 485
 486         return "<div class='pve-bar-border'>" +
 487             "<div class='pve-bar-inner' style='width:" + per1 + "%;'></div>" +
 488             "<div class='pve-bar-inner2' style='width:" + per2 + "%;'></div>" +
 489             "<div class='pve-bar-text'>" + text + "</div>" +
 490             "</div>";
 491     },
 492
 493     format_large_bar: function(per, text) {
 494
 495         if (!text) {
 496             text = per.toFixed(1) + "%";
 497         }
 498
 499         return "<div class='pve-largebar-border'>" +
 500             "<div class='pve-largebar-inner' style='width:" + per + "%;'></div>" +
 501             "<div class='pve-largebar-text'>" + text + "</div>" +
 502             "</div>";
 503     },
 504
 505     format_duration_long: function(ut) {
 506
 507         var days = Math.floor(ut / 86400);
 508         ut -= days*86400;
 509         var hours = Math.floor(ut / 3600);
 510         ut -= hours*3600;
 511         var mins = Math.floor(ut / 60);
 512         ut -= mins*60;
 513
 514         var hours_str = '00' + hours.toString();
 515         hours_str = hours_str.substr(hours_str.length - 2);
 516         var mins_str = "00" + mins.toString();
 517         mins_str = mins_str.substr(mins_str.length - 2);
 518         var ut_str = "00" + ut.toString();
 519         ut_str = ut_str.substr(ut_str.length - 2);
 520
 521         if (days) {
 522             var ds = days > 1 ? PVE.Utils.daysText : PVE.Utils.dayText;
 523             return days.toString() + ' ' + ds + ' ' +
 524                 hours_str + ':' + mins_str + ':' + ut_str;
 525         } else {
 526             return hours_str + ':' + mins_str + ':' + ut_str;
 527         }
 528     },
 529
 530     format_duration_short: function(ut) {
 531
 532         if (ut < 60) {
 533             return ut.toString() + 's';
 534         }
 535
 536         if (ut < 3600) {
 537             var mins = ut / 60;
 538             return mins.toFixed(0) + 'm';
 539         }
 540
 541         if (ut < 86400) {
 542             var hours = ut / 3600;
 543             return hours.toFixed(0) + 'h';
 544         }
 545
 546         var days = ut / 86400;
 547         return days.toFixed(0) + 'd';
 548     },
 549
 550     yesText: gettext('Yes'),
 551     noText: gettext('No'),
 552     errorText: gettext('Error'),
 553     unknownText: gettext('Unknown'),
 554     defaultText: gettext('Default'),
 555     daysText: gettext('days'),
 556     dayText: gettext('day'),
 557     runningText: gettext('running'),
 558     stoppedText: gettext('stopped'),
 559     neverText: gettext('never'),
 560
 561     format_expire: function(date) {
 562         if (!date) {
 563             return PVE.Utils.neverText;
 564         }
 565         return Ext.Date.format(date, "Y-m-d");
 566     },
 567
 568     format_storage_type: function(value) {
 569         if (value === 'dir') {
 570             return 'Directory';
 571         } else if (value === 'nfs') {
 572             return 'NFS';
 573         } else if (value === 'lvm') {
 574             return 'LVM';
 575         } else if (value === 'iscsi') {
 576             return 'iSCSI';
 577         } else {
 578             return PVE.Utils.unknownText;
 579         }
 580     },
 581
 582     format_boolean_with_default: function(value) {
 583         if (Ext.isDefined(value) && value !== '') {
 584             return value ? PVE.Utils.yesText : PVE.Utils.noText;
 585         }
 586         return PVE.Utils.defaultText;
 587     },
 588
 589     format_boolean: function(value) {
 590         return value ? PVE.Utils.yesText : PVE.Utils.noText;
 591     },
 592
 593     format_neg_boolean: function(value) {
 594         return !value ? PVE.Utils.yesText : PVE.Utils.noText;
 595     },
 596
 597     format_content_types: function(value) {
 598         var cta = [];
 599
 600         Ext.each(value.split(',').sort(), function(ct) {
 601             if (ct === 'images') {
 602                 cta.push('Images');
 603             } else if (ct === 'backup') {
 604                 cta.push('Backups');
 605             } else if (ct === 'vztmpl') {
 606                 cta.push('Templates');
 607             } else if (ct === 'iso') {
 608                 cta.push('ISO');
 609             } else if (ct === 'rootdir') {
 610                 cta.push('Containers');
 611             }
 612         });
 613
 614         return cta.join(', ');
 615     },
 616
 617     render_storage_content: function(value, metaData, record) {
 618         var data = record.data;
 619         if (Ext.isNumber(data.channel) &&
 620             Ext.isNumber(data.id) &&
 621             Ext.isNumber(data.lun)) {
 622             return "CH " +
 623                 Ext.String.leftPad(data.channel,2, '0') +
 624                 " ID " + data.id + " LUN " + data.lun;
 625         }
 626         return data.volid.replace(/^.*:(.*\/)?/,'');
 627     },
 628
 629     render_serverity: function (value) {
 630         return PVE.Utils.log_severity_hash[value] || value;
 631     },
 632
 633     render_cpu: function(value, metaData, record, rowIndex, colIndex, store) {
 634
 635         if (!(record.data.uptime && Ext.isNumeric(value))) {
 636             return '';
 637         }
 638
 639         var maxcpu = record.data.maxcpu || 1;
 640
 641         if (!Ext.isNumeric(maxcpu) && (maxcpu >= 1)) {
 642             return '';
 643         }
 644
 645         var per = value * 100;
 646
 647         return per.toFixed(1) + '% of ' + maxcpu.toString() + (maxcpu > 1 ? 'CPUs' : 'CPU');
 648     },
 649
 650     render_size: function(value, metaData, record, rowIndex, colIndex, store) {
 651         /*jslint confusion: true */
 652
 653         if (!Ext.isNumeric(value)) {
 654             return '';
 655         }
 656
 657         return PVE.Utils.format_size(value);
 658     },
 659
 660     render_timestamp: function(value, metaData, record, rowIndex, colIndex, store) {
 661         var servertime = new Date(value * 1000);
 662         return Ext.Date.format(servertime, 'Y-m-d H:i:s');
 663     },
 664
 665     render_mem_usage: function(value, metaData, record, rowIndex, colIndex, store) {
 666
 667         var mem = value;
 668         var maxmem = record.data.maxmem;
 669
 670         if (!record.data.uptime) {
 671             return '';
 672         }
 673
 674         if (!(Ext.isNumeric(mem) && maxmem)) {
 675             return '';
 676         }
 677
 678         var per = (mem * 100) / maxmem;
 679
 680         return per.toFixed(1) + '%';
 681     },
 682
 683     render_disk_usage: function(value, metaData, record, rowIndex, colIndex, store) {
 684
 685         var disk = value;
 686         var maxdisk = record.data.maxdisk;
 687
 688         if (!(Ext.isNumeric(disk) && maxdisk)) {
 689             return '';
 690         }
 691
 692         var per = (disk * 100) / maxdisk;
 693
 694         return per.toFixed(1) + '%';
 695     },
 696
 697     render_resource_type: function(value, metaData, record, rowIndex, colIndex, store) {
 698
 699         var cls = 'pve-itype-icon-' + value;
 700
 701         if (record.data.running) {
 702             metaData.tdCls = cls + "-running";
 703         } else {
 704             metaData.tdCls = cls;
 705         }
 706
 707         return value;
 708     },
 709
 710     render_uptime: function(value, metaData, record, rowIndex, colIndex, store) {
 711
 712         var uptime = value;
 713
 714         if (uptime === undefined) {
 715             return '';
 716         }
 717
 718         if (uptime <= 0) {
 719             return '-';
 720         }
 721
 722         return PVE.Utils.format_duration_long(uptime);
 723     },
 724
 725     render_upid: function(value, metaData, record) {
 726         var type = record.data.type;
 727         var id = record.data.id;
 728
 729         return PVE.Utils.format_task_description(type, id);
 730     },
 731
 732     dialog_title: function(subject, create, isAdd) {
 733         if (create) {
 734             if (isAdd) {
 735                 return gettext('Add') + ': ' + subject;
 736             } else {
 737                 return gettext('Create') + ': ' + subject;
 738             }
 739         } else {
 740             return gettext('Edit') + ': ' + subject;
 741         }
 742     },
 743
 744     openConoleWindow: function(vmtype, vmid, nodename, vmname) {
 745         var url = Ext.urlEncode({
 746             console: vmtype, // kvm, openvz or shell
 747             vmid: vmid,
 748             vmname: vmname,
 749             node: nodename
 750         });
 751         var nw = window.open("?" + url, '_blank',
 752                              "innerWidth=745,innerheight=427");
 753         nw.focus();
 754     },
 755
 756     // comp.setLoading() is buggy in ExtJS 4.0.7, so we
 757     // use el.mask() instead
 758     setErrorMask: function(comp, msg) {
 759         var el = comp.el;
 760         if (!el) {
 761             return;
 762         }
 763         if (!msg) {
 764             el.unmask();
 765         } else {
 766             if (msg === true) {
 767                 el.mask(gettext("Loading..."));
 768             } else {
 769                 el.mask(msg);
 770             }
 771         }
 772     },
 773
 774     monStoreErrors: function(me, store) {
 775         me.mon(store, 'beforeload', function(s, operation, eOpts) {
 776             if (!me.loadCount) {
 777                 me.loadCount = 0; // make sure it is numeric
 778                 PVE.Utils.setErrorMask(me, true);
 779             }
 780         });
 781
 782         // only works with 'pve' proxy
 783         me.mon(store.proxy, 'afterload', function(proxy, request, success) {
 784             me.loadCount++;
 785
 786             if (success) {
 787                 PVE.Utils.setErrorMask(me, false);
 788                 return;
 789             }
 790
 791             var msg;
 792             var operation = request.operation;
 793             var error = operation.getError();
 794             if (error.statusText) {
 795                 msg = error.statusText + ' (' + error.status + ')';
 796             } else {
 797                 msg = gettext('Connection error');
 798             }
 799             PVE.Utils.setErrorMask(me, msg);
 800         });
 801     }
 802
 803 }});
 804