' +
266 | '| '+ this.per_hour[i].hour_range +' | ' +
267 | ''+ this.per_hour[i].answered +' | ' +
268 | ''+ this.per_hour[i].abandoned +' | ' +
269 | ''+ service_level +' % | ' +
270 | ''+ this.per_hour[i].abandon_rate +' % | ' +
271 | ''+ this.per_hour[i].answered_time +' | ' +
272 | ''+ this.per_hour[i].abandoned_time +' | ' +
273 | '
';
274 | }
275 | Stats.config.$stats_table.html(html);
276 | },
277 | storeData : function(data){
278 | this.inbound_calls = data.total_calls;
279 | this.failed_calls = data.failed_calls;
280 | this.offered_calls = data.total_offered_calls;
281 | this.abandoned_calls = data.total_abandoned;
282 | this.answered_calls = data.total_answered;
283 | this.abandoned_sla = data.abandoned_after_SLA;
284 | this.answered_sla = data.answered_before_SLA;
285 | this.average_response_time = data.average_response_time;
286 | this.abandoned_sla_perc = Stats.calculatePercent('abandoned');
287 | this.answered_sla_perc = Stats.calculatePercent('answered');
288 | this.parseHourStats(data.per_hour);
289 | },
290 | parseHourStats : function (per_hour){
291 | this.per_hour = [];
292 |
293 | if (per_hour) {
294 | for (var i = 0, len = 24; i < len; i++){
295 | if (per_hour[i]){
296 | var hour_range = [[pad2(i),'00'].join(':'), [pad2(i+1),'00'].join(':')].join(' - '),
297 | total_calls = per_hour[i].abandoned + per_hour[i].answered,
298 | abandoned_time = formatSeconds(per_hour[i].abandoned_time / per_hour[i].abandoned),
299 | answered_time = formatSeconds(per_hour[i].answered_time / per_hour[i].answered);
300 |
301 | this.per_hour.push({
302 | hour_range : hour_range,
303 | abandoned : per_hour[i].abandoned,
304 | abandoned_time : abandoned_time,
305 | answered : per_hour[i].answered,
306 | answered_time : answered_time,
307 | service_level : ((per_hour[i].answered_sla * 100) / per_hour[i].answered).toFixed(1),
308 | abandon_rate : ((per_hour[i].abandoned * 100) / total_calls).toFixed(1)
309 | });
310 | }
311 | }
312 | }
313 | },
314 | updateWeb : function() {
315 | Stats.config.sla_abandoned.text(parseFloat(Stats.abandoned_sla_perc,10).toFixed(1) + ' %');
316 | Stats.config.sla_abandoned.removeClass();
317 | Stats.config.sla_abandoned.addClass('number ' +
318 | Stats.determineColor(Stats.abandoned_sla_perc, Stats.config.perc_abandoned, true)
319 | );
320 |
321 | Stats.config.sla_answered.text(parseFloat(Stats.answered_sla_perc,10).toFixed(1) + ' %');
322 | Stats.config.sla_answered.removeClass();
323 | Stats.config.sla_answered.addClass('number ' +
324 | Stats.determineColor(Stats.answered_sla_perc, Stats.config.perc_answered)
325 | );
326 |
327 | Stats.config.average_response_time_row
328 | .text(Stats.average_response_time || '0')
329 | .removeClass()
330 | .addClass('number ' + Stats.determineColor(Stats.average_response_time, Stats.config.sec_answered, true));
331 |
332 | Stats.config.inbound_calls_row.text(Stats.inbound_calls);
333 | Stats.config.failed_calls_row.text(Stats.failed_calls);
334 | Stats.config.kpi_abandoned_row.text(Stats.abandoned_perc || '0' + ' %');
335 |
336 | Stats.config.offered_calls_row.text(Stats.offered_calls);
337 |
338 | Stats.config.abandoned_calls_row.text(Stats.abandoned_calls);
339 | Stats.config.answered_calls_row.text(Stats.answered_calls);
340 | Stats.config.abandoned_sla_row.text(Stats.abandoned_sla);
341 | Stats.config.answered_sla_row.text(Stats.answered_sla);
342 | },
343 | logData : function(data){
344 | console.log(data);
345 | },
346 | ISODateString : function (d) {
347 | function pad(n){
348 | return n < 10 ? '0'+ n : n
349 | }
350 | return d.getUTCFullYear()+'-'
351 | + pad(d.getMonth()+1)+'-'
352 | + pad(d.getDate())+'T'
353 | + pad(d.getHours())+':'
354 | + pad(d.getMinutes())+':'
355 | + pad(d.getSeconds())+'Z'
356 | },
357 | calculatePercent : function(which) {
358 | var total, amount;
359 |
360 | if (which === 'abandoned'){
361 | total = Stats.offered_calls;
362 | amount = Stats[which + '_sla'];
363 | Stats[which + '_perc'] = ((Stats.abandoned_calls * 100) / Stats.offered_calls).toFixed(1);
364 | }
365 | else {
366 | total = Stats[which + '_calls'];
367 | amount = Stats[which + '_sla'];
368 | Stats[which + '_perc'] = ((total * 100) / Stats.offered_calls).toFixed(1);
369 | }
370 |
371 |
372 | var result = (amount * 100) / total;
373 | return isNaN(result) ? 100 : result.toFixed(1);
374 | },
375 | determineColor : function (amount, target, lesser) {
376 | var color = '';
377 |
378 | if (lesser){
379 | if (amount > target) {
380 | color = 'red'
381 | }
382 | else {
383 | if (amount >= (target -2)){
384 | color = 'orange';
385 | }
386 | else {
387 | color = 'green';
388 | }
389 | }
390 | }
391 | else {
392 | if (amount < target) {
393 | color = 'red'
394 | }
395 | else {
396 | if (amount <= (target -2)){
397 | color = 'orange';
398 | }
399 | else {
400 | color = 'green';
401 | }
402 | }
403 | }
404 |
405 | return color;
406 | }
407 | };
408 |
409 | Stats.init({
410 | socket_address : 'http://170.251.100.90:8080/' + client_name,
411 | perc_abandoned : parseInt(perc_abandoned, 10),
412 | perc_answered : parseInt(perc_answered, 10),
413 | sec_answered : parseInt(sec_answered,10),
414 | offered_calls_row : $('td#offered-calls'),
415 | inbound_calls_row : $('td#inbound-calls'),
416 | failed_calls_row : $('td#failed-calls'),
417 | abandoned_calls_row : $('td#abandoned-calls'),
418 | abandoned_sla_row : $('td#abandoned-sla'),
419 | answered_calls_row : $('td#answered-calls'),
420 | answered_sla_row : $('td#answered-sla'),
421 | average_response_time_row : $('td#average-response'),
422 | sla_abandoned : $('td#sla-abandoned'),
423 | sla_answered : $('td#sla-answering'),
424 | kpi_abandoned_row : $('td#kpi-abandoned'),
425 | $content : $(".content").hide(),
426 | $open_tab : $('a#open-tab'),
427 | $tab : $('#tab'),
428 | $inner_tab : $('#inner_tab'),
429 | $panel : $('#panel'),
430 | $from : $('input#from'),
431 | $to : $('input#to'),
432 | $datetime : $('button#datetime'),
433 | $realtime : $('button#realtime'),
434 | $stats_table : $('table#stats-table').find('tbody')
435 | });
436 | })(jQuery);
--------------------------------------------------------------------------------
/public/javascripts/jquery-ui-1.8.17.custom.min.js:
--------------------------------------------------------------------------------
1 | /*
2 | * jQuery UI Effects 1.8.17
3 | *
4 | * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
5 | * Dual licensed under the MIT or GPL Version 2 licenses.
6 | * http://jquery.org/license
7 | *
8 | * http://docs.jquery.com/UI/Effects/
9 | */jQuery.effects||function(a,b){function l(b){if(!b||typeof b=="number"||a.fx.speeds[b])return!0;if(typeof b=="string"&&!a.effects[b])return!0;return!1}function k(b,c,d,e){typeof b=="object"&&(e=c,d=null,c=b,b=c.effect),a.isFunction(c)&&(e=c,d=null,c={});if(typeof c=="number"||a.fx.speeds[c])e=d,d=c,c={};a.isFunction(d)&&(e=d,d=null),c=c||{},d=d||c.duration,d=a.fx.off?0:typeof d=="number"?d:d in a.fx.speeds?a.fx.speeds[d]:a.fx.speeds._default,e=e||c.complete;return[b,c,d,e]}function j(a,b){var c={_:0},d;for(d in b)a[d]!=b[d]&&(c[d]=b[d]);return c}function i(b){var c,d;for(c in b)d=b[c],(d==null||a.isFunction(d)||c in g||/scrollbar/.test(c)||!/color/i.test(c)&&isNaN(parseFloat(d)))&&delete b[c];return b}function h(){var a=document.defaultView?document.defaultView.getComputedStyle(this,null):this.currentStyle,b={},c,d;if(a&&a.length&&a[0]&&a[a[0]]){var e=a.length;while(e--)c=a[e],typeof a[c]=="string"&&(d=c.replace(/\-(\w)/g,function(a,b){return b.toUpperCase()}),b[d]=a[c])}else for(c in a)typeof a[c]=="string"&&(b[c]=a[c]);return b}function d(b,d){var e;do{e=a.curCSS(b,d);if(e!=""&&e!="transparent"||a.nodeName(b,"body"))break;d="backgroundColor"}while(b=b.parentNode);return c(e)}function c(b){var c;if(b&&b.constructor==Array&&b.length==3)return b;if(c=/rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(b))return[parseInt(c[1],10),parseInt(c[2],10),parseInt(c[3],10)];if(c=/rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(b))return[parseFloat(c[1])*2.55,parseFloat(c[2])*2.55,parseFloat(c[3])*2.55];if(c=/#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(b))return[parseInt(c[1],16),parseInt(c[2],16),parseInt(c[3],16)];if(c=/#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(b))return[parseInt(c[1]+c[1],16),parseInt(c[2]+c[2],16),parseInt(c[3]+c[3],16)];if(c=/rgba\(0, 0, 0, 0\)/.exec(b))return e.transparent;return e[a.trim(b).toLowerCase()]}a.effects={},a.each(["backgroundColor","borderBottomColor","borderLeftColor","borderRightColor","borderTopColor","borderColor","color","outlineColor"],function(b,e){a.fx.step[e]=function(a){a.colorInit||(a.start=d(a.elem,e),a.end=c(a.end),a.colorInit=!0),a.elem.style[e]="rgb("+Math.max(Math.min(parseInt(a.pos*(a.end[0]-a.start[0])+a.start[0],10),255),0)+","+Math.max(Math.min(parseInt(a.pos*(a.end[1]-a.start[1])+a.start[1],10),255),0)+","+Math.max(Math.min(parseInt(a.pos*(a.end[2]-a.start[2])+a.start[2],10),255),0)+")"}});var e={aqua:[0,255,255],azure:[240,255,255],beige:[245,245,220],black:[0,0,0],blue:[0,0,255],brown:[165,42,42],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgrey:[169,169,169],darkgreen:[0,100,0],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkviolet:[148,0,211],fuchsia:[255,0,255],gold:[255,215,0],green:[0,128,0],indigo:[75,0,130],khaki:[240,230,140],lightblue:[173,216,230],lightcyan:[224,255,255],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightyellow:[255,255,224],lime:[0,255,0],magenta:[255,0,255],maroon:[128,0,0],navy:[0,0,128],olive:[128,128,0],orange:[255,165,0],pink:[255,192,203],purple:[128,0,128],violet:[128,0,128],red:[255,0,0],silver:[192,192,192],white:[255,255,255],yellow:[255,255,0],transparent:[255,255,255]},f=["add","remove","toggle"],g={border:1,borderBottom:1,borderColor:1,borderLeft:1,borderRight:1,borderTop:1,borderWidth:1,margin:1,padding:1};a.effects.animateClass=function(b,c,d,e){a.isFunction(d)&&(e=d,d=null);return this.queue(function(){var g=a(this),k=g.attr("style")||" ",l=i(h.call(this)),m,n=g.attr("class");a.each(f,function(a,c){b[c]&&g[c+"Class"](b[c])}),m=i(h.call(this)),g.attr("class",n),g.animate(j(l,m),{queue:!1,duration:c,easing:d,complete:function(){a.each(f,function(a,c){b[c]&&g[c+"Class"](b[c])}),typeof g.attr("style")=="object"?(g.attr("style").cssText="",g.attr("style").cssText=k):g.attr("style",k),e&&e.apply(this,arguments),a.dequeue(this)}})})},a.fn.extend({_addClass:a.fn.addClass,addClass:function(b,c,d,e){return c?a.effects.animateClass.apply(this,[{add:b},c,d,e]):this._addClass(b)},_removeClass:a.fn.removeClass,removeClass:function(b,c,d,e){return c?a.effects.animateClass.apply(this,[{remove:b},c,d,e]):this._removeClass(b)},_toggleClass:a.fn.toggleClass,toggleClass:function(c,d,e,f,g){return typeof d=="boolean"||d===b?e?a.effects.animateClass.apply(this,[d?{add:c}:{remove:c},e,f,g]):this._toggleClass(c,d):a.effects.animateClass.apply(this,[{toggle:c},d,e,f])},switchClass:function(b,c,d,e,f){return a.effects.animateClass.apply(this,[{add:c,remove:b},d,e,f])}}),a.extend(a.effects,{version:"1.8.17",save:function(a,b){for(var c=0;c
38 | 
;
35 |