git.sur5r.net Git - bacula/bacula/blob - gui/baculum/protected/Web/JavaScript/misc.js

   1 var Units = {
   2         formats: [
   3                 {format: 'second', value: 1},
   4                 {format: 'minute', value: 60},
   5                 {format: 'hour', value: 60},
   6                 {format: 'day', value: 24}
   7         ],
   8         units: ['K', 'M', 'G', 'T', 'P'],
   9         get_decimal_size: function(size) {
  10                 var dec_size;
  11                 var size_unit = 'B';
  12                 var units = Units.units.slice(0);
  13
  14                 if (size === null) {
  15                         size = 0;
  16                 }
  17
  18                 var size_pattern = new RegExp('^[\\d\\.]+(' + units.join('|') + ')?' + size_unit + '$');
  19
  20                 if (size_pattern.test(size.toString())) {
  21                         // size is already formatted
  22                         dec_size = size;
  23                 } else {
  24                         size = parseInt(size, 10);
  25                         var unit;
  26                         dec_size = size.toString() + ((size > 0 ) ? size_unit : '');
  27                         while(size >= 1000) {
  28                                 size /= 1000;
  29                                 unit = units.shift(units);
  30                         }
  31                         if (unit) {
  32                                 dec_size = (Math.floor(size * 10) / 10).toFixed(1);
  33                                 dec_size += unit + size_unit;
  34                         }
  35                 }
  36                 return dec_size;
  37         },
  38         format_time_period: function(time_seconds, format) {
  39                 var reminder;
  40                 var f;
  41                 for (var i = 0; i < this.formats.length; i++) {
  42                         if (this.formats[i].format != format) {
  43                                 reminder = time_seconds % this.formats[i].value;
  44                                 if (reminder === 0) {
  45                                         time_seconds /= this.formats[i].value;
  46                                         f = this.formats[i].format;
  47                                         continue;
  48                                 }
  49                                 break;
  50                         }
  51                 }
  52                 var ret = {value: time_seconds, format: f};
  53                 return ret;
  54         }
  55 }
  56
  57 var Strings = {
  58         limits: {
  59                 label: 15
  60         },
  61         get_short_label: function(txt) {
  62                 var short_txt = txt;
  63                 var cut = ((this.limits.label - 2) / 2);
  64                 if (txt.length > this.limits.label) {
  65                         short_txt = txt.substr(0, cut) + '..' + txt.substr(-cut);
  66                 }
  67                 return short_txt;
  68         }
  69 }
  70
  71 var PieGraph  = {
  72         pie_label_formatter: function (total, value) {
  73                 var percents =  (100 * value / total).toFixed(1);
  74                 if (percents >= 1) {
  75                         percents = percents.toString() + '%';
  76                 } else {
  77                         percents = '';
  78                 }
  79                 return percents;
  80         },
  81         pie_track_formatter: function(e) {
  82                 return e.series.label;
  83         }
  84 }
  85
  86 var Formatters = {
  87         formatter: [
  88                 {css_class: 'size', format_func: Units.get_decimal_size}
  89         ],
  90         set_formatters: function() {
  91                 var elements, formatter, txt;
  92                 for (var i = 0; i < this.formatter.length; i++) {
  93                         elements = document.getElementsByClassName(this.formatter[i].css_class);
  94                         formatter = this.formatter[i].format_func;
  95                         for (var i = 0; i < elements.length; i++) {
  96                                 txt = elements[i].firstChild;
  97                                 if (txt.nodeType === 3) {
  98                                         txt.nodeValue = formatter(txt.nodeValue);
  99                                 }
 100                         }
 101                 }
 102         }
 103 }
 104
 105 var Cookies = {
 106         default_exipration_time: 31536000000, // 1 year in miliseconds
 107         set_cookie: function(name, value, expiration) {
 108                 var date = new Date();
 109                 date.setTime(date.getTime() + this.default_exipration_time);
 110                 var expires = 'expires=' + date.toUTCString();
 111                 document.cookie = name + '=' + value + '; ' + expires;
 112         },
 113         get_cookie: function(name) {
 114                 name += '=';
 115                 var values = document.cookie.split(';');
 116                 var cookie_val = null;
 117                 var value;
 118                 for (var i = 0; i < values.length; i++) {
 119                         value = values[i];
 120                         while (value.charAt(0) == ' ') {
 121                                 value = value.substr(1);
 122                         }
 123                         if (value.indexOf(name) == 0) {
 124                                 cookie_val = value.substring(name.length, value.length);
 125                                 break;
 126                         }
 127                 }
 128                 return cookie_val;
 129         }
 130 }
 131
 132 var Dashboard = {
 133         stats: null,
 134         txt: null,
 135         pie: null,
 136         noval: '-',
 137         ids: {
 138                 clients: {
 139                         no: 'clients_no',
 140                         most: 'clients_most',
 141                         jobs: 'clients_jobs'
 142                 },
 143                 jobs: {
 144                         to_view: 'jobs_to_view',
 145                         most: 'jobs_most',
 146                         most_count: 'jobs_most_count'
 147                 },
 148                 jobtotals: {
 149                         total_bytes: 'jobs_total_bytes',
 150                         total_files: 'jobs_total_files'
 151                 },
 152                 database: {
 153                         type: 'database_type',
 154                         size: 'database_size'
 155                 },
 156                 pools: {
 157                         no: 'pools_no',
 158                         most: 'pools_most',
 159                         jobs: 'pools_jobs'
 160                 },
 161                 pie_summary: 'jobs_summary_graph'
 162         },
 163         dbtype: {
 164                 pgsql: 'PostgreSQL',
 165                 mysql: 'MySQL',
 166                 sqlite: 'SQLite'
 167         },
 168         update_all: function(statistics, txt) {
 169                 this.stats = statistics;
 170                 this.txt = txt;
 171                 this.update_pie_jobstatus();
 172                 this.update_clients();
 173                 this.update_job_access();
 174                 this.update_jobs();
 175                 this.update_jobtotals();
 176                 this.update_database();
 177                 this.update_pools();
 178         },
 179         update_clients: function() {
 180                 var clients = this.stats.clients_occupancy;
 181                 var most_occuped_client = this.noval;
 182                 var occupancy = -1;
 183                 for (client in clients) {
 184                         if (occupancy < clients[client]) {
 185                                 most_occuped_client = client;
 186                                 occupancy = clients[client];
 187                         }
 188                 }
 189
 190                 if (occupancy === -1) {
 191                         occupancy = 0;
 192                 }
 193
 194                 document.getElementById(this.ids.clients.no).textContent = Object.keys(this.stats.clients).length;
 195                 document.getElementById(this.ids.clients.most).setAttribute('title', most_occuped_client);
 196                 document.getElementById(this.ids.clients.most).textContent = Strings.get_short_label(most_occuped_client);
 197                 document.getElementById(this.ids.clients.jobs).textContent = occupancy;
 198         },
 199         update_job_access: function() {
 200                 var jobs_combobox= document.getElementById(this.ids.jobs.to_view);
 201                 jobs_combobox.innerHTML = '';
 202                 var last_jobs = this.stats.jobs.slice(0, 100);
 203                 for (var i = 0; i < last_jobs.length; i++) {
 204                         var opt = document.createElement('OPTION');
 205                         var txt = '[' + last_jobs[i].jobid + '] ' + last_jobs[i].name + ' (' + this.txt.level + ': ' + last_jobs[i].level + ' ' + this.txt.status + ': ' + last_jobs[i].jobstatus + ' ' + this.txt.starttime + ': ' + last_jobs[i].starttime + ')';
 206                         var label = document.createTextNode(txt);
 207                         opt.value = last_jobs[i].jobid;
 208                         opt.appendChild(label);
 209                         jobs_combobox.appendChild(opt);
 210                 }
 211         },
 212         update_jobs: function() {
 213                 var jobs = this.stats.jobs_occupancy;
 214                 var most_occuped_job = this.noval;
 215                 var occupancy = -1;
 216                 for (job in jobs) {
 217                         if (occupancy < jobs[job]) {
 218                                 most_occuped_job = job;
 219                                 occupancy = jobs[job];
 220                         }
 221                 }
 222
 223                 if (occupancy === -1) {
 224                         occupancy = 0;
 225                 }
 226
 227                 document.getElementById(this.ids.jobs.most).setAttribute('title',most_occuped_job);
 228                 document.getElementById(this.ids.jobs.most).textContent = Strings.get_short_label(most_occuped_job);
 229                 document.getElementById(this.ids.jobs.most_count).textContent = occupancy;
 230         },
 231         update_jobtotals: function() {
 232                 document.getElementById(this.ids.jobtotals.total_bytes).textContent = Units.get_decimal_size(this.stats.jobtotals.bytes);
 233                 document.getElementById(this.ids.jobtotals.total_files).textContent = this.stats.jobtotals.files || 0;
 234         },
 235         update_database: function() {
 236                 document.getElementById(this.ids.database.type).textContent = this.dbtype[this.stats.dbsize.dbtype];
 237                 document.getElementById(this.ids.database.size).textContent = Units.get_decimal_size(this.stats.dbsize.dbsize);
 238         },
 239         update_pools: function() {
 240                 var pools = this.stats.pools_occupancy;
 241                 var most_occuped_pool = this.noval;
 242                 var occupancy = -1;
 243                 for (pool in pools) {
 244                         if (occupancy < pools[pool]) {
 245                                 most_occuped_pool = pool;
 246                                 occupancy = pools[pool];
 247                         }
 248                 }
 249
 250                 if (occupancy === -1) {
 251                         occupancy = 0;
 252                 }
 253
 254                 document.getElementById(this.ids.pools.no).textContent = Object.keys(this.stats.pools).length;
 255                 document.getElementById(this.ids.pools.most).setAttribute('title', most_occuped_pool);
 256                 document.getElementById(this.ids.pools.most).textContent = Strings.get_short_label(most_occuped_pool);
 257                 document.getElementById(this.ids.pools.jobs).textContent = occupancy;
 258         },
 259         update_pie_jobstatus: function() {
 260                 if (PanelWindow.currentWindowId === 'dashboard') {
 261                         if (this.pie != null) {
 262                                 this.pie.pie.destroy();
 263                         }
 264                         this.pie = new GraphPieClass(this.stats.jobs_summary, this.ids.pie_summary);
 265                 }
 266         }
 267 }
 268
 269 var Users = {
 270         ids: {
 271                 create_user: {
 272                         add_user: 'add_user',
 273                         add_user_btn: 'add_user_btn',
 274                         newuser: 'newuser',
 275                         newpwd: 'newpwd'
 276                 },
 277                 change_pwd: {
 278                         rel_chpwd: 'chpwd',
 279                         rel_chpwd_btn: 'chpwd_btn'
 280                 }
 281         },
 282         validators: {
 283                 user_pattern: null
 284         },
 285         init: function() {
 286                 this.setEvents();
 287         },
 288         setEvents: function() {
 289                 document.getElementById(this.ids.create_user.add_user_btn).addEventListener('click', function(e) {
 290                         $('#' + this.ids.create_user.add_user).show();
 291                         $('#' + this.ids.create_user.newuser).focus();
 292                 }.bind(this));
 293                 document.getElementById(this.ids.create_user.newuser).addEventListener('keydown', function(e) {
 294                         var target = e.target || e.srcElement;
 295                         if (e.keyCode == 13) {
 296                                 $(target.parentNode.getElementsByTagName('A')[0]).click();
 297                         } else if (e.keyCode == 27) {
 298                                 this.cancelAddUser();
 299                         }
 300                         return false;
 301                 }.bind(this));
 302                 document.getElementById(this.ids.create_user.newpwd).addEventListener('keydown', function(e) {
 303                         var target = e.target || e.srcElement;
 304                         if (e.keyCode == 13) {
 305                                 $(target.nextElementSibling).click();
 306                         } else if (e.keyCode == 27) {
 307                                 this.cancelAddUser();
 308                         }
 309                         return false;
 310                 }.bind(this));
 311         },
 312         userValidator: function(user) {
 313                 user = user.replace(/\s/g, '');
 314                 if (user == '') {
 315                         alert(this.txt.enter_login);
 316                         return false;
 317                 }
 318                 var valid = this.validators.user_pattern.test(user);
 319                 if (valid === false) {
 320                         alert(this.txt.invalid_login);
 321                         return false;
 322                 }
 323                 return true;
 324         },
 325         pwdValidator: function(pwd) {
 326                 var valid = pwd.length > 4;
 327                 if (valid === false) {
 328                         alert(this.txt.invalid_pwd);
 329                 }
 330                 return valid;
 331         },
 332         addUser: function() {
 333                 var user = document.getElementById(this.ids.create_user.newuser).value;
 334                 var pwd = document.getElementById(this.ids.create_user.newpwd).value;
 335                 if (this.userValidator(user) === false) {
 336                         return false;
 337                 }
 338                 if (this.pwdValidator(pwd) === false) {
 339                         return false;
 340                 }
 341
 342                 $('#' + this.ids.create_user.add_user).hide();
 343                 this.action_callback('newuser', user, pwd);
 344                 return true;
 345         },
 346         rmUser: function(user) {
 347                 this.action_callback('rmuser', user);
 348         },
 349         showChangePwd: function(el) {
 350                 $('a[rel=\'' + this.ids.change_pwd.rel_chpwd_btn + '\']').show();
 351                 $('#' + el).hide();
 352                 $('span[rel=\'' + this.ids.change_pwd.rel_chpwd + '\']').hide();
 353                 $(el.nextElementSibling).show();
 354                 $(el.nextElementSibling).select('input')[0].focus();
 355         },
 356         changePwd: function(el, user) {
 357                 var pwd = el.value;
 358
 359                 if (this.pwdValidator(pwd) === false) {
 360                         return false;
 361                 }
 362
 363                 $(el.parentNode).hide();
 364                 $(el.parentNode.previousElementSibling).show();
 365                 this.action_callback('chpwd', user, pwd);
 366                 return true;
 367         },
 368         cancelAddUser: function() {
 369                 $('#' + this.ids.create_user.add_user).hide();
 370         },
 371         cancelChangePwd: function(el) {
 372                 $(el.parentNode).hide();
 373                 $(el.parentNode.previousElementSibling).show();
 374         }
 375
 376 };
 377
 378 function openElementOnCursor(e, element, offsetX, offsetY) {
 379         if (!offsetX) {
 380                 offsetX = 0;
 381         }
 382         if (!offsetY) {
 383                 offsetY = 0;
 384         }
 385         var x = (e.clientX + offsetX).toString();
 386         var y = (e.clientY + offsetY + window.pageYOffset).toString();
 387         $('#' + element).css({
 388                 position: 'absolute',
 389                 left: x + 'px',
 390                 top: y + 'px',
 391                 zIndex: 1000
 392         });
 393         $('#' + element).show();
 394 }
 395
 396
 397 function get_random_string(allowed, len) {
 398         var random_string = "";
 399         for(var i = 0; i < len; i++) {
 400                 random_string += allowed.charAt(Math.floor(Math.random() * allowed.length));
 401         }
 402         return random_string;
 403 }