throw "Proxmox library not initialized";
}
-// avoid errors related to Accessible Rich Internet Applications
-// (access for people with disabilities)
-// TODO reenable after all components are upgraded
-Ext.enableAria = false;
-Ext.enableAriaButtons = false;
-Ext.enableAriaPanels = false;
-
// avoid errors when running without development tools
if (!Ext.isDefined(Ext.global.console)) {
let console = {
noneText: gettext('none'),
NoneText: gettext('None'),
errorText: gettext('Error'),
+ warningsText: gettext('Warnings'),
unknownText: gettext('Unknown'),
defaultText: gettext('Default'),
daysText: gettext('days'),
stateText: gettext('State'),
groupText: gettext('Group'),
- language_map: {
- ar: 'Arabic',
- ca: 'Catalan',
- zh_CN: 'Chinese (Simplified)',
- zh_TW: 'Chinese (Traditional)',
- da: 'Danish',
- nl: 'Dutch',
- en: 'English',
- eu: 'Euskera (Basque)',
- fr: 'French',
- de: 'German',
- he: 'Hebrew',
- it: 'Italian',
- ja: 'Japanese',
- nb: 'Norwegian (Bokmal)',
- nn: 'Norwegian (Nynorsk)',
- fa: 'Persian (Farsi)',
- pl: 'Polish',
- pt_BR: 'Portuguese (Brazil)',
- ru: 'Russian',
- sl: 'Slovenian',
- es: 'Spanish',
- sv: 'Swedish',
- tr: 'Turkish',
+ language_map: { //language map is sorted alphabetically by iso 639-1
+ ar: 'العربية - '+gettext("Arabic"),
+ ca: 'Català - '+gettext("Catalan"),
+ da: 'Dansk - '+gettext("Danish"),
+ de: 'Deutsch - '+gettext("German"),
+ en: 'English - '+gettext("English"),
+ es: 'Español - '+gettext("Spanish"),
+ eu: 'Euskera (Basque) - '+gettext("Euskera (Basque)"),
+ fa: 'فارسی - '+gettext("Persian (Farsi)"),
+ fr: 'Français - '+gettext("French"),
+ he: 'עברית - '+gettext("Hebrew"),
+ it: 'Italiano - '+gettext("Italian"),
+ ja: '日本語 - '+gettext("Japanese"),
+ kr: '한국어 - '+gettext("Korean"),
+ nb: 'Bokmål - '+gettext("Norwegian (Bokmal)"),
+ nl: 'Nederlands - '+gettext("Dutch"),
+ nn: 'Nynorsk - '+gettext("Norwegian (Nynorsk)"),
+ pl: 'Polski - '+gettext("Polish"),
+ pt_BR: 'Português Brasileiro - '+gettext("Portuguese (Brazil)"),
+ ru: 'Русский - '+gettext("Russian"),
+ sl: 'Slovenščina - '+gettext("Slovenian"),
+ sv: 'Svenska - '+gettext("Swedish"),
+ tr: 'Türkçe - '+gettext("Turkish"),
+ zh_CN: '中文(简体) - '+gettext("Chinese (Simplified)"),
+ zh_TW: '中文(繁體) - '+gettext("Chinese (Traditional)"),
},
render_language: function(value) {
- if (!value) {
+ if (!value || value === '__default__') {
return Proxmox.Utils.defaultText + ' (English)';
}
let text = Proxmox.Utils.language_map[value];
return value;
},
+ renderEnabledIcon: enabled => `<i class="fa fa-${enabled ? 'check' : 'minus'}"></i>`,
+
language_array: function() {
let data = [['__default__', Proxmox.Utils.render_language('')]];
Ext.Object.each(Proxmox.Utils.language_map, function(key, value) {
return data;
},
+ theme_map: {
+ crisp: 'Light theme',
+ "proxmox-dark": 'Proxmox Dark',
+ },
+
+ render_theme: function(value) {
+ if (!value || value === '__default__') {
+ return Proxmox.Utils.defaultText + ' (auto)';
+ }
+ let text = Proxmox.Utils.theme_map[value];
+ if (text) {
+ return text;
+ }
+ return value;
+ },
+
+ theme_array: function() {
+ let data = [['__default__', Proxmox.Utils.render_theme('')]];
+ Ext.Object.each(Proxmox.Utils.theme_map, function(key, value) {
+ data.push([key, Proxmox.Utils.render_theme(value)]);
+ });
+
+ return data;
+ },
+
bond_mode_gettext_map: {
'802.3ad': 'LACP (802.3ad)',
'lacp-balance-slb': 'LACP (balance-slb)',
// somewhat like a human would tell durations, omit zero values and do not
// give seconds precision if we talk days already
format_duration_human: function(ut) {
- let seconds = 0, minutes = 0, hours = 0, days = 0;
+ let seconds = 0, minutes = 0, hours = 0, days = 0, years = 0;
if (ut <= 0.1) {
return '<0.1s';
hours = remaining % 24;
remaining = Math.trunc(remaining / 24);
if (remaining > 0) {
- days = remaining;
+ days = remaining % 365;
+ remaining = Math.trunc(remaining / 365); // yea, just lets ignore leap years...
+ if (remaining > 0) {
+ years = remaining;
+ }
}
}
}
return t > 0;
};
+ let addMinutes = !add(years, 'y');
let addSeconds = !add(days, 'd');
add(hours, 'h');
- add(minutes, 'm');
- if (addSeconds) {
- add(seconds, 's');
+ if (addMinutes) {
+ add(minutes, 'm');
+ if (addSeconds) {
+ add(seconds, 's');
+ }
}
return res.join(' ');
},
return min < width ? width : min;
},
+ // returns username + realm
+ parse_userid: function(userid) {
+ if (!Ext.isString(userid)) {
+ return [undefined, undefined];
+ }
+
+ let match = userid.match(/^(.+)@([^@]+)$/);
+ if (match !== null) {
+ return [match[1], match[2]];
+ }
+
+ return [undefined, undefined];
+ },
+
+ render_username: function(userid) {
+ let username = Proxmox.Utils.parse_userid(userid)[0] || "";
+ return Ext.htmlEncode(username);
+ },
+
+ render_realm: function(userid) {
+ let username = Proxmox.Utils.parse_userid(userid)[1] || "";
+ return Ext.htmlEncode(username);
+ },
+
getStoredAuth: function() {
let storedAuth = JSON.parse(window.localStorage.getItem('ProxmoxUser'));
return storedAuth || {};
if (Proxmox.LoggedOut) {
return;
}
- Ext.util.Cookies.clear(Proxmox.Setup.auth_cookie_name);
+ // ExtJS clear is basically the same, but browser may complain if any cookie isn't "secure"
+ Ext.util.Cookies.set(Proxmox.Setup.auth_cookie_name, "", new Date(0), null, null, true);
window.localStorage.removeItem("ProxmoxUser");
},
+ // The End-User gets redirected back here after login on the OpenID auth. portal, and in the
+ // redirection URL the state and auth.code are passed as URL GET params, this helper parses those
+ getOpenIDRedirectionAuthorization: function() {
+ const auth = Ext.Object.fromQueryString(window.location.search);
+ if (auth.state !== undefined && auth.code !== undefined) {
+ return auth;
+ }
+ return undefined;
+ },
+
// comp.setLoading() is buggy in ExtJS 4.0.7, so we
// use el.mask() instead
setErrorMask: function(comp, msg) {
return msg.join('<br>');
},
- monStoreErrors: function(component, store, clearMaskBeforeLoad) {
+ monStoreErrors: function(component, store, clearMaskBeforeLoad, errorCallback) {
if (clearMaskBeforeLoad) {
component.mon(store, 'beforeload', function(s, operation, eOpts) {
Proxmox.Utils.setErrorMask(component, false);
let error = request._operation.getError();
let msg = Proxmox.Utils.getResponseErrorMessage(error);
- Proxmox.Utils.setErrorMask(component, msg);
+ if (!errorCallback || !errorCallback(error, msg)) {
+ Proxmox.Utils.setErrorMask(component, msg);
+ }
});
},
if (!result.success) {
msg = gettext("Unknown error");
if (result.message) {
- msg = result.message;
+ msg = Ext.htmlEncode(result.message);
if (result.status) {
- msg += ' (' + result.status + ')';
+ msg += ` (${result.status})`;
}
}
if (verbose && Ext.isObject(result.errors)) {
msg += "<br>";
- Ext.Object.each(result.errors, function(prop, desc) {
- msg += "<br><b>" + Ext.htmlEncode(prop) + "</b>: " +
- Ext.htmlEncode(desc);
+ Ext.Object.each(result.errors, (prop, desc) => {
+ msg += `<br><b>${Ext.htmlEncode(prop)}</b>: ${Ext.htmlEncode(desc)}`;
});
}
}
waitMsg: gettext('Please wait...'),
}, reqOpts);
+ // default to enable if user isn't handling the failure already explicitly
+ let autoErrorAlert = reqOpts.autoErrorAlert ??
+ (typeof reqOpts.failure !== 'function' && typeof reqOpts.callback !== 'function');
+
if (!newopts.url.match(/^\/api2/)) {
newopts.url = '/api2/extjs' + newopts.url;
}
response.htmlStatus = Proxmox.Utils.extractRequestError(result, true);
Ext.callback(callbackFn, options.scope, [options, false, response]);
Ext.callback(failureFn, options.scope, [response, options]);
+ if (autoErrorAlert) {
+ Ext.Msg.alert(gettext('Error'), response.htmlStatus);
+ }
return;
}
Ext.callback(callbackFn, options.scope, [options, true, response]);
Ext.Ajax.request(newopts);
},
+ // can be useful for catching displaying errors from the API, e.g.:
+ // Proxmox.Async.api2({
+ // ...
+ // }).catch(Proxmox.Utils.alertResponseFailure);
+ alertResponseFailure: (response) => {
+ Ext.Msg.alert(
+ gettext('Error'),
+ response.htmlStatus || response.result.message,
+ );
+ },
+
checked_command: function(orig_cmd) {
Proxmox.Utils.API2Request(
{
success: function(response, opts) {
let res = response.result;
if (res === null || res === undefined || !res || res
- .data.status !== 'Active') {
+ .data.status.toLowerCase() !== 'active') {
Ext.Msg.show({
title: gettext('No valid subscription'),
icon: Ext.Msg.WARNING,
});
},
- updateColumnWidth: function(container) {
+ updateColumnWidth: function(container, thresholdWidth) {
let mode = Ext.state.Manager.get('summarycolumns') || 'auto';
let factor;
if (mode !== 'auto') {
factor = 1;
}
} else {
- factor = container.getSize().width < 1600 ? 1 : 2;
+ thresholdWidth = (thresholdWidth || 1400) + 1;
+ factor = Math.ceil(container.getSize().width / thresholdWidth);
}
if (container.oldFactor === factor) {
return;
}
- let items = container.query('>'); // direct childs
+ let items = container.query('>'); // direct children
factor = Math.min(factor, items.length);
container.oldFactor = factor;
container.updateLayout();
},
+ // NOTE: depreacated, use updateColumnWidth
+ updateColumns: container => Proxmox.Utils.updateColumnWidth(container),
+
dialog_title: function(subject, create, isAdd) {
if (create) {
if (isAdd) {
Proxmox.Utils.unknownText;
},
+ // NOTE: only add general, product agnostic, ones here! Else use override helper in product repos
task_desc_table: {
- acmenewcert: ['SRV', gettext('Order Certificate')],
- acmeregister: ['ACME Account', gettext('Register')],
- acmedeactivate: ['ACME Account', gettext('Deactivate')],
- acmeupdate: ['ACME Account', gettext('Update')],
- acmerefresh: ['ACME Account', gettext('Refresh')],
- acmerenew: ['SRV', gettext('Renew Certificate')],
- acmerevoke: ['SRV', gettext('Revoke Certificate')],
- 'auth-realm-sync': [gettext('Realm'), gettext('Sync')],
- 'auth-realm-sync-test': [gettext('Realm'), gettext('Sync Preview')],
- 'move_volume': ['CT', gettext('Move Volume')],
- clustercreate: ['', gettext('Create Cluster')],
- clusterjoin: ['', gettext('Join Cluster')],
+ aptupdate: ['', gettext('Update package database')],
diskinit: ['Disk', gettext('Initialize Disk with GPT')],
- vncproxy: ['VM/CT', gettext('Console')],
- spiceproxy: ['VM/CT', gettext('Console') + ' (Spice)'],
- vncshell: ['', gettext('Shell')],
spiceshell: ['', gettext('Shell') + ' (Spice)'],
- qmsnapshot: ['VM', gettext('Snapshot')],
- qmrollback: ['VM', gettext('Rollback')],
- qmdelsnapshot: ['VM', gettext('Delete Snapshot')],
- qmcreate: ['VM', gettext('Create')],
- qmrestore: ['VM', gettext('Restore')],
- qmdestroy: ['VM', gettext('Destroy')],
- qmigrate: ['VM', gettext('Migrate')],
- qmclone: ['VM', gettext('Clone')],
- qmmove: ['VM', gettext('Move disk')],
- qmtemplate: ['VM', gettext('Convert to template')],
- qmstart: ['VM', gettext('Start')],
- qmstop: ['VM', gettext('Stop')],
- qmreset: ['VM', gettext('Reset')],
- qmshutdown: ['VM', gettext('Shutdown')],
- qmreboot: ['VM', gettext('Reboot')],
- qmsuspend: ['VM', gettext('Hibernate')],
- qmpause: ['VM', gettext('Pause')],
- qmresume: ['VM', gettext('Resume')],
- qmconfig: ['VM', gettext('Configure')],
- vzsnapshot: ['CT', gettext('Snapshot')],
- vzrollback: ['CT', gettext('Rollback')],
- vzdelsnapshot: ['CT', gettext('Delete Snapshot')],
- vzcreate: ['CT', gettext('Create')],
- vzrestore: ['CT', gettext('Restore')],
- vzdestroy: ['CT', gettext('Destroy')],
- vzmigrate: ['CT', gettext('Migrate')],
- vzclone: ['CT', gettext('Clone')],
- vztemplate: ['CT', gettext('Convert to template')],
- vzstart: ['CT', gettext('Start')],
- vzstop: ['CT', gettext('Stop')],
- vzmount: ['CT', gettext('Mount')],
- vzumount: ['CT', gettext('Unmount')],
- vzshutdown: ['CT', gettext('Shutdown')],
- vzreboot: ['CT', gettext('Reboot')],
- vzsuspend: ['CT', gettext('Suspend')],
- vzresume: ['CT', gettext('Resume')],
- push_file: ['CT', gettext('Push file')],
- pull_file: ['CT', gettext('Pull file')],
- hamigrate: ['HA', gettext('Migrate')],
- hastart: ['HA', gettext('Start')],
- hastop: ['HA', gettext('Stop')],
- hashutdown: ['HA', gettext('Shutdown')],
+ srvreload: ['SRV', gettext('Reload')],
+ srvrestart: ['SRV', gettext('Restart')],
srvstart: ['SRV', gettext('Start')],
srvstop: ['SRV', gettext('Stop')],
- srvrestart: ['SRV', gettext('Restart')],
- srvreload: ['SRV', gettext('Reload')],
- cephcreatemgr: ['Ceph Manager', gettext('Create')],
- cephdestroymgr: ['Ceph Manager', gettext('Destroy')],
- cephcreatemon: ['Ceph Monitor', gettext('Create')],
- cephdestroymon: ['Ceph Monitor', gettext('Destroy')],
- cephcreateosd: ['Ceph OSD', gettext('Create')],
- cephdestroyosd: ['Ceph OSD', gettext('Destroy')],
- cephcreatepool: ['Ceph Pool', gettext('Create')],
- cephdestroypool: ['Ceph Pool', gettext('Destroy')],
- cephfscreate: ['CephFS', gettext('Create')],
- cephcreatemds: ['Ceph Metadata Server', gettext('Create')],
- cephdestroymds: ['Ceph Metadata Server', gettext('Destroy')],
- imgcopy: ['', gettext('Copy data')],
- imgdel: ['', gettext('Erase data')],
- unknownimgdel: ['', gettext('Destroy image from unknown guest')],
- download: ['', gettext('Download')],
- vzdump: (type, id) => id ? `VM/CT ${id} - ${gettext('Backup')}` : gettext('Backup Job'),
- aptupdate: ['', gettext('Update package database')],
- startall: ['', gettext('Start all VMs and Containers')],
- stopall: ['', gettext('Stop all VMs and Containers')],
- migrateall: ['', gettext('Migrate all VMs and Containers')],
- dircreate: [gettext('Directory Storage'), gettext('Create')],
- lvmcreate: [gettext('LVM Storage'), gettext('Create')],
- lvmthincreate: [gettext('LVM-Thin Storage'), gettext('Create')],
- zfscreate: [gettext('ZFS Storage'), gettext('Create')],
+ termproxy: ['', gettext('Console') + ' (xterm.js)'],
+ vncshell: ['', gettext('Shell')],
},
// to add or change existing for product specific ones
return text;
},
- format_size: function(size) {
- let units = ['', 'Ki', 'Mi', 'Gi', 'Ti', 'Pi', 'Ei', 'Zi', 'Yi'];
- let num = 0;
- while (size >= 1024 && num++ <= units.length) {
- size = size / 1024;
+ format_size: function(size, useSI) {
+ let units = ['', 'K', 'M', 'G', 'T', 'P', 'E', 'Z', 'Y'];
+ let order = 0;
+ const baseValue = useSI ? 1000 : 1024;
+ while (size >= baseValue && order < units.length) {
+ size = size / baseValue;
+ order++;
+ }
+
+ let unit = units[order], commaDigits = 2;
+ if (order === 0) {
+ commaDigits = 0;
+ } else if (!useSI) {
+ unit += 'i';
}
+ return `${size.toFixed(commaDigits)} ${unit}B`;
+ },
+
+ SizeUnits: {
+ 'B': 1,
+
+ 'KiB': 1024,
+ 'MiB': 1024*1024,
+ 'GiB': 1024*1024*1024,
+ 'TiB': 1024*1024*1024*1024,
+ 'PiB': 1024*1024*1024*1024*1024,
+
+ 'KB': 1000,
+ 'MB': 1000*1000,
+ 'GB': 1000*1000*1000,
+ 'TB': 1000*1000*1000*1000,
+ 'PB': 1000*1000*1000*1000*1000,
+ },
+
+ parse_size_unit: function(val) {
+ //let m = val.match(/([.\d])+\s?([KMGTP]?)(i?)B?\s*$/i);
+ let m = val.match(/(\d+(?:\.\d+)?)\s?([KMGTP]?)(i?)B?\s*$/i);
+ let size = parseFloat(m[1]);
+ let scale = m[2].toUpperCase();
+ let binary = m[3].toLowerCase();
+
+ let unit = `${scale}${binary}B`;
+ let factor = Proxmox.Utils.SizeUnits[unit];
- return size.toFixed(num > 0?2:0) + " " + units[num] + "B";
+ return { size, factor, unit, binary }; // for convenience return all we got
+ },
+
+ size_unit_to_bytes: function(val) {
+ let { size, factor } = Proxmox.Utils.parse_size_unit(val);
+ return size * factor;
+ },
+
+ autoscale_size_unit: function(val) {
+ let { size, factor, binary } = Proxmox.Utils.parse_size_unit(val);
+ return Proxmox.Utils.format_size(size * factor, binary !== "i");
+ },
+
+ size_unit_ratios: function(a, b) {
+ a = typeof a !== "undefined" ? a : 0;
+ b = typeof b !== "undefined" ? b : Infinity;
+ let aBytes = typeof a === "number" ? a : Proxmox.Utils.size_unit_to_bytes(a);
+ let bBytes = typeof b === "number" ? b : Proxmox.Utils.size_unit_to_bytes(b);
+ return aBytes / (bBytes || Infinity); // avoid division by zero
},
render_upid: function(value, metaData, record) {
return Proxmox.Utils.format_duration_long(uptime);
},
+ systemd_unescape: function(string_value) {
+ const charcode_0 = '0'.charCodeAt(0);
+ const charcode_9 = '9'.charCodeAt(0);
+ const charcode_A = 'A'.charCodeAt(0);
+ const charcode_F = 'F'.charCodeAt(0);
+ const charcode_a = 'a'.charCodeAt(0);
+ const charcode_f = 'f'.charCodeAt(0);
+ const charcode_x = 'x'.charCodeAt(0);
+ const charcode_minus = '-'.charCodeAt(0);
+ const charcode_slash = '/'.charCodeAt(0);
+ const charcode_backslash = '\\'.charCodeAt(0);
+
+ let parse_hex_digit = function(d) {
+ if (d >= charcode_0 && d <= charcode_9) {
+ return d - charcode_0;
+ }
+ if (d >= charcode_A && d <= charcode_F) {
+ return d - charcode_A + 10;
+ }
+ if (d >= charcode_a && d <= charcode_f) {
+ return d - charcode_a + 10;
+ }
+ throw "got invalid hex digit";
+ };
+
+ let value = new TextEncoder().encode(string_value);
+ let result = new Uint8Array(value.length);
+
+ let i = 0;
+ let result_len = 0;
+
+ while (i < value.length) {
+ let c0 = value[i];
+ if (c0 === charcode_minus) {
+ result.set([charcode_slash], result_len);
+ result_len += 1;
+ i += 1;
+ continue;
+ }
+ if ((i + 4) < value.length) {
+ let c1 = value[i+1];
+ if (c0 === charcode_backslash && c1 === charcode_x) {
+ let h1 = parse_hex_digit(value[i+2]);
+ let h0 = parse_hex_digit(value[i+3]);
+ let ord = h1*16+h0;
+ result.set([ord], result_len);
+ result_len += 1;
+ i += 4;
+ continue;
+ }
+ }
+ result.set([c0], result_len);
+ result_len += 1;
+ i += 1;
+ }
+
+ return new TextDecoder().decode(result.slice(0, result.len));
+ },
+
parse_task_upid: function(upid) {
let task = {};
}
task.starttime = parseInt(res[6], 16);
task.type = res[7];
- task.id = res[8];
+ task.id = Proxmox.Utils.systemd_unescape(res[8]);
task.user = res[9];
task.desc = Proxmox.Utils.format_task_description(task.type, task.id);
return 'error';
},
+ format_task_status: function(status) {
+ let parsed = Proxmox.Utils.parse_task_status(status);
+ switch (parsed) {
+ case 'unknown': return Proxmox.Utils.unknownText;
+ case 'error': return Proxmox.Utils.errorText + ': ' + status;
+ case 'warning': return status.replace('WARNINGS', Proxmox.Utils.warningsText);
+ case 'ok': // fall-through
+ default: return status;
+ }
+ },
+
render_duration: function(value) {
if (value === undefined) {
return '-';
}
// try to normalize - and _ separators, to support asciidoc and sphinx
// references at the same time.
- let section_minus_normalized = section.replace(/_/, '-');
+ let section_minus_normalized = section.replace(/_/g, '-');
if (helpMap[section_minus_normalized]) {
return helpMap[section_minus_normalized];
}
- let section_underscore_normalized = section.replace(/-/, '_');
+ let section_underscore_normalized = section.replace(/-/g, '_');
return helpMap[section_underscore_normalized];
},
}
},
+ render_optional_url: function(value) {
+ if (value && value.match(/^https?:\/\//) !== null) {
+ return '<a target="_blank" href="' + value + '">' + value + '</a>';
+ }
+ return value;
+ },
+
+ render_san: function(value) {
+ var names = [];
+ if (Ext.isArray(value)) {
+ value.forEach(function(val) {
+ if (!Ext.isNumber(val)) {
+ names.push(val);
+ }
+ });
+ return names.join('<br>');
+ }
+ return value;
+ },
+
+ render_usage: val => (val * 100).toFixed(2) + '%',
+
+ render_cpu_usage: function(val, max) {
+ return Ext.String.format(
+ `${gettext('{0}% of {1}')} ${gettext('CPU(s)')}`,
+ (val*100).toFixed(2),
+ max,
+ );
+ },
+
+ render_size_usage: function(val, max, useSI) {
+ if (max === 0) {
+ return gettext('N/A');
+ }
+ let fmt = v => Proxmox.Utils.format_size(v, useSI);
+ let ratio = (val * 100 / max).toFixed(2);
+ return ratio + '% (' + Ext.String.format(gettext('{0} of {1}'), fmt(val), fmt(max)) + ')';
+ },
+
+ render_cpu: function(value, metaData, record, rowIndex, colIndex, store) {
+ if (!(record.data.uptime && Ext.isNumeric(value))) {
+ return '';
+ }
+
+ let maxcpu = record.data.maxcpu || 1;
+ if (!Ext.isNumeric(maxcpu) || maxcpu < 1) {
+ return '';
+ }
+ let cpuText = maxcpu > 1 ? 'CPUs' : 'CPU';
+ let ratio = (value * 100).toFixed(1);
+ return `${ratio}% of ${maxcpu.toString()} ${cpuText}`;
+ },
+
+ render_size: function(value, metaData, record, rowIndex, colIndex, store) {
+ if (!Ext.isNumeric(value)) {
+ return '';
+ }
+ return Proxmox.Utils.format_size(value);
+ },
+
+ render_cpu_model: function(cpu) {
+ let socketText = cpu.sockets > 1 ? gettext('Sockets') : gettext('Socket');
+ return `${cpu.cpus} x ${cpu.model} (${cpu.sockets.toString()} ${socketText})`;
+ },
+
+ /* this is different for nodes */
+ render_node_cpu_usage: function(value, record) {
+ return Proxmox.Utils.render_cpu_usage(value, record.cpus);
+ },
+
+ render_node_size_usage: function(record) {
+ return Proxmox.Utils.render_size_usage(record.used, record.total);
+ },
+
+ loadTextFromFile: function(file, callback, maxBytes) {
+ let maxSize = maxBytes || 8192;
+ if (file.size > maxSize) {
+ Ext.Msg.alert(gettext('Error'), gettext("Invalid file size: ") + file.size);
+ return;
+ }
+ let reader = new FileReader();
+ reader.onload = evt => callback(evt.target.result);
+ reader.readAsText(file);
+ },
+
+ parsePropertyString: function(value, defaultKey) {
+ var res = {},
+ error;
+
+ if (typeof value !== 'string' || value === '') {
+ return res;
+ }
+
+ Ext.Array.each(value.split(','), function(p) {
+ var kv = p.split('=', 2);
+ if (Ext.isDefined(kv[1])) {
+ res[kv[0]] = kv[1];
+ } else if (Ext.isDefined(defaultKey)) {
+ if (Ext.isDefined(res[defaultKey])) {
+ error = 'defaultKey may be only defined once in propertyString';
+ return false; // break
+ }
+ res[defaultKey] = kv[0];
+ } else {
+ error = 'invalid propertyString, not a key=value pair and no defaultKey defined';
+ return false; // break
+ }
+ return true;
+ });
+
+ if (error !== undefined) {
+ console.error(error);
+ return undefined;
+ }
+
+ return res;
+ },
+
+ printPropertyString: function(data, defaultKey) {
+ var stringparts = [],
+ gotDefaultKeyVal = false,
+ defaultKeyVal;
+
+ Ext.Object.each(data, function(key, value) {
+ if (defaultKey !== undefined && key === defaultKey) {
+ gotDefaultKeyVal = true;
+ defaultKeyVal = value;
+ } else if (Ext.isArray(value)) {
+ stringparts.push(key + '=' + value.join(';'));
+ } else if (value !== '') {
+ stringparts.push(key + '=' + value);
+ }
+ });
+
+ stringparts = stringparts.sort();
+ if (gotDefaultKeyVal) {
+ stringparts.unshift(defaultKeyVal);
+ }
+
+ return stringparts.join(',');
+ },
+
+ acmedomain_count: 5,
+
+ parseACMEPluginData: function(data) {
+ let res = {};
+ let extradata = [];
+ data.split('\n').forEach((line) => {
+ // capture everything after the first = as value
+ let [key, value] = line.split('=');
+ if (value !== undefined) {
+ res[key] = value;
+ } else {
+ extradata.push(line);
+ }
+ });
+ return [res, extradata];
+ },
+
+ delete_if_default: function(values, fieldname, default_val, create) {
+ if (values[fieldname] === '' || values[fieldname] === default_val) {
+ if (!create) {
+ if (values.delete) {
+ if (Ext.isArray(values.delete)) {
+ values.delete.push(fieldname);
+ } else {
+ values.delete += ',' + fieldname;
+ }
+ } else {
+ values.delete = fieldname;
+ }
+ }
+
+ delete values[fieldname];
+ }
+ },
+
+ printACME: function(value) {
+ if (Ext.isArray(value.domains)) {
+ value.domains = value.domains.join(';');
+ }
+ return Proxmox.Utils.printPropertyString(value);
+ },
+
+ parseACME: function(value) {
+ if (!value) {
+ return {};
+ }
+
+ var res = {};
+ var error;
+
+ Ext.Array.each(value.split(','), function(p) {
+ var kv = p.split('=', 2);
+ if (Ext.isDefined(kv[1])) {
+ res[kv[0]] = kv[1];
+ } else {
+ error = 'Failed to parse key-value pair: '+p;
+ return false;
+ }
+ return true;
+ });
+
+ if (error !== undefined) {
+ console.error(error);
+ return undefined;
+ }
+
+ if (res.domains !== undefined) {
+ res.domains = res.domains.split(/;/);
+ }
+
+ return res;
+ },
+
+ add_domain_to_acme: function(acme, domain) {
+ if (acme.domains === undefined) {
+ acme.domains = [domain];
+ } else {
+ acme.domains.push(domain);
+ acme.domains = acme.domains.filter((value, index, self) => self.indexOf(value) === index);
+ }
+ return acme;
+ },
+
+ remove_domain_from_acme: function(acme, domain) {
+ if (acme.domains !== undefined) {
+ acme.domains = acme.domains.filter(
+ (value, index, self) => self.indexOf(value) === index && value !== domain,
+ );
+ }
+ return acme;
+ },
+
+ get_health_icon: function(state, circle) {
+ if (circle === undefined) {
+ circle = false;
+ }
+
+ if (state === undefined) {
+ state = 'uknown';
+ }
+
+ var icon = 'faded fa-question';
+ switch (state) {
+ case 'good':
+ icon = 'good fa-check';
+ break;
+ case 'upgrade':
+ icon = 'warning fa-upload';
+ break;
+ case 'old':
+ icon = 'warning fa-refresh';
+ break;
+ case 'warning':
+ icon = 'warning fa-exclamation';
+ break;
+ case 'critical':
+ icon = 'critical fa-times';
+ break;
+ default: break;
+ }
+
+ if (circle) {
+ icon += '-circle';
+ }
+
+ return icon;
+ },
+
+ formatNodeRepoStatus: function(status, product) {
+ let fmt = (txt, cls) => `<i class="fa fa-fw fa-lg fa-${cls}"></i>${txt}`;
+
+ let getUpdates = Ext.String.format(gettext('{0} updates'), product);
+ let noRepo = Ext.String.format(gettext('No {0} repository enabled!'), product);
+
+ if (status === 'ok') {
+ return fmt(getUpdates, 'check-circle good') + ' ' +
+ fmt(gettext('Production-ready Enterprise repository enabled'), 'check-circle good');
+ } else if (status === 'no-sub') {
+ return fmt(gettext('Production-ready Enterprise repository enabled'), 'check-circle good') + ' ' +
+ fmt(gettext('Enterprise repository needs valid subscription'), 'exclamation-circle warning');
+ } else if (status === 'non-production') {
+ return fmt(getUpdates, 'check-circle good') + ' ' +
+ fmt(gettext('Non production-ready repository enabled!'), 'exclamation-circle warning');
+ } else if (status === 'no-repo') {
+ return fmt(noRepo, 'exclamation-circle critical');
+ }
+
+ return Proxmox.Utils.unknownText;
+ },
+
+ render_u2f_error: function(error) {
+ var ErrorNames = {
+ '1': gettext('Other Error'),
+ '2': gettext('Bad Request'),
+ '3': gettext('Configuration Unsupported'),
+ '4': gettext('Device Ineligible'),
+ '5': gettext('Timeout'),
+ };
+ return "U2F Error: " + ErrorNames[error] || Proxmox.Utils.unknownText;
+ },
+
+ // Convert an ArrayBuffer to a base64url encoded string.
+ // A `null` value will be preserved for convenience.
+ bytes_to_base64url: function(bytes) {
+ if (bytes === null) {
+ return null;
+ }
+
+ return btoa(Array
+ .from(new Uint8Array(bytes))
+ .map(val => String.fromCharCode(val))
+ .join(''),
+ )
+ .replace(/\+/g, '-')
+ .replace(/\//g, '_')
+ .replace(/[=]/g, '');
+ },
+
+ // Convert an a base64url string to an ArrayBuffer.
+ // A `null` value will be preserved for convenience.
+ base64url_to_bytes: function(b64u) {
+ if (b64u === null) {
+ return null;
+ }
+
+ return new Uint8Array(
+ atob(b64u
+ .replace(/-/g, '+')
+ .replace(/_/g, '/'),
+ )
+ .split('')
+ .map(val => val.charCodeAt(0)),
+ );
+ },
+
+ stringToRGB: function(string) {
+ let hash = 0;
+ if (!string) {
+ return hash;
+ }
+ string += 'prox'; // give short strings more variance
+ for (let i = 0; i < string.length; i++) {
+ hash = string.charCodeAt(i) + ((hash << 5) - hash);
+ hash = hash & hash; // to int
+ }
+
+ let alpha = 0.7; // make the color a bit brighter
+ let bg = 255; // assume white background
+
+ return [
+ (hash & 255) * alpha + bg * (1 - alpha),
+ ((hash >> 8) & 255) * alpha + bg * (1 - alpha),
+ ((hash >> 16) & 255) * alpha + bg * (1 - alpha),
+ ];
+ },
+
+ rgbToCss: function(rgb) {
+ return `rgb(${rgb[0]}, ${rgb[1]}, ${rgb[2]})`;
+ },
+
+ rgbToHex: function(rgb) {
+ let r = Math.round(rgb[0]).toString(16);
+ let g = Math.round(rgb[1]).toString(16);
+ let b = Math.round(rgb[2]).toString(16);
+ return `${r}${g}${b}`;
+ },
+
+ hexToRGB: function(hex) {
+ if (!hex) {
+ return undefined;
+ }
+ if (hex.length === 7) {
+ hex = hex.slice(1);
+ }
+ let r = parseInt(hex.slice(0, 2), 16);
+ let g = parseInt(hex.slice(2, 4), 16);
+ let b = parseInt(hex.slice(4, 6), 16);
+ return [r, g, b];
+ },
+
+ // optimized & simplified SAPC function
+ // https://github.com/Myndex/SAPC-APCA
+ getTextContrastClass: function(rgb) {
+ const blkThrs = 0.022;
+ const blkClmp = 1.414;
+
+ // linearize & gamma correction
+ let r = (rgb[0] / 255) ** 2.4;
+ let g = (rgb[1] / 255) ** 2.4;
+ let b = (rgb[2] / 255) ** 2.4;
+
+ // relative luminance sRGB
+ let bg = r * 0.2126729 + g * 0.7151522 + b * 0.0721750;
+
+ // black clamp
+ bg = bg > blkThrs ? bg : bg + (blkThrs - bg) ** blkClmp;
+
+ // SAPC with white text
+ let contrastLight = bg ** 0.65 - 1;
+ // SAPC with black text
+ let contrastDark = bg ** 0.56 - 0.046134502;
+
+ if (Math.abs(contrastLight) >= Math.abs(contrastDark)) {
+ return 'light';
+ } else {
+ return 'dark';
+ }
+ },
+
+ getTagElement: function(string, color_overrides) {
+ let rgb = color_overrides?.[string] || Proxmox.Utils.stringToRGB(string);
+ let style = `background-color: ${Proxmox.Utils.rgbToCss(rgb)};`;
+ let cls;
+ if (rgb.length > 3) {
+ style += `color: ${Proxmox.Utils.rgbToCss([rgb[3], rgb[4], rgb[5]])}`;
+ cls = "proxmox-tag-dark";
+ } else {
+ let txtCls = Proxmox.Utils.getTextContrastClass(rgb);
+ cls = `proxmox-tag-${txtCls}`;
+ }
+ return `<span class="${cls}" style="${style}">${string}</span>`;
+ },
+
+ // Setting filename here when downloading from a remote url sometimes fails in chromium browsers
+ // because of a bug when using attribute download in conjunction with a self signed certificate.
+ // For more info see https://bugs.chromium.org/p/chromium/issues/detail?id=993362
+ downloadAsFile: function(source, fileName) {
+ let hiddenElement = document.createElement('a');
+ hiddenElement.href = source;
+ hiddenElement.target = '_blank';
+ if (fileName) {
+ hiddenElement.download = fileName;
+ }
+ hiddenElement.click();
+ },
},
singleton: true,
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])?))";
me.DnsName_match = new RegExp("^" + DnsName_REGEXP + "$");
+ me.DnsName_or_Wildcard_match = new RegExp("^(?:\\*\\.)?" + DnsName_REGEXP + "$");
+
+ me.CpuSet_match = /^[0-9]+(?:-[0-9]+)?(?:,[0-9]+(?:-[0-9]+)?)*$/;
me.HostPort_match = new RegExp("^(" + IPV4_REGEXP + "|" + DnsName_REGEXP + ")(?::(\\d+))?$");
me.HostPortBrackets_match = new RegExp("^\\[(" + IPV6_REGEXP + "|" + IPV4_REGEXP + "|" + DnsName_REGEXP + ")\\](?::(\\d+))?$");
me.IP6_dotnotation_match = new RegExp("^(" + IPV6_REGEXP + ")(?:\\.(\\d+))?$");
- me.Vlan_match = /^vlan(\\d+)/;
- me.VlanInterface_match = /(\\w+)\\.(\\d+)/;
+ me.Vlan_match = /^vlan(\d+)/;
+ me.VlanInterface_match = /(\w+)\.(\d+)/;
+ },
+});
+
+Ext.define('Proxmox.Async', {
+ singleton: true,
+
+ // Returns a Promise resolving to the result of an `API2Request` or rejecting to the error
+ // response on failure
+ api2: function(reqOpts) {
+ return new Promise((resolve, reject) => {
+ delete reqOpts.callback; // not allowed in this api
+ reqOpts.success = response => resolve(response);
+ reqOpts.failure = response => reject(response);
+ Proxmox.Utils.API2Request(reqOpts);
+ });
+ },
+
+ // Delay for a number of milliseconds.
+ sleep: function(millis) {
+ return new Promise((resolve, _reject) => setTimeout(resolve, millis));
+ },
+});
+
+Ext.override(Ext.data.Store, {
+ // If the store's proxy is changed while it is waiting for an AJAX
+ // response, `onProxyLoad` will still be called for the outdated response.
+ // To avoid displaying inconsistent information, only process responses
+ // belonging to the current proxy.
+ onProxyLoad: function(operation) {
+ let me = this;
+ if (operation.getProxy() === me.getProxy()) {
+ me.callParent(arguments);
+ } else {
+ console.log(`ignored outdated response: ${operation.getRequest().getUrl()}`);
+ }
},
});