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