root / ui / static / snf / js / utils.js @ a9d9f677
History | View | Annotate | Download (12.9 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 |
try {
|
51 |
console.trace() |
52 |
} catch (err) {}
|
53 |
this._log.apply(this, args); |
54 |
} |
55 |
|
56 |
}; |
57 |
|
58 |
synnefo.collect_user_data = function() { |
59 |
var data = {}
|
60 |
|
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.vms.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 |
} |
215 |
|
216 |
synnefo.util.array_diff = function(arr1, arr2) { |
217 |
var removed = [];
|
218 |
var added = [];
|
219 |
|
220 |
_.each(arr1, function(v) {
|
221 |
if (arr2.indexOf(v) == -1) { |
222 |
removed[removed.length] = v; |
223 |
} |
224 |
}) |
225 |
|
226 |
|
227 |
_.each(arr2, function(v) {
|
228 |
if (arr1.indexOf(v) == -1) { |
229 |
added[added.length] = v; |
230 |
} |
231 |
}) |
232 |
|
233 |
return {del: removed, add: added}; |
234 |
} |
235 |
|
236 |
synnefo.util.open_window = function(url, name, specs) { |
237 |
// default specs
|
238 |
var opts = _.extend({
|
239 |
scrollbars: 'no', |
240 |
menubar: 'no', |
241 |
toolbar: 'no', |
242 |
status: 'no', |
243 |
top: 'no', |
244 |
left: 'no', |
245 |
height: screen.height,
|
246 |
width: screen.width,
|
247 |
fullscreen: 'yes', |
248 |
channelmode: 'yes', |
249 |
directories: 'no', |
250 |
left: 0, |
251 |
location: 'no', |
252 |
top: 0 |
253 |
}, opts) |
254 |
|
255 |
window.open(url, name, opts); |
256 |
} |
257 |
|
258 |
synnefo.util.stacktrace = function() { |
259 |
try {
|
260 |
var obj = {};
|
261 |
if (window.Error && Error.captureStackTrace) {
|
262 |
Error.captureStackTrace(obj, synnefo.util.stacktrace); |
263 |
return obj.stack;
|
264 |
} else {
|
265 |
return printStackTrace().join("<br /><br />"); |
266 |
} |
267 |
} catch (err) {}
|
268 |
return ""; |
269 |
}, |
270 |
|
271 |
synnefo.util.array_combinations = function(arr) { |
272 |
if (arr.length == 1) { |
273 |
return arr[0]; |
274 |
} else {
|
275 |
var result = [];
|
276 |
|
277 |
// recur with the rest of array
|
278 |
var allCasesOfRest = synnefo.util.array_combinations(arr.slice(1)); |
279 |
for (var i = 0; i < allCasesOfRest.length; i++) { |
280 |
for (var j = 0; j < arr[0].length; j++) { |
281 |
result.push(arr[0][j] + "-" + allCasesOfRest[i]); |
282 |
} |
283 |
} |
284 |
return result;
|
285 |
} |
286 |
} |
287 |
|
288 |
synnefo.util.parse_api_error = function(arguments) { |
289 |
arguments = arguments[0]; |
290 |
|
291 |
var xhr = arguments[0]; |
292 |
var error_message = arguments[1]; |
293 |
var error_thrown = arguments[2]; |
294 |
var ajax_settings = arguments.ajax || {}; |
295 |
var call_settings = arguments.ajax ? arguments.ajax.error_params || {} : {}; |
296 |
|
297 |
var json_data = undefined; |
298 |
if (xhr.responseText) {
|
299 |
try {
|
300 |
json_data = JSON.parse(xhr.responseText) |
301 |
} catch (err) {}
|
302 |
} |
303 |
|
304 |
module = "API"
|
305 |
|
306 |
try {
|
307 |
path = synnefo.util.parseUri(ajax_settings.url).path.split("/");
|
308 |
path.splice(0,3) |
309 |
module = path.join("/");
|
310 |
} catch (err) {
|
311 |
console.error("cannot identify api error module");
|
312 |
} |
313 |
|
314 |
defaults = { |
315 |
'message': 'Api error', |
316 |
'type': 'API', |
317 |
'allow_report': true, |
318 |
'fatal_error': ajax_settings.critical || false |
319 |
} |
320 |
|
321 |
var code = -1; |
322 |
try {
|
323 |
code = xhr.status || "undefined";
|
324 |
} catch (err) {console.error(err);}
|
325 |
var details = ""; |
326 |
|
327 |
if ([413].indexOf(code) > -1) { |
328 |
defaults.non_critical = true;
|
329 |
defaults.allow_report = false;
|
330 |
defaults.allow_reload = false;
|
331 |
} |
332 |
|
333 |
if (json_data) {
|
334 |
$.each(json_data, function(key, obj) { |
335 |
code = obj.code; |
336 |
details = obj.details.replace("\n","<br>"); |
337 |
error_message = obj.message; |
338 |
}) |
339 |
} |
340 |
|
341 |
extra = {'URL': ajax_settings.url};
|
342 |
options = {}; |
343 |
options = _.extend(options, {'details': details, 'message': error_message, 'ns': module, 'extra_details': extra}); |
344 |
options = _.extend(options, call_settings); |
345 |
options = _.extend(options, synnefo.i18n.API_ERROR_MESSAGES[error_message] || {}); |
346 |
|
347 |
if (window.ERROR_OVERRIDES && window.ERROR_OVERRIDES[options.message]) {
|
348 |
options.message = window.ERROR_OVERRIDES[options.message]; |
349 |
} |
350 |
|
351 |
if (code && window.ERROR_OVERRIDES && window.ERROR_OVERRIDES[code]) {
|
352 |
options.message = window.ERROR_OVERRIDES[code]; |
353 |
} |
354 |
|
355 |
options = _.extend(defaults, options); |
356 |
options.code = code; |
357 |
|
358 |
return options;
|
359 |
} |
360 |
|
361 |
|
362 |
// Backbone extensions
|
363 |
//
|
364 |
// super method
|
365 |
Backbone.Model.prototype._super = Backbone.Collection.prototype._super = Backbone.View.prototype._super = function(funcName){ |
366 |
return this.constructor.__super__[funcName].apply(this, _.rest(arguments)); |
367 |
} |
368 |
|
369 |
// simple string format helper
|
370 |
// http://stackoverflow.com/questions/610406/javascript-equivalent-to-printf-string-format
|
371 |
String.prototype.format = function() { |
372 |
var formatted = this; |
373 |
for (var i = 0; i < arguments.length; i++) { |
374 |
var regexp = new RegExp('\\{'+i+'\\}', 'gi'); |
375 |
formatted = formatted.replace(regexp, arguments[i]);
|
376 |
} |
377 |
return formatted;
|
378 |
}; |
379 |
|
380 |
|
381 |
$.fn.setCursorPosition = function(pos) { |
382 |
if ($(this).get(0).setSelectionRange) { |
383 |
$(this).get(0).setSelectionRange(pos, pos); |
384 |
} else if ($(this).get(0).createTextRange) { |
385 |
var range = $(this).get(0).createTextRange(); |
386 |
range.collapse(true);
|
387 |
range.moveEnd('character', pos);
|
388 |
range.moveStart('character', pos);
|
389 |
range.select(); |
390 |
} |
391 |
} |
392 |
|
393 |
// trim prototype for IE
|
394 |
if(typeof String.prototype.trim !== 'function') { |
395 |
String.prototype.trim = function() { |
396 |
return this.replace(/^\s+|\s+$/g, ''); |
397 |
} |
398 |
} |
399 |
|
400 |
// http://stackoverflow.com/questions/499126/jquery-set-cursor-position-in-text-area
|
401 |
$.fn.setCursorPosition = function(pos) { |
402 |
if ($(this).get(0).setSelectionRange) { |
403 |
$(this).get(0).setSelectionRange(pos, pos); |
404 |
} else if ($(this).get(0).createTextRange) { |
405 |
var range = $(this).get(0).createTextRange(); |
406 |
range.collapse(true);
|
407 |
range.moveEnd('character', pos);
|
408 |
range.moveStart('character', pos);
|
409 |
range.select(); |
410 |
} |
411 |
} |
412 |
|
413 |
// indexOf prototype for IE
|
414 |
if (!Array.prototype.indexOf) {
|
415 |
Array.prototype.indexOf = function(elt /*, from*/) { |
416 |
var len = this.length; |
417 |
var from = Number(arguments[1]) || 0; |
418 |
from = (from < 0)
|
419 |
? Math.ceil(from) |
420 |
: Math.floor(from); |
421 |
if (from < 0) |
422 |
from += len; |
423 |
|
424 |
for (; from < len; from++) {
|
425 |
if (from in this && |
426 |
this[from] === elt)
|
427 |
return from;
|
428 |
} |
429 |
return -1; |
430 |
}; |
431 |
} |
432 |
|
433 |
})(this);
|