src/Utils.js

   1 Ext.ns('Proxmox');
   2 Ext.ns('Proxmox.Setup');
   3
   4 if (!Ext.isDefined(Proxmox.Setup.auth_cookie_name)) {
   5     throw "Proxmox library not initialized";
   6 }
   7
   8 // avoid errors when running without development tools
   9 if (!Ext.isDefined(Ext.global.console)) {
  10     let console = {
  11         dir: function() {
  12             // do nothing
  13         },
  14         log: function() {
  15             // do nothing
  16         },
  17         warn: function() {
  18             // do nothing
  19         },
  20     };
  21     Ext.global.console = console;
  22 }
  23
  24 Ext.Ajax.defaultHeaders = {
  25     'Accept': 'application/json',
  26 };
  27
  28 Ext.Ajax.on('beforerequest', function(conn, options) {
  29     if (Proxmox.CSRFPreventionToken) {
  30         if (!options.headers) {
  31             options.headers = {};
  32         }
  33         options.headers.CSRFPreventionToken = Proxmox.CSRFPreventionToken;
  34     }
  35     let storedAuth = Proxmox.Utils.getStoredAuth();
  36     if (storedAuth.token) {
  37         options.headers.Authorization = storedAuth.token;
  38     }
  39 });
  40
  41 Ext.define('Proxmox.Utils', { // a singleton
  42 utilities: {
  43
  44     yesText: gettext('Yes'),
  45     noText: gettext('No'),
  46     enabledText: gettext('Enabled'),
  47     disabledText: gettext('Disabled'),
  48     noneText: gettext('none'),
  49     NoneText: gettext('None'),
  50     errorText: gettext('Error'),
  51     warningsText: gettext('Warnings'),
  52     unknownText: gettext('Unknown'),
  53     defaultText: gettext('Default'),
  54     daysText: gettext('days'),
  55     dayText: gettext('day'),
  56     runningText: gettext('running'),
  57     stoppedText: gettext('stopped'),
  58     neverText: gettext('never'),
  59     totalText: gettext('Total'),
  60     usedText: gettext('Used'),
  61     directoryText: gettext('Directory'),
  62     stateText: gettext('State'),
  63     groupText: gettext('Group'),
  64
  65     language_map: {
  66         ar: 'Arabic',
  67         ca: 'Catalan',
  68         zh_CN: 'Chinese (Simplified)',
  69         zh_TW: 'Chinese (Traditional)',
  70         da: 'Danish',
  71         nl: 'Dutch',
  72         en: 'English',
  73         eu: 'Euskera (Basque)',
  74         fr: 'French',
  75         de: 'German',
  76         he: 'Hebrew',
  77         it: 'Italian',
  78         ja: 'Japanese',
  79         kr: 'Korean',
  80         nb: 'Norwegian (Bokmal)',
  81         nn: 'Norwegian (Nynorsk)',
  82         fa: 'Persian (Farsi)',
  83         pl: 'Polish',
  84         pt_BR: 'Portuguese (Brazil)',
  85         ru: 'Russian',
  86         sl: 'Slovenian',
  87         es: 'Spanish',
  88         sv: 'Swedish',
  89         tr: 'Turkish',
  90     },
  91
  92     render_language: function(value) {
  93         if (!value) {
  94             return Proxmox.Utils.defaultText + ' (English)';
  95         }
  96         let text = Proxmox.Utils.language_map[value];
  97         if (text) {
  98             return text + ' (' + value + ')';
  99         }
 100         return value;
 101     },
 102
 103     language_array: function() {
 104         let data = [['__default__', Proxmox.Utils.render_language('')]];
 105         Ext.Object.each(Proxmox.Utils.language_map, function(key, value) {
 106             data.push([key, Proxmox.Utils.render_language(value)]);
 107         });
 108
 109         return data;
 110     },
 111
 112     bond_mode_gettext_map: {
 113         '802.3ad': 'LACP (802.3ad)',
 114         'lacp-balance-slb': 'LACP (balance-slb)',
 115         'lacp-balance-tcp': 'LACP (balance-tcp)',
 116     },
 117
 118     render_bond_mode: value => Proxmox.Utils.bond_mode_gettext_map[value] || value || '',
 119
 120     bond_mode_array: function(modes) {
 121         return modes.map(mode => [mode, Proxmox.Utils.render_bond_mode(mode)]);
 122     },
 123
 124     getNoSubKeyHtml: function(url) {
 125         // url http://www.proxmox.com/products/proxmox-ve/subscription-service-plans
 126         return Ext.String.format('You do not have a valid subscription for this server. Please visit <a target="_blank" href="{0}">www.proxmox.com</a> to get a list of available options.', url || 'https://www.proxmox.com');
 127     },
 128
 129     format_boolean_with_default: function(value) {
 130         if (Ext.isDefined(value) && value !== '__default__') {
 131             return value ? Proxmox.Utils.yesText : Proxmox.Utils.noText;
 132         }
 133         return Proxmox.Utils.defaultText;
 134     },
 135
 136     format_boolean: function(value) {
 137         return value ? Proxmox.Utils.yesText : Proxmox.Utils.noText;
 138     },
 139
 140     format_neg_boolean: function(value) {
 141         return !value ? Proxmox.Utils.yesText : Proxmox.Utils.noText;
 142     },
 143
 144     format_enabled_toggle: function(value) {
 145         return value ? Proxmox.Utils.enabledText : Proxmox.Utils.disabledText;
 146     },
 147
 148     format_expire: function(date) {
 149         if (!date) {
 150             return Proxmox.Utils.neverText;
 151         }
 152         return Ext.Date.format(date, "Y-m-d");
 153     },
 154
 155     // somewhat like a human would tell durations, omit zero values and do not
 156     // give seconds precision if we talk days already
 157     format_duration_human: function(ut) {
 158         let seconds = 0, minutes = 0, hours = 0, days = 0;
 159
 160         if (ut <= 0.1) {
 161             return '<0.1s';
 162         }
 163
 164         let remaining = ut;
 165         seconds = Number((remaining % 60).toFixed(1));
 166         remaining = Math.trunc(remaining / 60);
 167         if (remaining > 0) {
 168             minutes = remaining % 60;
 169             remaining = Math.trunc(remaining / 60);
 170             if (remaining > 0) {
 171                 hours = remaining % 24;
 172                 remaining = Math.trunc(remaining / 24);
 173                 if (remaining > 0) {
 174                     days = remaining;
 175                 }
 176             }
 177         }
 178
 179         let res = [];
 180         let add = (t, unit) => {
 181             if (t > 0) res.push(t + unit);
 182             return t > 0;
 183         };
 184
 185         let addSeconds = !add(days, 'd');
 186         add(hours, 'h');
 187         add(minutes, 'm');
 188         if (addSeconds) {
 189             add(seconds, 's');
 190         }
 191         return res.join(' ');
 192     },
 193
 194     format_duration_long: function(ut) {
 195         let days = Math.floor(ut / 86400);
 196         ut -= days*86400;
 197         let hours = Math.floor(ut / 3600);
 198         ut -= hours*3600;
 199         let mins = Math.floor(ut / 60);
 200         ut -= mins*60;
 201
 202         let hours_str = '00' + hours.toString();
 203         hours_str = hours_str.substr(hours_str.length - 2);
 204         let mins_str = "00" + mins.toString();
 205         mins_str = mins_str.substr(mins_str.length - 2);
 206         let ut_str = "00" + ut.toString();
 207         ut_str = ut_str.substr(ut_str.length - 2);
 208
 209         if (days) {
 210             let ds = days > 1 ? Proxmox.Utils.daysText : Proxmox.Utils.dayText;
 211             return days.toString() + ' ' + ds + ' ' +
 212                 hours_str + ':' + mins_str + ':' + ut_str;
 213         } else {
 214             return hours_str + ':' + mins_str + ':' + ut_str;
 215         }
 216     },
 217
 218     format_subscription_level: function(level) {
 219         if (level === 'c') {
 220             return 'Community';
 221         } else if (level === 'b') {
 222             return 'Basic';
 223         } else if (level === 's') {
 224             return 'Standard';
 225         } else if (level === 'p') {
 226             return 'Premium';
 227         } else {
 228             return Proxmox.Utils.noneText;
 229         }
 230     },
 231
 232     compute_min_label_width: function(text, width) {
 233         if (width === undefined) { width = 100; }
 234
 235         let tm = new Ext.util.TextMetrics();
 236         let min = tm.getWidth(text + ':');
 237
 238         return min < width ? width : min;
 239     },
 240
 241     getStoredAuth: function() {
 242         let storedAuth = JSON.parse(window.localStorage.getItem('ProxmoxUser'));
 243         return storedAuth || {};
 244     },
 245
 246     setAuthData: function(data) {
 247         Proxmox.UserName = data.username;
 248         Proxmox.LoggedOut = data.LoggedOut;
 249         // creates a session cookie (expire = null)
 250         // that way the cookie gets deleted after the browser window is closed
 251         if (data.ticket) {
 252             Proxmox.CSRFPreventionToken = data.CSRFPreventionToken;
 253             Ext.util.Cookies.set(Proxmox.Setup.auth_cookie_name, data.ticket, null, '/', null, true);
 254         }
 255
 256         if (data.token) {
 257             window.localStorage.setItem('ProxmoxUser', JSON.stringify(data));
 258         }
 259     },
 260
 261     authOK: function() {
 262         if (Proxmox.LoggedOut) {
 263             return undefined;
 264         }
 265         let storedAuth = Proxmox.Utils.getStoredAuth();
 266         let cookie = Ext.util.Cookies.get(Proxmox.Setup.auth_cookie_name);
 267         if ((Proxmox.UserName !== '' && cookie && !cookie.startsWith("PVE:tfa!")) || storedAuth.token) {
 268             return cookie || storedAuth.token;
 269         } else {
 270             return false;
 271         }
 272     },
 273
 274     authClear: function() {
 275         if (Proxmox.LoggedOut) {
 276             return;
 277         }
 278         Ext.util.Cookies.clear(Proxmox.Setup.auth_cookie_name);
 279         window.localStorage.removeItem("ProxmoxUser");
 280     },
 281
 282     // comp.setLoading() is buggy in ExtJS 4.0.7, so we
 283     // use el.mask() instead
 284     setErrorMask: function(comp, msg) {
 285         let el = comp.el;
 286         if (!el) {
 287             return;
 288         }
 289         if (!msg) {
 290             el.unmask();
 291         } else if (msg === true) {
 292             el.mask(gettext("Loading..."));
 293         } else {
 294             el.mask(msg);
 295         }
 296     },
 297
 298     getResponseErrorMessage: (err) => {
 299         if (!err.statusText) {
 300             return gettext('Connection error');
 301         }
 302         let msg = [`${err.statusText} (${err.status})`];
 303         if (err.response && err.response.responseText) {
 304             let txt = err.response.responseText;
 305             try {
 306                 let res = JSON.parse(txt);
 307                 if (res.errors && typeof res.errors === 'object') {
 308                     for (let [key, value] of Object.entries(res.errors)) {
 309                         msg.push(Ext.String.htmlEncode(`${key}: ${value}`));
 310                     }
 311                 }
 312             } catch (e) {
 313                 // fallback to string
 314                 msg.push(Ext.String.htmlEncode(txt));
 315             }
 316         }
 317         return msg.join('<br>');
 318     },
 319
 320     monStoreErrors: function(component, store, clearMaskBeforeLoad, errorCallback) {
 321         if (clearMaskBeforeLoad) {
 322             component.mon(store, 'beforeload', function(s, operation, eOpts) {
 323                 Proxmox.Utils.setErrorMask(component, false);
 324             });
 325         } else {
 326             component.mon(store, 'beforeload', function(s, operation, eOpts) {
 327                 if (!component.loadCount) {
 328                     component.loadCount = 0; // make sure it is nucomponent.ic
 329                     Proxmox.Utils.setErrorMask(component, true);
 330                 }
 331             });
 332         }
 333
 334         // only works with 'proxmox' proxy
 335         component.mon(store.proxy, 'afterload', function(proxy, request, success) {
 336             component.loadCount++;
 337
 338             if (success) {
 339                 Proxmox.Utils.setErrorMask(component, false);
 340                 return;
 341             }
 342
 343             let error = request._operation.getError();
 344             let msg = Proxmox.Utils.getResponseErrorMessage(error);
 345             if (!errorCallback || !errorCallback(error, msg)) {
 346                 Proxmox.Utils.setErrorMask(component, msg);
 347             }
 348         });
 349     },
 350
 351     extractRequestError: function(result, verbose) {
 352         let msg = gettext('Successful');
 353
 354         if (!result.success) {
 355             msg = gettext("Unknown error");
 356             if (result.message) {
 357                 msg = result.message;
 358                 if (result.status) {
 359                     msg += ' (' + result.status + ')';
 360                 }
 361             }
 362             if (verbose && Ext.isObject(result.errors)) {
 363                 msg += "<br>";
 364                 Ext.Object.each(result.errors, function(prop, desc) {
 365                     msg += "<br><b>" + Ext.htmlEncode(prop) + "</b>: " +
 366                         Ext.htmlEncode(desc);
 367                 });
 368             }
 369         }
 370
 371         return msg;
 372     },
 373
 374     // Ext.Ajax.request
 375     API2Request: function(reqOpts) {
 376         let newopts = Ext.apply({
 377             waitMsg: gettext('Please wait...'),
 378         }, reqOpts);
 379
 380         if (!newopts.url.match(/^\/api2/)) {
 381             newopts.url = '/api2/extjs' + newopts.url;
 382         }
 383         delete newopts.callback;
 384
 385         let createWrapper = function(successFn, callbackFn, failureFn) {
 386             Ext.apply(newopts, {
 387                 success: function(response, options) {
 388                     if (options.waitMsgTarget) {
 389                         if (Proxmox.Utils.toolkit === 'touch') {
 390                             options.waitMsgTarget.setMasked(false);
 391                         } else {
 392                             options.waitMsgTarget.setLoading(false);
 393                         }
 394                     }
 395                     let result = Ext.decode(response.responseText);
 396                     response.result = result;
 397                     if (!result.success) {
 398                         response.htmlStatus = Proxmox.Utils.extractRequestError(result, true);
 399                         Ext.callback(callbackFn, options.scope, [options, false, response]);
 400                         Ext.callback(failureFn, options.scope, [response, options]);
 401                         return;
 402                     }
 403                     Ext.callback(callbackFn, options.scope, [options, true, response]);
 404                     Ext.callback(successFn, options.scope, [response, options]);
 405                 },
 406                 failure: function(response, options) {
 407                     if (options.waitMsgTarget) {
 408                         if (Proxmox.Utils.toolkit === 'touch') {
 409                             options.waitMsgTarget.setMasked(false);
 410                         } else {
 411                             options.waitMsgTarget.setLoading(false);
 412                         }
 413                     }
 414                     response.result = {};
 415                     try {
 416                         response.result = Ext.decode(response.responseText);
 417                     } catch (e) {
 418                         // ignore
 419                     }
 420                     let msg = gettext('Connection error') + ' - server offline?';
 421                     if (response.aborted) {
 422                         msg = gettext('Connection error') + ' - aborted.';
 423                     } else if (response.timedout) {
 424                         msg = gettext('Connection error') + ' - Timeout.';
 425                     } else if (response.status && response.statusText) {
 426                         msg = gettext('Connection error') + ' ' + response.status + ': ' + response.statusText;
 427                     }
 428                     response.htmlStatus = msg;
 429                     Ext.callback(callbackFn, options.scope, [options, false, response]);
 430                     Ext.callback(failureFn, options.scope, [response, options]);
 431                 },
 432             });
 433         };
 434
 435         createWrapper(reqOpts.success, reqOpts.callback, reqOpts.failure);
 436
 437         let target = newopts.waitMsgTarget;
 438         if (target) {
 439             if (Proxmox.Utils.toolkit === 'touch') {
 440                 target.setMasked({ xtype: 'loadmask', message: newopts.waitMsg });
 441             } else {
 442                 // Note: ExtJS bug - this does not work when component is not rendered
 443                 target.setLoading(newopts.waitMsg);
 444             }
 445         }
 446         Ext.Ajax.request(newopts);
 447     },
 448
 449     // can be useful for catching displaying errors from the API, e.g.:
 450     // Proxmox.Async.api2({
 451     //     ...
 452     // }).catch(Proxmox.Utils.alertResponseFailure);
 453     alertResponseFailure: (response) => {
 454         Ext.Msg.alert(
 455             gettext('Error'),
 456             response.htmlStatus || response.result.message,
 457         );
 458     },
 459
 460     checked_command: function(orig_cmd) {
 461         Proxmox.Utils.API2Request(
 462             {
 463                 url: '/nodes/localhost/subscription',
 464                 method: 'GET',
 465                 failure: function(response, opts) {
 466                     Ext.Msg.alert(gettext('Error'), response.htmlStatus);
 467                 },
 468                 success: function(response, opts) {
 469                     let res = response.result;
 470                     if (res === null || res === undefined || !res || res
 471                         .data.status.toLowerCase() !== 'active') {
 472                         Ext.Msg.show({
 473                             title: gettext('No valid subscription'),
 474                             icon: Ext.Msg.WARNING,
 475                             message: Proxmox.Utils.getNoSubKeyHtml(res.data.url),
 476                             buttons: Ext.Msg.OK,
 477                             callback: function(btn) {
 478                                 if (btn !== 'ok') {
 479                                     return;
 480                                 }
 481                                 orig_cmd();
 482                             },
 483                         });
 484                     } else {
 485                         orig_cmd();
 486                     }
 487                 },
 488             },
 489         );
 490     },
 491
 492     assemble_field_data: function(values, data) {
 493         if (!Ext.isObject(data)) {
 494             return;
 495         }
 496         Ext.Object.each(data, function(name, val) {
 497             if (Object.prototype.hasOwnProperty.call(values, name)) {
 498                 let bucket = values[name];
 499                 if (!Ext.isArray(bucket)) {
 500                     bucket = values[name] = [bucket];
 501                 }
 502                 if (Ext.isArray(val)) {
 503                     values[name] = bucket.concat(val);
 504                 } else {
 505                     bucket.push(val);
 506                 }
 507             } else {
 508                 values[name] = val;
 509             }
 510         });
 511     },
 512
 513     updateColumnWidth: function(container) {
 514         let mode = Ext.state.Manager.get('summarycolumns') || 'auto';
 515         let factor;
 516         if (mode !== 'auto') {
 517             factor = parseInt(mode, 10);
 518             if (Number.isNaN(factor)) {
 519                 factor = 1;
 520             }
 521         } else {
 522             factor = container.getSize().width < 1600 ? 1 : 2;
 523         }
 524
 525         if (container.oldFactor === factor) {
 526             return;
 527         }
 528
 529         let items = container.query('>'); // direct childs
 530         factor = Math.min(factor, items.length);
 531         container.oldFactor = factor;
 532
 533         items.forEach((item) => {
 534             item.columnWidth = 1 / factor;
 535         });
 536
 537         // we have to update the layout twice, since the first layout change
 538         // can trigger the scrollbar which reduces the amount of space left
 539         container.updateLayout();
 540         container.updateLayout();
 541     },
 542
 543     dialog_title: function(subject, create, isAdd) {
 544         if (create) {
 545             if (isAdd) {
 546                 return gettext('Add') + ': ' + subject;
 547             } else {
 548                 return gettext('Create') + ': ' + subject;
 549             }
 550         } else {
 551             return gettext('Edit') + ': ' + subject;
 552         }
 553     },
 554
 555     network_iface_types: {
 556         eth: gettext("Network Device"),
 557         bridge: 'Linux Bridge',
 558         bond: 'Linux Bond',
 559         vlan: 'Linux VLAN',
 560         OVSBridge: 'OVS Bridge',
 561         OVSBond: 'OVS Bond',
 562         OVSPort: 'OVS Port',
 563         OVSIntPort: 'OVS IntPort',
 564     },
 565
 566     render_network_iface_type: function(value) {
 567         return Proxmox.Utils.network_iface_types[value] ||
 568             Proxmox.Utils.unknownText;
 569     },
 570
 571     task_desc_table: {
 572         aptupdate: ['', gettext('Update package database')],
 573         diskinit: ['Disk', gettext('Initialize Disk with GPT')],
 574         spiceshell: ['', gettext('Shell') + ' (Spice)'],
 575         srvreload: ['SRV', gettext('Reload')],
 576         srvrestart: ['SRV', gettext('Restart')],
 577         srvstart: ['SRV', gettext('Start')],
 578         srvstop: ['SRV', gettext('Stop')],
 579         termproxy: ['', gettext('Console') + ' (xterm.js)'],
 580         vncshell: ['', gettext('Shell')],
 581     },
 582
 583     // to add or change existing for product specific ones
 584     override_task_descriptions: function(extra) {
 585         for (const [key, value] of Object.entries(extra)) {
 586             Proxmox.Utils.task_desc_table[key] = value;
 587         }
 588     },
 589
 590     format_task_description: function(type, id) {
 591         let farray = Proxmox.Utils.task_desc_table[type];
 592         let text;
 593         if (!farray) {
 594             text = type;
 595             if (id) {
 596                 type += ' ' + id;
 597             }
 598             return text;
 599         } else if (Ext.isFunction(farray)) {
 600             return farray(type, id);
 601         }
 602         let prefix = farray[0];
 603         text = farray[1];
 604         if (prefix && id !== undefined) {
 605             return prefix + ' ' + id + ' - ' + text;
 606         }
 607         return text;
 608     },
 609
 610     format_size: function(size) {
 611         let units = ['', 'Ki', 'Mi', 'Gi', 'Ti', 'Pi', 'Ei', 'Zi', 'Yi'];
 612         let num = 0;
 613         while (size >= 1024 && num++ <= units.length) {
 614             size = size / 1024;
 615         }
 616
 617         return size.toFixed(num > 0?2:0) + " " + units[num] + "B";
 618     },
 619
 620     render_upid: function(value, metaData, record) {
 621         let task = record.data;
 622         let type = task.type || task.worker_type;
 623         let id = task.id || task.worker_id;
 624
 625         return Proxmox.Utils.format_task_description(type, id);
 626     },
 627
 628     render_uptime: function(value) {
 629         let uptime = value;
 630
 631         if (uptime === undefined) {
 632             return '';
 633         }
 634
 635         if (uptime <= 0) {
 636             return '-';
 637         }
 638
 639         return Proxmox.Utils.format_duration_long(uptime);
 640     },
 641
 642     systemd_unescape: function(string_value) {
 643         const charcode_0 = '0'.charCodeAt(0);
 644         const charcode_9 = '9'.charCodeAt(0);
 645         const charcode_A = 'A'.charCodeAt(0);
 646         const charcode_F = 'F'.charCodeAt(0);
 647         const charcode_a = 'a'.charCodeAt(0);
 648         const charcode_f = 'f'.charCodeAt(0);
 649         const charcode_x = 'x'.charCodeAt(0);
 650         const charcode_minus = '-'.charCodeAt(0);
 651         const charcode_slash = '/'.charCodeAt(0);
 652         const charcode_backslash = '\\'.charCodeAt(0);
 653
 654         let parse_hex_digit = function(d) {
 655             if (d >= charcode_0 && d <= charcode_9) {
 656                 return d - charcode_0;
 657             }
 658             if (d >= charcode_A && d <= charcode_F) {
 659                 return d - charcode_A + 10;
 660             }
 661             if (d >= charcode_a && d <= charcode_f) {
 662                 return d - charcode_a + 10;
 663             }
 664             throw "got invalid hex digit";
 665         };
 666
 667         let value = new TextEncoder().encode(string_value);
 668         let result = new Uint8Array(value.length);
 669
 670         let i = 0;
 671         let result_len = 0;
 672
 673         while (i < value.length) {
 674             let c0 = value[i];
 675             if (c0 === charcode_minus) {
 676                 result.set([charcode_slash], result_len);
 677                 result_len += 1;
 678                 i += 1;
 679                 continue;
 680             }
 681             if ((i + 4) < value.length) {
 682                 let c1 = value[i+1];
 683                 if (c0 === charcode_backslash && c1 === charcode_x) {
 684                     let h1 = parse_hex_digit(value[i+2]);
 685                     let h0 = parse_hex_digit(value[i+3]);
 686                     let ord = h1*16+h0;
 687                     result.set([ord], result_len);
 688                     result_len += 1;
 689                     i += 4;
 690                     continue;
 691                 }
 692             }
 693             result.set([c0], result_len);
 694             result_len += 1;
 695             i += 1;
 696         }
 697
 698         return new TextDecoder().decode(result.slice(0, result.len));
 699     },
 700
 701     parse_task_upid: function(upid) {
 702         let task = {};
 703
 704         let res = upid.match(/^UPID:([^\s:]+):([0-9A-Fa-f]{8}):([0-9A-Fa-f]{8,9}):(([0-9A-Fa-f]{8,16}):)?([0-9A-Fa-f]{8}):([^:\s]+):([^:\s]*):([^:\s]+):$/);
 705         if (!res) {
 706             throw "unable to parse upid '" + upid + "'";
 707         }
 708         task.node = res[1];
 709         task.pid = parseInt(res[2], 16);
 710         task.pstart = parseInt(res[3], 16);
 711         if (res[5] !== undefined) {
 712             task.task_id = parseInt(res[5], 16);
 713         }
 714         task.starttime = parseInt(res[6], 16);
 715         task.type = res[7];
 716         task.id = Proxmox.Utils.systemd_unescape(res[8]);
 717         task.user = res[9];
 718
 719         task.desc = Proxmox.Utils.format_task_description(task.type, task.id);
 720
 721         return task;
 722     },
 723
 724     parse_task_status: function(status) {
 725         if (status === 'OK') {
 726             return 'ok';
 727         }
 728
 729         if (status === 'unknown') {
 730             return 'unknown';
 731         }
 732
 733         let match = status.match(/^WARNINGS: (.*)$/);
 734         if (match) {
 735             return 'warning';
 736         }
 737
 738         return 'error';
 739     },
 740
 741     render_duration: function(value) {
 742         if (value === undefined) {
 743             return '-';
 744         }
 745         return Proxmox.Utils.format_duration_human(value);
 746     },
 747
 748     render_timestamp: function(value, metaData, record, rowIndex, colIndex, store) {
 749         let servertime = new Date(value * 1000);
 750         return Ext.Date.format(servertime, 'Y-m-d H:i:s');
 751     },
 752
 753     render_zfs_health: function(value) {
 754         if (typeof value === 'undefined') {
 755             return "";
 756         }
 757         var iconCls = 'question-circle';
 758         switch (value) {
 759             case 'AVAIL':
 760             case 'ONLINE':
 761                 iconCls = 'check-circle good';
 762                 break;
 763             case 'REMOVED':
 764             case 'DEGRADED':
 765                 iconCls = 'exclamation-circle warning';
 766                 break;
 767             case 'UNAVAIL':
 768             case 'FAULTED':
 769             case 'OFFLINE':
 770                 iconCls = 'times-circle critical';
 771                 break;
 772             default: //unknown
 773         }
 774
 775         return '<i class="fa fa-' + iconCls + '"></i> ' + value;
 776     },
 777
 778     get_help_info: function(section) {
 779         let helpMap;
 780         if (typeof proxmoxOnlineHelpInfo !== 'undefined') {
 781             helpMap = proxmoxOnlineHelpInfo; // eslint-disable-line no-undef
 782         } else if (typeof pveOnlineHelpInfo !== 'undefined') {
 783             // be backward compatible with older pve-doc-generators
 784             helpMap = pveOnlineHelpInfo; // eslint-disable-line no-undef
 785         } else {
 786             throw "no global OnlineHelpInfo map declared";
 787         }
 788
 789         if (helpMap[section]) {
 790             return helpMap[section];
 791         }
 792         // try to normalize - and _ separators, to support asciidoc and sphinx
 793         // references at the same time.
 794         let section_minus_normalized = section.replace(/_/g, '-');
 795         if (helpMap[section_minus_normalized]) {
 796             return helpMap[section_minus_normalized];
 797         }
 798         let section_underscore_normalized = section.replace(/-/g, '_');
 799         return helpMap[section_underscore_normalized];
 800     },
 801
 802     get_help_link: function(section) {
 803         let info = Proxmox.Utils.get_help_info(section);
 804         if (!info) {
 805             return undefined;
 806         }
 807         return window.location.origin + info.link;
 808     },
 809
 810     openXtermJsViewer: function(vmtype, vmid, nodename, vmname, cmd) {
 811         let url = Ext.Object.toQueryString({
 812             console: vmtype, // kvm, lxc, upgrade or shell
 813             xtermjs: 1,
 814             vmid: vmid,
 815             vmname: vmname,
 816             node: nodename,
 817             cmd: cmd,
 818
 819         });
 820         let nw = window.open("?" + url, '_blank', 'toolbar=no,location=no,status=no,menubar=no,resizable=yes,width=800,height=420');
 821         if (nw) {
 822             nw.focus();
 823         }
 824     },
 825
 826     render_optional_url: function(value) {
 827         if (value && value.match(/^https?:\/\//) !== null) {
 828             return '<a target="_blank" href="' + value + '">' + value + '</a>';
 829         }
 830         return value;
 831     },
 832
 833     render_san: function(value) {
 834         var names = [];
 835         if (Ext.isArray(value)) {
 836             value.forEach(function(val) {
 837                 if (!Ext.isNumber(val)) {
 838                     names.push(val);
 839                 }
 840             });
 841             return names.join('<br>');
 842         }
 843         return value;
 844     },
 845
 846     render_usage: val => (val*100).toFixed(2) + '%',
 847
 848     render_cpu_usage: function(val, max) {
 849         return Ext.String.format(
 850             `${gettext('{0}% of {1}')} ${gettext('CPU(s)')}`,
 851             (val*100).toFixed(2),
 852             max,
 853         );
 854     },
 855
 856     render_size_usage: function(val, max) {
 857         if (max === 0) {
 858             return gettext('N/A');
 859         }
 860         return (val*100/max).toFixed(2) + '% (' +
 861             Ext.String.format(gettext('{0} of {1}'),
 862             Proxmox.Utils.render_size(val), Proxmox.Utils.render_size(max)) + ')';
 863     },
 864
 865     render_cpu: function(value, metaData, record, rowIndex, colIndex, store) {
 866         if (!(record.data.uptime && Ext.isNumeric(value))) {
 867             return '';
 868         }
 869
 870         let maxcpu = record.data.maxcpu || 1;
 871         if (!Ext.isNumeric(maxcpu) || maxcpu < 1) {
 872             return '';
 873         }
 874         let cpuText = maxcpu > 1 ? 'CPUs' : 'CPU';
 875         let ratio = (value * 100).toFixed(1);
 876         return `${ratio}% of ${maxcpu.toString()} ${cpuText}`;
 877     },
 878
 879     render_size: function(value, metaData, record, rowIndex, colIndex, store) {
 880         if (!Ext.isNumeric(value)) {
 881             return '';
 882         }
 883         return Proxmox.Utils.format_size(value);
 884     },
 885
 886     render_cpu_model: function(cpu) {
 887         let socketText = cpu.sockets > 1 ? gettext('Sockets') : gettext('Socket');
 888         return `${cpu.cpus} x ${cpu.model} (${cpu.sockets.toString()} ${socketText})`;
 889     },
 890
 891     /* this is different for nodes */
 892     render_node_cpu_usage: function(value, record) {
 893         return Proxmox.Utils.render_cpu_usage(value, record.cpus);
 894     },
 895
 896     render_node_size_usage: function(record) {
 897         return Proxmox.Utils.render_size_usage(record.used, record.total);
 898     },
 899
 900     loadTextFromFile: function(file, callback, maxBytes) {
 901         let maxSize = maxBytes || 8192;
 902         if (file.size > maxSize) {
 903             Ext.Msg.alert(gettext('Error'), gettext("Invalid file size: ") + file.size);
 904             return;
 905         }
 906         let reader = new FileReader();
 907         reader.onload = evt => callback(evt.target.result);
 908         reader.readAsText(file);
 909     },
 910
 911     parsePropertyString: function(value, defaultKey) {
 912         var res = {},
 913             error;
 914
 915         if (typeof value !== 'string' || value === '') {
 916             return res;
 917         }
 918
 919         Ext.Array.each(value.split(','), function(p) {
 920             var kv = p.split('=', 2);
 921             if (Ext.isDefined(kv[1])) {
 922                 res[kv[0]] = kv[1];
 923             } else if (Ext.isDefined(defaultKey)) {
 924                 if (Ext.isDefined(res[defaultKey])) {
 925                     error = 'defaultKey may be only defined once in propertyString';
 926                     return false; // break
 927                 }
 928                 res[defaultKey] = kv[0];
 929             } else {
 930                 error = 'invalid propertyString, not a key=value pair and no defaultKey defined';
 931                 return false; // break
 932             }
 933             return true;
 934         });
 935
 936         if (error !== undefined) {
 937             console.error(error);
 938             return undefined;
 939         }
 940
 941         return res;
 942     },
 943
 944     printPropertyString: function(data, defaultKey) {
 945         var stringparts = [],
 946             gotDefaultKeyVal = false,
 947             defaultKeyVal;
 948
 949         Ext.Object.each(data, function(key, value) {
 950             if (defaultKey !== undefined && key === defaultKey) {
 951                 gotDefaultKeyVal = true;
 952                 defaultKeyVal = value;
 953             } else if (Ext.isArray(value)) {
 954                 stringparts.push(key + '=' + value.join(';'));
 955             } else if (value !== '') {
 956                 stringparts.push(key + '=' + value);
 957             }
 958         });
 959
 960         stringparts = stringparts.sort();
 961         if (gotDefaultKeyVal) {
 962             stringparts.unshift(defaultKeyVal);
 963         }
 964
 965         return stringparts.join(',');
 966     },
 967
 968     acmedomain_count: 5,
 969
 970     parseACMEPluginData: function(data) {
 971         let res = {};
 972         let extradata = [];
 973         data.split('\n').forEach((line) => {
 974             // capture everything after the first = as value
 975             let [key, value] = line.split('=');
 976             if (value !== undefined) {
 977                 res[key] = value;
 978             } else {
 979                 extradata.push(line);
 980             }
 981         });
 982         return [res, extradata];
 983     },
 984
 985     delete_if_default: function(values, fieldname, default_val, create) {
 986         if (values[fieldname] === '' || values[fieldname] === default_val) {
 987             if (!create) {
 988                 if (values.delete) {
 989                     if (Ext.isArray(values.delete)) {
 990                         values.delete.push(fieldname);
 991                     } else {
 992                         values.delete += ',' + fieldname;
 993                     }
 994                 } else {
 995                     values.delete = fieldname;
 996                 }
 997             }
 998
 999             delete values[fieldname];
1000         }
1001     },
1002
1003     printACME: function(value) {
1004         if (Ext.isArray(value.domains)) {
1005             value.domains = value.domains.join(';');
1006         }
1007         return Proxmox.Utils.printPropertyString(value);
1008     },
1009
1010     parseACME: function(value) {
1011         if (!value) {
1012             return {};
1013         }
1014
1015         var res = {};
1016         var error;
1017
1018         Ext.Array.each(value.split(','), function(p) {
1019             var kv = p.split('=', 2);
1020             if (Ext.isDefined(kv[1])) {
1021                 res[kv[0]] = kv[1];
1022             } else {
1023                 error = 'Failed to parse key-value pair: '+p;
1024                 return false;
1025             }
1026             return true;
1027         });
1028
1029         if (error !== undefined) {
1030             console.error(error);
1031             return undefined;
1032         }
1033
1034         if (res.domains !== undefined) {
1035             res.domains = res.domains.split(/;/);
1036         }
1037
1038         return res;
1039     },
1040
1041     add_domain_to_acme: function(acme, domain) {
1042         if (acme.domains === undefined) {
1043             acme.domains = [domain];
1044         } else {
1045             acme.domains.push(domain);
1046             acme.domains = acme.domains.filter((value, index, self) => self.indexOf(value) === index);
1047         }
1048         return acme;
1049     },
1050
1051     remove_domain_from_acme: function(acme, domain) {
1052         if (acme.domains !== undefined) {
1053             acme.domains = acme.domains.filter(
1054                 (value, index, self) => self.indexOf(value) === index && value !== domain,
1055             );
1056         }
1057         return acme;
1058     },
1059
1060     updateColumns: function(container) {
1061         let mode = Ext.state.Manager.get('summarycolumns') || 'auto';
1062         let factor;
1063         if (mode !== 'auto') {
1064             factor = parseInt(mode, 10);
1065             if (Number.isNaN(factor)) {
1066                 factor = 1;
1067             }
1068         } else {
1069             factor = container.getSize().width < 1400 ? 1 : 2;
1070         }
1071
1072         if (container.oldFactor === factor) {
1073             return;
1074         }
1075
1076         let items = container.query('>'); // direct childs
1077         factor = Math.min(factor, items.length);
1078         container.oldFactor = factor;
1079
1080         items.forEach((item) => {
1081             item.columnWidth = 1 / factor;
1082         });
1083
1084         // we have to update the layout twice, since the first layout change
1085         // can trigger the scrollbar which reduces the amount of space left
1086         container.updateLayout();
1087         container.updateLayout();
1088     },
1089 },
1090
1091     singleton: true,
1092     constructor: function() {
1093         let me = this;
1094         Ext.apply(me, me.utilities);
1095
1096         let IPV4_OCTET = "(?:25[0-5]|(?:[1-9]|1[0-9]|2[0-4])?[0-9])";
1097         let IPV4_REGEXP = "(?:(?:" + IPV4_OCTET + "\\.){3}" + IPV4_OCTET + ")";
1098         let IPV6_H16 = "(?:[0-9a-fA-F]{1,4})";
1099         let IPV6_LS32 = "(?:(?:" + IPV6_H16 + ":" + IPV6_H16 + ")|" + IPV4_REGEXP + ")";
1100         let IPV4_CIDR_MASK = "([0-9]{1,2})";
1101         let IPV6_CIDR_MASK = "([0-9]{1,3})";
1102
1103
1104         me.IP4_match = new RegExp("^(?:" + IPV4_REGEXP + ")$");
1105         me.IP4_cidr_match = new RegExp("^(?:" + IPV4_REGEXP + ")/" + IPV4_CIDR_MASK + "$");
1106
1107         /* eslint-disable no-useless-concat,no-multi-spaces */
1108         let IPV6_REGEXP = "(?:" +
1109             "(?:(?:"                                                  + "(?:" + IPV6_H16 + ":){6})" + IPV6_LS32 + ")|" +
1110             "(?:(?:"                                         +   "::" + "(?:" + IPV6_H16 + ":){5})" + IPV6_LS32 + ")|" +
1111             "(?:(?:(?:"                           + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){4})" + IPV6_LS32 + ")|" +
1112             "(?:(?:(?:(?:" + IPV6_H16 + ":){0,1}" + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){3})" + IPV6_LS32 + ")|" +
1113             "(?:(?:(?:(?:" + IPV6_H16 + ":){0,2}" + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){2})" + IPV6_LS32 + ")|" +
1114             "(?:(?:(?:(?:" + IPV6_H16 + ":){0,3}" + IPV6_H16 + ")?::" + "(?:" + IPV6_H16 + ":){1})" + IPV6_LS32 + ")|" +
1115             "(?:(?:(?:(?:" + IPV6_H16 + ":){0,4}" + IPV6_H16 + ")?::" +                         ")" + IPV6_LS32 + ")|" +
1116             "(?:(?:(?:(?:" + IPV6_H16 + ":){0,5}" + IPV6_H16 + ")?::" +                         ")" + IPV6_H16  + ")|" +
1117             "(?:(?:(?:(?:" + IPV6_H16 + ":){0,7}" + IPV6_H16 + ")?::" +                         ")"             + ")"  +
1118             ")";
1119         /* eslint-enable no-useless-concat,no-multi-spaces */
1120
1121         me.IP6_match = new RegExp("^(?:" + IPV6_REGEXP + ")$");
1122         me.IP6_cidr_match = new RegExp("^(?:" + IPV6_REGEXP + ")/" + IPV6_CIDR_MASK + "$");
1123         me.IP6_bracket_match = new RegExp("^\\[(" + IPV6_REGEXP + ")\\]");
1124
1125         me.IP64_match = new RegExp("^(?:" + IPV6_REGEXP + "|" + IPV4_REGEXP + ")$");
1126         me.IP64_cidr_match = new RegExp("^(?:" + IPV6_REGEXP + "/" + IPV6_CIDR_MASK + ")|(?:" + IPV4_REGEXP + "/" + IPV4_CIDR_MASK + ")$");
1127
1128         let DnsName_REGEXP = "(?:(?:(?:[a-zA-Z0-9](?:[a-zA-Z0-9\\-]*[a-zA-Z0-9])?)\\.)*(?:[A-Za-z0-9](?:[A-Za-z0-9\\-]*[A-Za-z0-9])?))";
1129         me.DnsName_match = new RegExp("^" + DnsName_REGEXP + "$");
1130
1131         me.HostPort_match = new RegExp("^(" + IPV4_REGEXP + "|" + DnsName_REGEXP + ")(?::(\\d+))?$");
1132         me.HostPortBrackets_match = new RegExp("^\\[(" + IPV6_REGEXP + "|" + IPV4_REGEXP + "|" + DnsName_REGEXP + ")\\](?::(\\d+))?$");
1133         me.IP6_dotnotation_match = new RegExp("^(" + IPV6_REGEXP + ")(?:\\.(\\d+))?$");
1134         me.Vlan_match = /^vlan(\d+)/;
1135         me.VlanInterface_match = /(\w+)\.(\d+)/;
1136     },
1137 });
1138
1139 Ext.define('Proxmox.Async', {
1140     singleton: true,
1141
1142     // Returns a Promise resolving to the result of an `API2Request` or rejecting to the error
1143     // repsonse on failure
1144     api2: function(reqOpts) {
1145         return new Promise((resolve, reject) => {
1146             delete reqOpts.callback; // not allowed in this api
1147             reqOpts.success = response => resolve(response);
1148             reqOpts.failure = response => reject(response);
1149             Proxmox.Utils.API2Request(reqOpts);
1150         });
1151     },
1152
1153     // Delay for a number of milliseconds.
1154     sleep: function(millis) {
1155         return new Promise((resolve, _reject) => setTimeout(resolve, millis));
1156     },
1157 });