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