]>
git.proxmox.com Git - proxmox-widget-toolkit.git/blob - Utils.js
2 Ext
.ns('Proxmox.Setup');
4 // TODO: implement gettext
5 function gettext(buf
) { return buf
; }
8 if (!Ext
.isDefined(Proxmox
.Setup
.auth_cookie_name
)) {
9 throw "Proxmox library not initialized";
12 // avoid errors related to Accessible Rich Internet Applications
13 // (access for people with disabilities)
14 // TODO reenable after all components are upgraded
15 Ext
.enableAria
= false;
16 Ext
.enableAriaButtons
= false;
17 Ext
.enableAriaPanels
= false;
19 // avoid errors when running without development tools
20 if (!Ext
.isDefined(Ext
.global
.console
)) {
27 Ext
.Ajax
.defaultHeaders
= {
28 'Accept': 'application/json'
31 Ext
.Ajax
.on('beforerequest', function(conn
, options
) {
32 if (Proxmox
.CSRFPreventionToken
) {
33 if (!options
.headers
) {
36 options
.headers
.CSRFPreventionToken
= Proxmox
.CSRFPreventionToken
;
40 Ext
.define('Proxmox.Utils', { utilities
: {
42 // this singleton contains miscellaneous utilities
44 yesText
: gettext('Yes'),
45 noText
: gettext('No'),
46 enabledText
: gettext('Enabled'),
47 disabledText
: gettext('Disabled'),
48 noneText
: gettext('none'),
49 errorText
: gettext('Error'),
50 unknownText
: gettext('Unknown'),
51 defaultText
: gettext('Default'),
52 daysText
: gettext('days'),
53 dayText
: gettext('day'),
54 runningText
: gettext('running'),
55 stoppedText
: gettext('stopped'),
56 neverText
: gettext('never'),
57 totalText
: gettext('Total'),
58 usedText
: gettext('Used'),
59 directoryText
: gettext('Directory'),
60 stateText
: gettext('State'),
61 groupText
: gettext('Group'),
63 format_boolean_with_default: function(value
) {
64 if (Ext
.isDefined(value
) && value
!== '__default__') {
65 return value
? Proxmox
.Utils
.yesText
: Proxmox
.Utils
.noText
;
67 return Proxmox
.Utils
.defaultText
;
70 format_boolean: function(value
) {
71 return value
? Proxmox
.Utils
.yesText
: Proxmox
.Utils
.noText
;
74 format_neg_boolean: function(value
) {
75 return !value
? Proxmox
.Utils
.yesText
: Proxmox
.Utils
.noText
;
78 format_enabled_toggle: function(value
) {
79 return value
? Proxmox
.Utils
.enabledText
: Proxmox
.Utils
.disabledText
;
82 format_expire: function(date
) {
84 return Proxmox
.Utils
.neverText
;
86 return Ext
.Date
.format(date
, "Y-m-d");
89 compute_min_label_width: function(text
, width
) {
91 if (width
=== undefined) { width
= 100; }
93 var tm
= new Ext
.util
.TextMetrics();
94 var min
= tm
.getWidth(text
+ ':');
96 return min
< width
? width
: min
;
100 return (Proxmox
.UserName
!== '') && Ext
.util
.Cookies
.get(Proxmox
.Setup
.auth_cookie_name
);
103 authClear: function() {
104 Ext
.util
.Cookies
.clear(Proxmox
.Setup
.auth_cookie_name
);
107 // comp.setLoading() is buggy in ExtJS 4.0.7, so we
108 // use el.mask() instead
109 setErrorMask: function(comp
, msg
) {
118 el
.mask(gettext("Loading..."));
125 monStoreErrors: function(me
, store
) {
126 me
.mon(store
, 'beforeload', function(s
, operation
, eOpts
) {
128 me
.loadCount
= 0; // make sure it is numeric
129 Proxmox
.Utils
.setErrorMask(me
, true);
133 // only works with 'proxmox' proxy
134 me
.mon(store
.proxy
, 'afterload', function(proxy
, request
, success
) {
138 Proxmox
.Utils
.setErrorMask(me
, false);
143 /*jslint nomen: true */
144 var operation
= request
._operation
;
145 var error
= operation
.getError();
146 if (error
.statusText
) {
147 msg
= error
.statusText
+ ' (' + error
.status
+ ')';
149 msg
= gettext('Connection error');
151 Proxmox
.Utils
.setErrorMask(me
, msg
);
155 extractRequestError: function(result
, verbose
) {
156 var msg
= gettext('Successful');
158 if (!result
.success
) {
159 msg
= gettext("Unknown error");
160 if (result
.message
) {
161 msg
= result
.message
;
163 msg
+= ' (' + result
.status
+ ')';
166 if (verbose
&& Ext
.isObject(result
.errors
)) {
168 Ext
.Object
.each(result
.errors
, function(prop
, desc
) {
169 msg
+= "<br><b>" + Ext
.htmlEncode(prop
) + "</b>: " +
170 Ext
.htmlEncode(desc
);
179 API2Request: function(reqOpts
) {
181 var newopts
= Ext
.apply({
182 waitMsg
: gettext('Please wait...')
185 if (!newopts
.url
.match(/^\/api2/)) {
186 newopts
.url
= '/api2/extjs' + newopts
.url
;
188 delete newopts
.callback
;
190 var createWrapper = function(successFn
, callbackFn
, failureFn
) {
192 success: function(response
, options
) {
193 if (options
.waitMsgTarget
) {
194 options
.waitMsgTarget
.setLoading(false);
196 var result
= Ext
.decode(response
.responseText
);
197 response
.result
= result
;
198 if (!result
.success
) {
199 response
.htmlStatus
= Proxmox
.Utils
.extractRequestError(result
, true);
200 Ext
.callback(callbackFn
, options
.scope
, [options
, false, response
]);
201 Ext
.callback(failureFn
, options
.scope
, [response
, options
]);
204 Ext
.callback(callbackFn
, options
.scope
, [options
, true, response
]);
205 Ext
.callback(successFn
, options
.scope
, [response
, options
]);
207 failure: function(response
, options
) {
208 if (options
.waitMsgTarget
) {
209 options
.waitMsgTarget
.setLoading(false);
211 response
.result
= {};
213 response
.result
= Ext
.decode(response
.responseText
);
215 var msg
= gettext('Connection error') + ' - server offline?';
216 if (response
.aborted
) {
217 msg
= gettext('Connection error') + ' - aborted.';
218 } else if (response
.timedout
) {
219 msg
= gettext('Connection error') + ' - Timeout.';
220 } else if (response
.status
&& response
.statusText
) {
221 msg
= gettext('Connection error') + ' ' + response
.status
+ ': ' + response
.statusText
;
223 response
.htmlStatus
= msg
;
224 Ext
.callback(callbackFn
, options
.scope
, [options
, false, response
]);
225 Ext
.callback(failureFn
, options
.scope
, [response
, options
]);
230 createWrapper(reqOpts
.success
, reqOpts
.callback
, reqOpts
.failure
);
232 var target
= newopts
.waitMsgTarget
;
234 // Note: ExtJS bug - this does not work when component is not rendered
235 target
.setLoading(newopts
.waitMsg
);
237 Ext
.Ajax
.request(newopts
);
240 assemble_field_data: function(values
, data
) {
241 if (Ext
.isObject(data
)) {
242 Ext
.Object
.each(data
, function(name
, val
) {
243 if (values
.hasOwnProperty(name
)) {
244 var bucket
= values
[name
];
245 if (!Ext
.isArray(bucket
)) {
246 bucket
= values
[name
] = [bucket
];
248 if (Ext
.isArray(val
)) {
249 values
[name
] = bucket
.concat(val
);
260 dialog_title: function(subject
, create
, isAdd
) {
263 return gettext('Add') + ': ' + subject
;
265 return gettext('Create') + ': ' + subject
;
268 return gettext('Edit') + ': ' + subject
;
272 network_iface_types
: {
273 eth
: gettext("Network Device"),
274 bridge
: 'Linux Bridge',
276 OVSBridge
: 'OVS Bridge',
279 OVSIntPort
: 'OVS IntPort'
282 render_network_iface_type: function(value
) {
283 return Proxmox
.Utils
.network_iface_types
[value
] ||
284 Proxmox
.Utils
.unknownText
;
287 // you can override this to provide nicer task descriptions
288 format_task_description: function(type
, id
) {
289 return type
+ ' ' + id
;
292 render_upid: function(value
, metaData
, record
) {
293 var type
= record
.data
.type
;
294 var id
= record
.data
.id
;
296 return Proxmox
.Utils
.format_task_description(type
, id
);
299 parse_task_upid: function(upid
) {
302 var res
= upid
.match(/^UPID:(\S+):([0-9A-Fa-f]{8}):([0-9A-Fa-f]{8,9}):([0-9A-Fa-f]{8}):([^:\s]+):([^:\s]*):([^:\s]+):$/);
304 throw "unable to parse upid '" + upid
+ "'";
307 task
.pid
= parseInt(res
[2], 16);
308 task
.pstart
= parseInt(res
[3], 16);
309 task
.starttime
= parseInt(res
[4], 16);
314 task
.desc
= Proxmox
.Utils
.format_task_description(task
.type
, task
.id
);
319 render_timestamp: function(value
, metaData
, record
, rowIndex
, colIndex
, store
) {
320 var servertime
= new Date(value
* 1000);
321 return Ext
.Date
.format(servertime
, 'Y-m-d H:i:s');
327 constructor: function() {
329 Ext
.apply(me
, me
.utilities
);
331 var IPV4_OCTET
= "(?:25[0-5]|(?:[1-9]|1[0-9]|2[0-4])?[0-9])";
332 var IPV4_REGEXP
= "(?:(?:" + IPV4_OCTET
+ "\\.){3}" + IPV4_OCTET
+ ")";
333 var IPV6_H16
= "(?:[0-9a-fA-F]{1,4})";
334 var IPV6_LS32
= "(?:(?:" + IPV6_H16
+ ":" + IPV6_H16
+ ")|" + IPV4_REGEXP
+ ")";
337 me
.IP4_match
= new RegExp("^(?:" + IPV4_REGEXP
+ ")$");
338 me
.IP4_cidr_match
= new RegExp("^(?:" + IPV4_REGEXP
+ ")\/([0-9]{1,2})$");
340 var IPV6_REGEXP
= "(?:" +
341 "(?:(?:" + "(?:" + IPV6_H16
+ ":){6})" + IPV6_LS32
+ ")|" +
342 "(?:(?:" + "::" + "(?:" + IPV6_H16
+ ":){5})" + IPV6_LS32
+ ")|" +
343 "(?:(?:(?:" + IPV6_H16
+ ")?::" + "(?:" + IPV6_H16
+ ":){4})" + IPV6_LS32
+ ")|" +
344 "(?:(?:(?:(?:" + IPV6_H16
+ ":){0,1}" + IPV6_H16
+ ")?::" + "(?:" + IPV6_H16
+ ":){3})" + IPV6_LS32
+ ")|" +
345 "(?:(?:(?:(?:" + IPV6_H16
+ ":){0,2}" + IPV6_H16
+ ")?::" + "(?:" + IPV6_H16
+ ":){2})" + IPV6_LS32
+ ")|" +
346 "(?:(?:(?:(?:" + IPV6_H16
+ ":){0,3}" + IPV6_H16
+ ")?::" + "(?:" + IPV6_H16
+ ":){1})" + IPV6_LS32
+ ")|" +
347 "(?:(?:(?:(?:" + IPV6_H16
+ ":){0,4}" + IPV6_H16
+ ")?::" + ")" + IPV6_LS32
+ ")|" +
348 "(?:(?:(?:(?:" + IPV6_H16
+ ":){0,5}" + IPV6_H16
+ ")?::" + ")" + IPV6_H16
+ ")|" +
349 "(?:(?:(?:(?:" + IPV6_H16
+ ":){0,7}" + IPV6_H16
+ ")?::" + ")" + ")" +
352 me
.IP6_match
= new RegExp("^(?:" + IPV6_REGEXP
+ ")$");
353 me
.IP6_cidr_match
= new RegExp("^(?:" + IPV6_REGEXP
+ ")\/([0-9]{1,3})$");
354 me
.IP6_bracket_match
= new RegExp("^\\[(" + IPV6_REGEXP
+ ")\\]");
356 me
.IP64_match
= new RegExp("^(?:" + IPV6_REGEXP
+ "|" + IPV4_REGEXP
+ ")$");
358 var 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])?))";
359 me
.DnsName_match
= new RegExp("^" + DnsName_REGEXP
+ "$");
361 me
.HostPort_match
= new RegExp("^(" + IPV4_REGEXP
+ "|" + DnsName_REGEXP
+ ")(:\\d+)?$");
362 me
.HostPortBrackets_match
= new RegExp("^\\[(?:" + IPV6_REGEXP
+ "|" + IPV4_REGEXP
+ "|" + DnsName_REGEXP
+ ")\\](:\\d+)?$");
363 me
.IP6_dotnotation_match
= new RegExp("^" + IPV6_REGEXP
+ "(\\.\\d+)?$");