root / ui / static / snf / js / utils.js @ 9ffd10ce
History | View | Annotate | Download (13.3 kB)
1 |
;(function(root){
|
---|---|
2 |
|
3 |
var root = root;
|
4 |
var snf = root.synnefo = root.synnefo || {};
|
5 |
|
6 |
snf.i18n = {}; |
7 |
|
8 |
// Logging namespace
|
9 |
var logging = snf.logging = snf.logging || {};
|
10 |
|
11 |
// logger object
|
12 |
var logger = logging.logger = function(ns, level){ |
13 |
var levels = ["debug", "info", "error"]; |
14 |
var con = window.console;
|
15 |
|
16 |
this.level = level || synnefo.logging.level;
|
17 |
this.ns = ns || ""; |
18 |
|
19 |
this._log = function(lvl) { |
20 |
if (lvl >= this.level && con) { |
21 |
var args = Array.prototype.slice.call(arguments[1]); |
22 |
var level_name = levels[lvl];
|
23 |
|
24 |
if (this.ns) { |
25 |
args = ["["+this.ns+"] "].concat(args); |
26 |
} |
27 |
|
28 |
log = con.log |
29 |
if (con[level_name])
|
30 |
log = con[level_name] |
31 |
|
32 |
try {
|
33 |
con && log.apply(con, Array.prototype.slice.call(args)); |
34 |
} catch (err) {}
|
35 |
} |
36 |
} |
37 |
|
38 |
this.debug = function() { |
39 |
var args = [0]; args.push.call(args, arguments); |
40 |
this._log.apply(this, args); |
41 |
} |
42 |
|
43 |
this.info = function() { |
44 |
var args = [1]; args.push.call(args, arguments); |
45 |
this._log.apply(this, args); |
46 |
} |
47 |
|
48 |
this.error = function() { |
49 |
var args = [2]; args.push.call(args, arguments); |
50 |
this._log.apply(this, args); |
51 |
} |
52 |
|
53 |
}; |
54 |
|
55 |
synnefo.collect_user_data = function() { |
56 |
var data = {}
|
57 |
|
58 |
try {
|
59 |
data.client = {'browser': $.browser, 'screen': $.extend({}, screen), 'client': $.client} |
60 |
} catch (err) { data.client = err }
|
61 |
try {
|
62 |
data.calls = synnefo.api.requests; |
63 |
} catch (err) { data.calls = err }
|
64 |
try {
|
65 |
data.errors = synnefo.api.errors; |
66 |
} catch (err) { data.errors = err }
|
67 |
try {
|
68 |
data.data = {}; |
69 |
} catch (err) { data.data = err }
|
70 |
try {
|
71 |
data.data.vms = synnefo.storage.vms.toJSON(); |
72 |
} catch (err) { data.data.vms = err }
|
73 |
try {
|
74 |
data.data.networks = synnefo.storage.networks.toJSON(); |
75 |
} catch (err) { data.data.networks = err }
|
76 |
//try {
|
77 |
//data.data.images = synnefo.storage.images.toJSON();
|
78 |
//} catch (err) { data.data.images = err }
|
79 |
//try {
|
80 |
//data.data.flavors = synnefo.storage.flavors.toJSON();
|
81 |
//} catch (err) { data.data.flavors = err }
|
82 |
try {
|
83 |
data.date = new Date;
|
84 |
} catch (err) { data.date = err }
|
85 |
|
86 |
return data;
|
87 |
} |
88 |
|
89 |
// default logger level (debug)
|
90 |
synnefo.logging.level = 0;
|
91 |
|
92 |
// generic logger
|
93 |
synnefo.log = new logger({'ns':'SNF'}); |
94 |
|
95 |
// synnefo config options
|
96 |
synnefo.config = synnefo.config || {}; |
97 |
synnefo.config.api_url = "/api/v1.1";
|
98 |
|
99 |
// Util namespace
|
100 |
synnefo.util = synnefo.util || {}; |
101 |
|
102 |
// Extensions and Utility functions
|
103 |
synnefo.util.ISODateString = function(d){ |
104 |
function pad(n){ |
105 |
return n<10 ? '0'+n : n |
106 |
} |
107 |
return d.getUTCFullYear()+'-' |
108 |
+ pad(d.getUTCMonth()+1)+'-' |
109 |
+ pad(d.getUTCDate())+'T'
|
110 |
+ pad(d.getUTCHours())+':'
|
111 |
+ pad(d.getUTCMinutes())+':'
|
112 |
+ pad(d.getUTCSeconds())+'Z'
|
113 |
} |
114 |
|
115 |
|
116 |
synnefo.util.parseUri = function(sourceUri) { |
117 |
var uriPartNames = ["source","protocol","authority","domain","port","path","directoryPath","fileName","query","anchor"]; |
118 |
var uriParts = new RegExp("^(?:([^:/?#.]+):)?(?://)?(([^:/?#]*)(?::(\\d*))?)?((/(?:[^?#](?![^?#/]*\\.[^?#/.]+(?:[\\?#]|$)))*/?)?([^?#/]*))?(?:\\?([^#]*))?(?:#(.*))?").exec(sourceUri); |
119 |
var uri = {};
|
120 |
|
121 |
for(var i = 0; i < 10; i++){ |
122 |
uri[uriPartNames[i]] = (uriParts[i] ? uriParts[i] : "");
|
123 |
} |
124 |
|
125 |
// Always end directoryPath with a trailing backslash if a path was present in the source URI
|
126 |
// Note that a trailing backslash is NOT automatically inserted within or appended to the "path" key
|
127 |
if(uri.directoryPath.length > 0){ |
128 |
uri.directoryPath = uri.directoryPath.replace(/\/?$/, "/"); |
129 |
} |
130 |
|
131 |
return uri;
|
132 |
} |
133 |
|
134 |
synnefo.util.equalHeights = function() { |
135 |
var max_height = 0; |
136 |
var selectors = _.toArray(arguments); |
137 |
|
138 |
_.each(selectors, function(s){
|
139 |
console.log($(s).height());
|
140 |
}) |
141 |
// TODO: implement me
|
142 |
} |
143 |
|
144 |
synnefo.util.ClipHelper = function(cont) { |
145 |
this.cont = cont || $('<div class="clip-copy"></div>'); |
146 |
this.clip = new ZeroClipboard.Client(); |
147 |
this.clip.setHandCursor(true); |
148 |
|
149 |
this.el = this.cont; |
150 |
this.el.append(this.clip.getHTML(20,20)); |
151 |
|
152 |
this.setText = function(t) { |
153 |
this.clip.setText(t);
|
154 |
} |
155 |
|
156 |
var copy_prompt = "Click to copy to clipboard"; |
157 |
this.el.attr({title: copy_prompt}); |
158 |
this.el.tooltip();
|
159 |
var el = this.el; |
160 |
|
161 |
this.clip.addEventListener('complete', _.bind(function(client, text) { |
162 |
var tip = el.data("tooltip") |
163 |
tip.hide().getTip().text("Copied");
|
164 |
window.setTimeout(function() {
|
165 |
tip.show(); |
166 |
}, 70)
|
167 |
window.setTimeout(function() {
|
168 |
tip.hide().getTip().text(copy_prompt); |
169 |
window.setTimeout(function(){
|
170 |
tip.show(); |
171 |
}, 100)
|
172 |
}, 3000)
|
173 |
}, this));
|
174 |
} |
175 |
|
176 |
synnefo.util.truncate = function(string, size, append, words) { |
177 |
if (string.length <= size) {
|
178 |
return string;
|
179 |
} |
180 |
|
181 |
if (append === undefined) { |
182 |
append = "...";
|
183 |
} |
184 |
|
185 |
if (!append) { append = "" }; |
186 |
// TODO: implement word truncate
|
187 |
if (words === undefined) { |
188 |
words = false;
|
189 |
} |
190 |
|
191 |
len = size - append.length; |
192 |
return string.substring(0, len) + append; |
193 |
} |
194 |
|
195 |
synnefo.util.readablizeBytes = function(bytes) { |
196 |
var s = ['bytes', 'kb', 'MB', 'GB', 'TB', 'PB']; |
197 |
var e = Math.floor(Math.log(bytes)/Math.log(1024)); |
198 |
return (bytes/Math.pow(1024, Math.floor(e))).toFixed(2)+" "+s[e]; |
199 |
} |
200 |
|
201 |
synnefo.i18n.API_ERROR_MESSAGES = { |
202 |
'timeout': {
|
203 |
'message': 'TIMEOUT', |
204 |
'allow_report': false, |
205 |
'type': 'Network' |
206 |
}, |
207 |
|
208 |
'error': {
|
209 |
'message': 'API error' |
210 |
}, |
211 |
|
212 |
'abort': {},
|
213 |
'parserror': {},
|
214 |
'413': {
|
215 |
'title': "Account warning" |
216 |
} |
217 |
} |
218 |
|
219 |
synnefo.util.array_diff = function(arr1, arr2) { |
220 |
var removed = [];
|
221 |
var added = [];
|
222 |
|
223 |
_.each(arr1, function(v) {
|
224 |
if (arr2.indexOf(v) == -1) { |
225 |
removed[removed.length] = v; |
226 |
} |
227 |
}) |
228 |
|
229 |
|
230 |
_.each(arr2, function(v) {
|
231 |
if (arr1.indexOf(v) == -1) { |
232 |
added[added.length] = v; |
233 |
} |
234 |
}) |
235 |
|
236 |
return {del: removed, add: added}; |
237 |
} |
238 |
|
239 |
synnefo.util.open_window = function(url, name, specs) { |
240 |
// default specs
|
241 |
var opts = _.extend({
|
242 |
scrollbars: 'no', |
243 |
menubar: 'no', |
244 |
toolbar: 'no', |
245 |
status: 'no', |
246 |
top: 'no', |
247 |
left: 'no', |
248 |
height: screen.height,
|
249 |
width: screen.width,
|
250 |
fullscreen: 'yes', |
251 |
channelmode: 'yes', |
252 |
directories: 'no', |
253 |
left: 0, |
254 |
location: 'no', |
255 |
top: 0 |
256 |
}, opts) |
257 |
|
258 |
window.open(url, name, opts); |
259 |
} |
260 |
|
261 |
synnefo.util.stacktrace = function() { |
262 |
try {
|
263 |
var obj = {};
|
264 |
if (window.Error && Error.captureStackTrace) {
|
265 |
Error.captureStackTrace(obj, synnefo.util.stacktrace); |
266 |
return obj.stack;
|
267 |
} else {
|
268 |
return printStackTrace().join("<br /><br />"); |
269 |
} |
270 |
} catch (err) {}
|
271 |
return ""; |
272 |
}, |
273 |
|
274 |
synnefo.util.array_combinations = function(arr) { |
275 |
if (arr.length == 1) { |
276 |
return arr[0]; |
277 |
} else {
|
278 |
var result = [];
|
279 |
|
280 |
// recur with the rest of array
|
281 |
var allCasesOfRest = synnefo.util.array_combinations(arr.slice(1)); |
282 |
for (var i = 0; i < allCasesOfRest.length; i++) { |
283 |
for (var j = 0; j < arr[0].length; j++) { |
284 |
result.push(arr[0][j] + "-" + allCasesOfRest[i]); |
285 |
} |
286 |
} |
287 |
return result;
|
288 |
} |
289 |
} |
290 |
|
291 |
synnefo.util.parse_api_error = function() { |
292 |
if (arguments.length == 1) { arguments = arguments[0] }; |
293 |
|
294 |
var xhr = arguments[0]; |
295 |
var error_message = arguments[1]; |
296 |
var error_thrown = arguments[2]; |
297 |
var ajax_settings = _.last(arguments) || {}; |
298 |
var call_settings = ajax_settings.error_params || {};
|
299 |
var json_data = undefined; |
300 |
|
301 |
var critical = ajax_settings.critical === undefined ? true : ajax_settings.critical; |
302 |
|
303 |
if (xhr.responseText) {
|
304 |
try {
|
305 |
json_data = JSON.parse(xhr.responseText) |
306 |
} catch (err) {}
|
307 |
} |
308 |
|
309 |
module = "API"
|
310 |
|
311 |
try {
|
312 |
path = synnefo.util.parseUri(ajax_settings.url).path.split("/");
|
313 |
path.splice(0,3) |
314 |
module = path.join("/");
|
315 |
} catch (err) {
|
316 |
console.error("cannot identify api error module");
|
317 |
} |
318 |
|
319 |
defaults = { |
320 |
'message': 'Api error', |
321 |
'type': 'API', |
322 |
'allow_report': true, |
323 |
'fatal_error': ajax_settings.critical || false, |
324 |
'non_critical': !critical
|
325 |
} |
326 |
|
327 |
var code = -1; |
328 |
try {
|
329 |
code = xhr.status || "undefined";
|
330 |
} catch (err) {console.error(err);}
|
331 |
var details = ""; |
332 |
|
333 |
if ([413].indexOf(code) > -1) { |
334 |
defaults.non_critical = true;
|
335 |
defaults.allow_report = false;
|
336 |
defaults.allow_reload = false;
|
337 |
error_message = "limit_error";
|
338 |
} |
339 |
|
340 |
if (critical) {
|
341 |
defaults.allow_report = true;
|
342 |
} |
343 |
|
344 |
if (json_data) {
|
345 |
$.each(json_data, function(key, obj) { |
346 |
code = obj.code; |
347 |
details = obj.details.replace("\n","<br>"); |
348 |
error_message = obj.message; |
349 |
}) |
350 |
} |
351 |
|
352 |
extra = {'URL': ajax_settings.url};
|
353 |
options = {}; |
354 |
options = _.extend(options, {'details': details, 'message': error_message, 'ns': module, 'extra_details': extra}); |
355 |
options = _.extend(options, call_settings); |
356 |
options = _.extend(options, synnefo.i18n.API_ERROR_MESSAGES[error_message] || {}); |
357 |
options = _.extend(options, synnefo.i18n.API_ERROR_MESSAGES[code] || {}); |
358 |
|
359 |
if (window.ERROR_OVERRIDES && window.ERROR_OVERRIDES[options.message]) {
|
360 |
options.message = window.ERROR_OVERRIDES[options.message]; |
361 |
} |
362 |
|
363 |
if (code && window.ERROR_OVERRIDES && window.ERROR_OVERRIDES[code]) {
|
364 |
options.message = window.ERROR_OVERRIDES[code]; |
365 |
} |
366 |
|
367 |
options = _.extend(defaults, options); |
368 |
options.code = code; |
369 |
|
370 |
return options;
|
371 |
} |
372 |
|
373 |
|
374 |
// Backbone extensions
|
375 |
//
|
376 |
// super method
|
377 |
Backbone.Model.prototype._super = Backbone.Collection.prototype._super = Backbone.View.prototype._super = function(funcName){ |
378 |
return this.constructor.__super__[funcName].apply(this, _.rest(arguments)); |
379 |
} |
380 |
|
381 |
// simple string format helper
|
382 |
// http://stackoverflow.com/questions/610406/javascript-equivalent-to-printf-string-format
|
383 |
String.prototype.format = function() { |
384 |
var formatted = this; |
385 |
for (var i = 0; i < arguments.length; i++) { |
386 |
var regexp = new RegExp('\\{'+i+'\\}', 'gi'); |
387 |
formatted = formatted.replace(regexp, arguments[i]);
|
388 |
} |
389 |
return formatted;
|
390 |
}; |
391 |
|
392 |
|
393 |
$.fn.setCursorPosition = function(pos) { |
394 |
if ($(this).get(0).setSelectionRange) { |
395 |
$(this).get(0).setSelectionRange(pos, pos); |
396 |
} else if ($(this).get(0).createTextRange) { |
397 |
var range = $(this).get(0).createTextRange(); |
398 |
range.collapse(true);
|
399 |
range.moveEnd('character', pos);
|
400 |
range.moveStart('character', pos);
|
401 |
range.select(); |
402 |
} |
403 |
} |
404 |
|
405 |
// trim prototype for IE
|
406 |
if(typeof String.prototype.trim !== 'function') { |
407 |
String.prototype.trim = function() { |
408 |
return this.replace(/^\s+|\s+$/g, ''); |
409 |
} |
410 |
} |
411 |
|
412 |
// http://stackoverflow.com/questions/499126/jquery-set-cursor-position-in-text-area
|
413 |
$.fn.setCursorPosition = function(pos) { |
414 |
if ($(this).get(0).setSelectionRange) { |
415 |
$(this).get(0).setSelectionRange(pos, pos); |
416 |
} else if ($(this).get(0).createTextRange) { |
417 |
var range = $(this).get(0).createTextRange(); |
418 |
range.collapse(true);
|
419 |
range.moveEnd('character', pos);
|
420 |
range.moveStart('character', pos);
|
421 |
range.select(); |
422 |
} |
423 |
} |
424 |
|
425 |
// indexOf prototype for IE
|
426 |
if (!Array.prototype.indexOf) {
|
427 |
Array.prototype.indexOf = function(elt /*, from*/) { |
428 |
var len = this.length; |
429 |
var from = Number(arguments[1]) || 0; |
430 |
from = (from < 0)
|
431 |
? Math.ceil(from) |
432 |
: Math.floor(from); |
433 |
if (from < 0) |
434 |
from += len; |
435 |
|
436 |
for (; from < len; from++) {
|
437 |
if (from in this && |
438 |
this[from] === elt)
|
439 |
return from;
|
440 |
} |
441 |
return -1; |
442 |
}; |
443 |
} |
444 |
|
445 |
})(this);
|