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