").append(c.replace(bL,"")).find(g):c)),d&&i.each(d,[c,b,a])}});return this},serialize:function(){return f.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?f.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||bM.test(this.nodeName)||bG.test(this.type))}).map(function(a,b){var c=f(this).val();return c==null?null:f.isArray(c)?f.map(c,function(a,c){return{name:b.name,value:a.replace(bD,"\r\n")}}):{name:b.name,value:c.replace(bD,"\r\n")}}).get()}}),f.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){f.fn[b]=function(a){return this.bind(b,a)}}),f.each(["get","post"],function(a,c){f[c]=function(a,d,e,g){f.isFunction(d)&&(g=g||e,e=d,d=b);return f.ajax({type:c,url:a,data:d,success:e,dataType:g})}}),f.extend({getScript:function(a,c){return f.get(a,b,c,"script")},getJSON:function(a,b,c){return f.get(a,b,c,"json")},ajaxSetup:function(a,b){b?f.extend(!0,a,f.ajaxSettings,b):(b=a,a=f.extend(!0,f.ajaxSettings,b));for(var c in{context:1,url:1})c in b?a[c]=b[c]:c in f.ajaxSettings&&(a[c]=f.ajaxSettings[c]);return a},ajaxSettings:{url:bT,isLocal:bH.test(bU[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":"*/*"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":f.parseJSON,"text xml":f.parseXML}},ajaxPrefilter:bW(bR),ajaxTransport:bW(bS),ajax:function(a,c){function w(a,c,l,m){if(s!==2){s=2,q&&clearTimeout(q),p=b,n=m||"",v.readyState=a?4:0;var o,r,u,w=l?bZ(d,v,l):b,x,y;if(a>=200&&a<300||a===304){if(d.ifModified){if(x=v.getResponseHeader("Last-Modified"))f.lastModified[k]=x;if(y=v.getResponseHeader("Etag"))f.etag[k]=y}if(a===304)c="notmodified",o=!0;else try{r=b$(d,w),c="success",o=!0}catch(z){c="parsererror",u=z}}else{u=c;if(!c||a)c="error",a<0&&(a=0)}v.status=a,v.statusText=c,o?h.resolveWith(e,[r,c,v]):h.rejectWith(e,[v,c,u]),v.statusCode(j),j=b,t&&g.trigger("ajax"+(o?"Success":"Error"),[v,d,o?r:u]),i.resolveWith(e,[v,c]),t&&(g.trigger("ajaxComplete",[v,d]),--f.active||f.event.trigger("ajaxStop"))}}typeof a=="object"&&(c=a,a=b),c=c||{};var d=f.ajaxSetup({},c),e=d.context||d,g=e!==d&&(e.nodeType||e instanceof f)?f(e):f.event,h=f.Deferred(),i=f._Deferred(),j=d.statusCode||{},k,l={},m={},n,o,p,q,r,s=0,t,u,v={readyState:0,setRequestHeader:function(a,b){if(!s){var c=a.toLowerCase();a=m[c]=m[c]||a,l[a]=b}return this},getAllResponseHeaders:function(){return s===2?n:null},getResponseHeader:function(a){var c;if(s===2){if(!o){o={};while(c=bF.exec(n))o[c[1].toLowerCase()]=c[2]}c=o[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){s||(d.mimeType=a);return this},abort:function(a){a=a||"abort",p&&p.abort(a),w(0,a);return this}};h.promise(v),v.success=v.done,v.error=v.fail,v.complete=i.done,v.statusCode=function(a){if(a){var b;if(s<2)for(b in a)j[b]=[j[b],a[b]];else b=a[v.status],v.then(b,b)}return this},d.url=((a||d.url)+"").replace(bE,"").replace(bJ,bU[1]+"//"),d.dataTypes=f.trim(d.dataType||"*").toLowerCase().split(bN),d.crossDomain==null&&(r=bP.exec(d.url.toLowerCase()),d.crossDomain=!(!r||r[1]==bU[1]&&r[2]==bU[2]&&(r[3]||(r[1]==="http:"?80:443))==(bU[3]||(bU[1]==="http:"?80:443)))),d.data&&d.processData&&typeof d.data!="string"&&(d.data=f.param(d.data,d.traditional)),bX(bR,d,c,v);if(s===2)return!1;t=d.global,d.type=d.type.toUpperCase(),d.hasContent=!bI.test(d.type),t&&f.active++===0&&f.event.trigger("ajaxStart");if(!d.hasContent){d.data&&(d.url+=(bK.test(d.url)?"&":"?")+d.data),k=d.url;if(d.cache===!1){var x=f.now(),y=d.url.replace(bO,"$1_="+x);d.url=y+(y===d.url?(bK.test(d.url)?"&":"?")+"_="+x:"")}}(d.data&&d.hasContent&&d.contentType!==!1||c.contentType)&&v.setRequestHeader("Content-Type",d.contentType),d.ifModified&&(k=k||d.url,f.lastModified[k]&&v.setRequestHeader("If-Modified-Since",f.lastModified[k]),f.etag[k]&&v.setRequestHeader("If-None-Match",f.etag[k])),v.setRequestHeader("Accept",d.dataTypes[0]&&d.accepts[d.dataTypes[0]]?d.accepts[d.dataTypes[0]]+(d.dataTypes[0]!=="*"?", */*; q=0.01":""):d.accepts["*"]);for(u in d.headers)v.setRequestHeader(u,d.headers[u]);if(d.beforeSend&&(d.beforeSend.call(e,v,d)===!1||s===2)){v.abort();return!1}for(u in{success:1,error:1,complete:1})v[u](d[u]);p=bX(bS,d,c,v);if(!p)w(-1,"No Transport");else{v.readyState=1,t&&g.trigger("ajaxSend",[v,d]),d.async&&d.timeout>0&&(q=setTimeout(function(){v.abort("timeout")},d.timeout));try{s=1,p.send(l,w)}catch(z){status<2?w(-1,z):f.error(z)}}return v},param:function(a,c){var d=[],e=function(a,b){b=f.isFunction(b)?b():b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};c===b&&(c=f.ajaxSettings.traditional);if(f.isArray(a)||a.jquery&&!f.isPlainObject(a))f.each(a,function(){e(this.name,this.value)});else for(var g in a)bY(g,a[g],c,e);return d.join("&").replace(bB,"+")}}),f.extend({active:0,lastModified:{},etag:{}});var b_=f.now(),ca=/(\=)\?(&|$)|\?\?/i;f.ajaxSetup({jsonp:"callback",jsonpCallback:function(){return f.expando+"_"+b_++}}),f.ajaxPrefilter("json jsonp",function(b,c,d){var e=b.contentType==="application/x-www-form-urlencoded"&&typeof b.data=="string";if(b.dataTypes[0]==="jsonp"||b.jsonp!==!1&&(ca.test(b.url)||e&&ca.test(b.data))){var g,h=b.jsonpCallback=f.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,i=a[h],j=b.url,k=b.data,l="$1"+h+"$2";b.jsonp!==!1&&(j=j.replace(ca,l),b.url===j&&(e&&(k=k.replace(ca,l)),b.data===k&&(j+=(/\?/.test(j)?"&":"?")+b.jsonp+"="+h))),b.url=j,b.data=k,a[h]=function(a){g=[a]},d.always(function(){a[h]=i,g&&f.isFunction(i)&&a[h](g[0])}),b.converters["script json"]=function(){g||f.error(h+" was not called");return g[0]},b.dataTypes[0]="json";return"script"}}),f.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){f.globalEval(a);return a}}}),f.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),f.ajaxTransport("script",function(a){if(a.crossDomain){var d,e=c.head||c.getElementsByTagName("head")[0]||c.documentElement;return{send:function(f,g){d=c.createElement("script"),d.async="async",a.scriptCharset&&(d.charset=a.scriptCharset),d.src=a.url,d.onload=d.onreadystatechange=function(a,c){if(c||!d.readyState||/loaded|complete/.test(d.readyState))d.onload=d.onreadystatechange=null,e&&d.parentNode&&e.removeChild(d),d=b,c||g(200,"success")},e.insertBefore(d,e.firstChild)},abort:function(){d&&d.onload(0,1)}}}});var cb=a.ActiveXObject?function(){for(var a in cd)cd[a](0,1)}:!1,cc=0,cd;f.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&ce()||cf()}:ce,function(a){f.extend(f.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}(f.ajaxSettings.xhr()),f.support.ajax&&f.ajaxTransport(function(c){if(!c.crossDomain||f.support.cors){var d;return{send:function(e,g){var h=c.xhr(),i,j;c.username?h.open(c.type,c.url,c.async,c.username,c.password):h.open(c.type,c.url,c.async);if(c.xhrFields)for(j in c.xhrFields)h[j]=c.xhrFields[j];c.mimeType&&h.overrideMimeType&&h.overrideMimeType(c.mimeType),!c.crossDomain&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(j in e)h.setRequestHeader(j,e[j])}catch(k){}h.send(c.hasContent&&c.data||null),d=function(a,e){var j,k,l,m,n;try{if(d&&(e||h.readyState===4)){d=b,i&&(h.onreadystatechange=f.noop,cb&&delete cd[i]);if(e)h.readyState!==4&&h.abort();else{j=h.status,l=h.getAllResponseHeaders(),m={},n=h.responseXML,n&&n.documentElement&&(m.xml=n),m.text=h.responseText;try{k=h.statusText}catch(o){k=""}!j&&c.isLocal&&!c.crossDomain?j=m.text?200:404:j===1223&&(j=204)}}}catch(p){e||g(-1,p)}m&&g(j,k,m,l)},!c.async||h.readyState===4?d():(i=++cc,cb&&(cd||(cd={},f(a).unload(cb)),cd[i]=d),h.onreadystatechange=d)},abort:function(){d&&d(0,1)}}}});var cg={},ch,ci,cj=/^(?:toggle|show|hide)$/,ck=/^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,cl,cm=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]],cn,co=a.webkitRequestAnimationFrame||a.mozRequestAnimationFrame||a.oRequestAnimationFrame;f.fn.extend({show:function(a,b,c){var d,e;if(a||a===0)return this.animate(cr("show",3),a,b,c);for(var g=0,h=this.length;g=e.duration+this.startTime){this.now=this.end,this.pos=this.state=1,this.update(),e.animatedProperties[this.prop]=!0;for(g in e.animatedProperties)e.animatedProperties[g]!==!0&&(c=!1);if(c){e.overflow!=null&&!f.support.shrinkWrapBlocks&&f.each(["","X","Y"],function(a,b){d.style["overflow"+b]=e.overflow[a]}),e.hide&&f(d).hide();if(e.hide||e.show)for(var i in e.animatedProperties)f.style(d,i,e.orig[i]);e.complete.call(d)}return!1}e.duration==Infinity?this.now=b:(h=b-this.startTime,this.state=h/e.duration,this.pos=f.easing[e.animatedProperties[this.prop]](this.state,h,0,1,e.duration),this.now=this.start+(this.end-this.start)*this.pos),this.update();return!0}},f.extend(f.fx,{tick:function(){for(var a=f.timers,b=0;b

'+this._get(a,"weekHeader")+"
'+this._get(a,"calculateWeek")(q)+"	"+(C&&!v?" ":J?''+q.getDate()+"":''+q.getDate()+"")+"

'+this._get(a,"weekHeader")+"

'+this._get(a,"calculateWeek")(q)+"

"+(C&&!v?" ":J?''+q.getDate()+"":''+q.getDate()+"")+"

").addClass("graph_container").appendTo(parent_container); this.get("legend_containers")[0] = $("

").addClass('legend').appendTo(this.master_container); $("

").text(title).appendTo(this.get("legend_containers")[0]); $("
").appendTo(this.get("legend_containers")[0]); this.set({ "container": $("
").addClass("graph").appendTo(this.master_container) }); this.set({ "series": [] }); this.set({ "tooltip_point": null }); to = Math.floor((new Date().getTime() / 1000) - 60); this.set({ "to": to }); this.set({ "from": to - 15 * 60 }); this.set({ "plot": null }); return this.set({ "flot_options": { "legend": { show: false }, "selection": { mode: 'x' }, "grid": { hoverable: true }, "xaxis": { mode: "time", show: true }, "yaxes": [ { "min": this.get("limits")[0][0], "max": this.get("limits")[0][1], "tickFormatter": this.get("formatters")[0], "labelWidth": 100 }, { "min": this.get("limits")[1][0], "max": this.get("limits")[1][1], "position": "right", "labelWidth": 100, "reserveSpace": true, "tickFormatter": this.get("formatters")[1] } ] } }); }; Graph.prototype.addSerie = function(rrd_path, ds_name, legend, yaxis, formatter) { var s; yaxis = yaxis || 1; formatter = formatter || this.get("formatters")[yaxis - 1]; s = new Serie(rrd_path, ds_name, legend, yaxis, formatter); s.color = colors[this.next_color++]; return this.get("series").push(s); }; Graph.prototype.addLine = function(yvalue, legend, yaxis, formatter) { var s; yaxis = yaxis || 1; formatter = formatter || this.get("formatters")[yaxis - 1]; s = new StaticLine(yvalue, legend, yaxis, formatter); s.color = colors[this.next_color++]; return this.get("series").push(s); }; Graph.prototype.create = function() { this.update_graph(true); return this; }; Graph.prototype._build_query = function(s) { var query; query = "/rrd/" + s.rrd_path + "/values/" + (this.get('from')) + "/" + (this.get('to')) + "?maxrows=" + (this.get('maxrows')) + "&ds_name=" + s.ds_name; if (s.rra) { query += "&rra=" + s.rra; } return query; }; Graph.prototype.update_graph = function(first) { var urls; if (this.master_container) { first = first || false; urls = []; urls = $(this.get("series")).filter(function(i, s) { return s.enabled && !s.static; }).map(__bind(function(i, s) { return [[this._build_query(s), s]]; }, this)); return this.multiple_get(urls, __bind(function(data_array) { $(this.get("series")).filter(function(i, s) { return s.enabled && s.static; }).each(__bind(function(i, s) { return data_array.push(s.get_definition(this.get("from"), this.get("to"))); }, this)); return this._update_graph_common(first, data_array); }, this)); } }; Graph.prototype.update_graph_from_cache = function() { var data_array; data_array = []; $.each(this.get("series"), __bind(function(i, s) { if (s.enabled) { return data_array.push(s.get_definition(this.get("from"), this.get("to"))); } }, this)); return this._update_graph_common(false, data_array); }; Graph.prototype.set_interval = function(from, to) { this.set({ "from": from }); return this.set({ "to": to }); }; Graph.prototype._update_graph_common = function(first, data_array) { var container, i, options, plot, _ref; if (first) { this.set({ "plot": $.plot(this.get("container"), data_array, this.get("flot_options")) }); container = this.get("container"); container.bind("plothover", __bind(function(event, pos, item) { return this.show_tooltip(event, pos, item); }, this)); container.bind("plotselected", __bind(function(event, ranges) { var from, to; from = Time.client_to_server(ranges.xaxis.from); to = Time.client_to_server(ranges.xaxis.to); this.set_interval(from, to); this.trigger("plotselection", from, to); this.update_graph(); return this.get("plot").clearSelection(); }, this)); container.dblclick(__bind(function() { return this.trigger("dblclick"); }, this)); } else { plot = this.get("plot"); plot.setData(data_array); plot.setupGrid(); plot.draw(); } options = this.get("plot").getOptions(); for (i = 0, _ref = this.get("series").length; 0 <= _ref ? i < _ref : i > _ref; 0 <= _ref ? i++ : i--) { this.get("series")[i].color = options.colors[i]; } return this.create_legend(0); }; Graph.prototype.multiple_get = function(urls, when_done_cb) { var left, ret; urls = $.makeArray(urls); left = urls.length; ret = []; return $(urls).each(__bind(function(i, el) { var serie, url; url = el[0]; serie = el[1]; return $.ajax({ url: url, dataType: 'json', complete: function() { left -= 1; if (left === 0) { return when_done_cb(ret); } }, success: function(data) { serie.set_data(data); return ret.push(serie.get_definition()); }, error: __bind(function(xhr, errText, err) { if ((xhr.status === 404) && this.master_container) { this.master_container.remove(); return this.master_container = null; } }, this) }); }, this)); }; Graph.prototype.avg = function(s) { var count, ret; ret = 0; count = 0; $.each(s.data, function(i, pair) { var val; val = pair[1]; if (val !== null) { ret += val; return count++; } }); return ret / count; }; Graph.prototype.min = function(s) { var ret; ret = null; $.each(s.data, function(i, pair) { var val; val = pair[1]; if ((val !== null) && !isNaN(val) && (!ret || (val < ret))) { return ret = val; } }); return ret; }; Graph.prototype.max = function(s) { var ret; ret = null; $.each(s.data, function(i, pair) { var val; val = pair[1]; if ((val !== null) && !isNaN(val) && (!ret || (val > ret))) { return ret = val; } }); return ret; }; lpad = function(str, length, padString) { var len; if (padString == null) { padString = " "; } str = String(str); len = length - str.length; return str = Array(len).join(padString) + str; }; Graph.prototype.show_tooltip = function(event, pos, item) { var content, date_str, id, item_date, s, y; if (item) { id = "" + item.seriesIndex + ":" + item.dataIndex; if (this.get("tooltip_point") !== id) { this.set({ "tooltip_point": id }); s = $(this.get("series")).filter(function(i, s) { return s.legend === item.series.label; }).first(); if (s.length > 0) { s = s[0]; $("#tooltip").remove(); y = item.datapoint[1]; item_date = new Date(item.datapoint[0] - (Time.tz_offset * 1000)); date_str = lpad(item_date.getHours(), 2, '0') + ":" + lpad(item_date.getMinutes(), 2, '0'); content = s.format(y) + '
' + date_str + "
" + s.legend; return $('
' + content + '
').css({ position: 'absolute', display: 'none', top: item.pageY - 5, left: item.pageX + 15, border: '1px solid #fdd', padding: '2px', 'background-color': '#fee', opacity: 0.80 }).appendTo("body").fadeIn(200); } } } else { $("#tooltip").remove(); return this.set({ "tooltip_point": null }); } }; Graph.prototype.create_legend = function(index) { var fragments, i, label, legend_lines, rowStarted, s, series, table, _ref; series = this.get("series"); fragments = []; rowStarted = false; fragments.push("labelAvgMinMax"); for (i = 0, _ref = series.length; 0 <= _ref ? i < _ref : i > _ref; 0 <= _ref ? i++ : i--) { s = series[i]; label = s.legend; if (!label) { continue; } if (i % 1 === 0) { if (rowStarted) { fragments.push(''); } fragments.push(''); rowStarted = true; } fragments.push('
'); fragments.push('' + label + ''); fragments.push("" + (s.format(this.avg(s))) + ""); fragments.push("" + (s.format(this.min(s))) + ""); fragments.push("" + (s.format(this.max(s))) + ""); } if (rowStarted) { fragments.push(''); } if (fragments.length === 0) { return; } table = '' + fragments.join("") + '
'; this.get("legend_containers")[index].find("div").html(table); legend_lines = $(".legendColorBox", this.get("legend_containers")[index]); $.each(legend_lines, __bind(function(i, el) { var id; id = $(el).attr("data-serie"); s = this.get("series")[id]; return s.set_legend_color(el); }, this)); return legend_lines.click(__bind(function(event) { var id, target; target = event.currentTarget; id = $(target).attr("data-serie"); s = this.get("series")[id]; s.toggle_enabled(); s.set_legend_color(target); return this.update_graph_from_cache(); }, this)); }; return Graph; })(); }).call(this); (function() { var hasProp = Object.prototype.hasOwnProperty, extends = function(child, parent) { for (var key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor; child.super = parent.prototype; return child; }, slice = Array.prototype.slice, bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; }; window.GraphController = (function() { extends(GraphController, Backbone.View); function GraphController() { GraphController.super.constructor.apply(this, arguments); } GraphController.prototype.initialize = function() { return this.pages = this.options.pages; }; return GraphController; })(); window.GraphPage = (function() { function GraphPage(container, panel_container, host) { this.container = container; this.panel_container = panel_container; this.host = host; this.graphs = []; this.autorefresh_timer = null; this.autorefresh_checkbox = $("#autorefresh", this.panel_container); this.linked_zoom_checkbox = $("#linkedzoom", this.panel_container); this.date_select = $("#dateselect", this.panel_container); this.interval = 15 * 60; this.offset = 60 * 1000; } GraphPage.prototype.addGraph = function() { var args, class_name, g; class_name = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : []; g = (function(func, args, ctor) { ctor.prototype = func.prototype; var child = new ctor, result = func.apply(child, args); return typeof result === "object" ? result : child; })(window[class_name], [this.container, this.host].concat(slice.call(args)), function() {}); g.init(); g.bind("dblclick", bind(function() { this.set_simple_interval(this.interval); return this.set_autorefresh(null); }, this)); g.bind("plotselection", __bind(function(from, to) { this.set_autorefresh(null); if (this.linked_zoom_checkbox.attr("checked")) { return this.set_interval(from, to); } }, this)); return this.graphs.push(g); }; GraphPage.prototype.set_simple_interval = function(interval) { var from, to; this.interval = interval; this.date_select.val(""); to = (new Date().getTime()) - this.offset; to = to / 1000; from = to - this.interval; return this.set_interval(from, to); }; GraphPage.prototype.set_interval = function(from, to) { return $.each(this.graphs, function(i, g) { g.set_interval(from, to); return g.update_graph(); }); }; GraphPage.prototype.set_autorefresh = function(time) { if (this.autorefresh_timer) { window.clearInterval(this.autorefresh_timer); this.autorefresh_timer = null; } if (time) { this.autorefresh_checkbox.attr("checked", true); return this.autorefresh_timer = window.setInterval((__bind(function() { return this.set_simple_interval(this.interval); }, this)), time); } else { return this.autorefresh_checkbox.attr("checked", false); } }; GraphPage.prototype.refresh = function() { return this.set_simple_interval(this.interval); }; return GraphPage; })(); window.GraphDefinition = (function() { function GraphDefinition(host, container, title, formatters, ymin) { var limits; this.host = host; this.container = container; this.title = title; _.extend(this, Backbone.Events); if (ymin) { ymin = $.makeArray(ymin); if (ymin.length === 1) { limits = $.map(formatters, function() { return [[0, ymin[0]]]; }); } else if (ymin.length === 2) { limits = $.map(ymin, function(val) { return [[0, val]]; }); } } else { limits = $.map(formatters, function() { return [[0, 0]]; }); } this.graph = new Graph({ "title": this.title, "parent_container": this.container, "formatters": formatters, "limits": limits }); this.graph.bind("dblclick", bind(function() { return this.trigger("dblclick"); }, this)); this.graph.bind("plotselection", bind(function(from, to) { return this.trigger("plotselection", from, to); }, this)); } GraphDefinition.prototype.init = function() { return this.graph.create(); }; GraphDefinition.prototype.set_interval = function(from, to) { return this.graph.set_interval(from, to); }; GraphDefinition.prototype.update_graph = function() { return this.graph.update_graph(); }; return GraphDefinition; })(); window.NTPGraph = (function() { __extends(NTPGraph, GraphDefinition); function NTPGraph(container, host, remote_host, ymin) { this.remote_host = remote_host; if (ymin == null) { ymin = null; } NTPGraph.super.constructor.call(this, host, container, "NTP", [Format.delay, Format.identity], ymin); this.graph.addSerie("" + this.host + "/ntpd/time_offset-" + this.remote_host, "seconds", "Offset remote"); this.graph.addSerie("" + this.host + "/ntpd/time_offset-loop", "seconds", "Offset local"); this.graph.addSerie("" + this.host + "/ntpd/delay-" + this.remote_host, "seconds", "Delay remote"); this.graph.addSerie("" + this.host + "/ntpd/time_dispersion-" + this.remote_host, "seconds", "Dispertion remote"); this.graph.addSerie("" + this.host + "/ntpd/time_dispersion-LOCAL", "seconds", "Dispertion local"); } return NTPGraph; })(); window.CPUGraph = (function() { __extends(CPUGraph, GraphDefinition); function CPUGraph(container, host, cpu_index, ymin) { this.cpu_index = cpu_index; if (ymin == null) { ymin = null; } CPUGraph.super.constructor.call(this, host, container, "CPU " + this.cpu_index, [Format.percent, Format.prcent], ymin); this.graph.addSerie("" + this.host + "/cpu-" + this.cpu_index + "/cpu-user", 'value', 'User'); this.graph.addSerie("" + this.host + "/cpu-" + this.cpu_index + "/cpu-system", 'value', 'System'); this.graph.addSerie("" + this.host + "/cpu-" + this.cpu_index + "/cpu-interrupt", 'value', 'Interrupt'); } return CPUGraph; })(); window.DFGraph = (function() { extends(DFGraph, GraphDefinition); function DFGraph(container, host, location, ymin) { this.location = location; if (ymin == null) { ymin = null; } DFGraph.super.constructor.call(this, host, container, "Disk use (" + this.location + ")", [Format.size, Format.size], ymin); this.graph.addSerie("" + this.host + "/df/df-" + this.location, 'used', 'Used'); this.graph.addSerie("" + this.host + "/df/df-" + this.location, 'free', 'Free'); } return DFGraph; })(); window.PingGraph = (function() { extends(PingGraph, GraphDefinition); function PingGraph(container, host, label, destination, ymin) { this.label = label; this.destination = destination; if (ymin == null) { ymin = null; } PingGraph.super.constructor.call(this, host, container, "Ping " + this.label, [Format.delay, Format.identity], ymin); this.graph.addSerie("" + this.host + "/ping/ping-" + this.destination, 'ping', 'Latency'); this.graph.addSerie("" + this.host + "/ping/ping_stddev-" + this.destination, 'value', 'stddev'); this.graph.addSerie("" + this.host + "/ping/ping_droprate-" + this.destination, 'value', 'Loss', 2); } return PingGraph; })(); window.NetworkGraph = (function() { extends(NetworkGraph, GraphDefinition); function NetworkGraph(container, host, interface, ymin) { this.interface = interface; if (ymin == null) { ymin = null; } NetworkGraph.super__.constructor.call(this, host, container, "Network Traffic (" + interface + ")", [Format.size, Format.size], ymin); this.graph.addSerie("" + this.host + "/interface/if_octets-" + this.interface, "rx", "(" + this.interface + ") Bytes Received"); this.graph.addSerie("" + this.host + "/interface/if_octets-" + this.interface, "tx", "(" + this.interface + ") Bytes Sent"); } return NetworkGraph; })(); window.MemoryGraph = (function() { extends(MemoryGraph, GraphDefinition); function MemoryGraph(container, host, os, ymin) { if (ymin == null) { ymin = null; } MemoryGraph.super.constructor.call(this, host, container, "Memory", [Format.size, Format.size], ymin); if (os === "osx") { this.graph.addSerie("" + this.host + "/memory/memory-active", "value", "Active"); this.graph.addSerie("" + this.host + "/memory/memory-free", "value", "Free"); this.graph.addSerie("" + this.host + "/memory/memory-inactive", "value", "Inactive"); this.graph.addSerie("" + this.host + "/memory/memory-wired", "value", "Wired"); } else if (os === "freebsd") { this.graph.addSerie("" + this.host + "/memory/memory-active", "value", "Active"); this.graph.addSerie("" + this.host + "/memory/memory-cache", "value", "Cached"); this.graph.addSerie("" + this.host + "/memory/memory-free", "value", "Free"); this.graph.addSerie("" + this.host + "/memory/memory-inactive", "value", "Inactive"); this.graph.addSerie("" + this.host + "/memory/memory-wired", "value", "Wired"); } else if (os === "linux") { this.graph.addSerie("" + this.host + "/memory/memory-buffered", "value", "Buffered"); this.graph.addSerie("" + this.host + "/memory/memory-cached", "value", "Caached"); this.graph.addSerie("" + this.host + "/memory/memory-free", "value", "Free"); this.graph.addSerie("" + this.host + "/memory/memory-used", "value", "Used"); } } return MemoryGraph; })(); window.LoadGraph = (function() { extends(LoadGraph, GraphDefinition); function LoadGraph(container, host, ymin) { if (ymin == null) { ymin = null; } LoadGraph.super.constructor.call(this, host, container, "CPU Load", [Format.identity, Format.identity], ymin); this.graph.addSerie("" + this.host + "/load/load", "shortterm", "Load (1min)"); this.graph.addSerie("" + this.host + "/load/load", "midterm", "Load (5min)"); this.graph.addSerie("" + this.host + "/load/load", "longterm", "Load (15min)"); } return LoadGraph; })(); window.CollectdNetworkStats = (function() { __extends(CollectdNetworkStats, GraphDefinition); function CollectdNetworkStats(container, host, can_send, ymin) { if (can_send == null) { can_send = true; } if (ymin == null) { ymin = null; } CollectdNetworkStats.super.constructor.call(this, host, container, "Network Stats (collectd)", [Format.identity, Format.identity], ymin); this.graph.addSerie("" + this.host + "/network/queue_length", "value", "Queue length"); this.graph.addSerie("" + this.host + "/network/total_values-dispatch-accepted", "value", "Values dipatch accepted", 2); this.graph.addSerie("" + this.host + "/network/total_values-dispatch-rejected", "value", "Values dipatch rejected", 2); if (can_send) { this.graph.addSerie("" + this.host + "/network/total_values-send-accepted", "value", "Values send accepted", 2); this.graph.addSerie("" + this.host + "/network/total_values-send-rejected", "value", "Values send rejected", 2); } } return CollectdNetworkStats; })(); window.CollectdNetworkBandwidth = (function() { __extends(CollectdNetworkBandwidth, GraphDefinition); function CollectdNetworkBandwidth(container, host, can_send, ymin) { if (can_send == null) { can_send = true; } if (ymin == null) { ymin = null; } CollectdNetworkBandwidth.super.constructor.call(this, host, container, "Network Usage (collectd)", [Format.size, Format.identity], ymin); this.graph.addSerie("" + this.host + "/network/if_octets", "rx", "Bytes Received"); if (can_send) { this.graph.addSerie("" + this.host + "/network/if_octets", "tx", "Bytes Sent"); } this.graph.addSerie("" + this.host + "/network/if_packets", "rx", "Packets Received", 2); if (can_send) { this.graph.addSerie("" + this.host + "/network/if_packets", "tx", "Packets Sent", 2); } } return CollectdNetworkBandwidth; })(); window.MonitoringDriftGraph = (function() { extends(MonitoringDriftGraph, GraphDefinition); function MonitoringDriftGraph(container, host, ymin) { if (ymin == null) { ymin = null; } MonitoringDriftGraph.super__.constructor.call(this, host, container, "Clock drift", [Format.delay, Format.delay], ymin); this.graph.addSerie("" + this.host + "/monitoring/gauge-clock_drift", "value", "Drift"); } return MonitoringDriftGraph; })(); }).call(this); (function() { var __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; }; window.StaticLine = (function() { function StaticLine(yvalue, legend, yaxis, formatter) { this.yvalue = yvalue; this.legend = legend; this.yaxis = yaxis != null ? yaxis : 1; this.formatter = formatter != null ? formatter : Format.identity; this.enabled = true; this.data = []; this.static = true; this.color = 'black'; } StaticLine.prototype.set_data = function(data) { this.data = []; return $.each(data, __bind(function(t, v) { return this.data.push([Time.server_to_client(t), v]); }, this)); }; StaticLine.prototype.get_data = function() { return this.data; }; StaticLine.prototype.format = function(v) { return this.formatter(v); }; StaticLine.prototype.set_legend_color = function(element) { var tr; tr = $(element).parent(); return tr.toggleClass('transparent', !this.enabled); }; StaticLine.prototype.set_enabled = function(new_state) { return this.enabled = new_state; }; StaticLine.prototype.toggle_enabled = function() { return this.set_enabled(!this.enabled); }; StaticLine.prototype.get_definition = function(from, to) { this.data = [[Time.server_to_client(from), this.yvalue], [Time.server_to_client(to), this.yvalue]]; return { data: this.data, label: this.legend, yaxis: this.yaxis, color: this.color }; }; return StaticLine; })(); }).call(this); (function() { var hasProp = Object.prototype.hasOwnProperty, extends = function(child, parent) { for (var key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor; child.super = parent.prototype; return child; }; window.Serie = (function() { extends(Serie, StaticLine); function Serie(rrd_path, ds_name, legend, yaxis, formatter, rra) { this.rrd_path = rrd_path; this.ds_name = ds_name; this.legend = legend; this.yaxis = yaxis != null ? yaxis : 1; this.formatter = formatter != null ? formatter : Format.identity; this.rra = rra != null ? rra : null; Serie.super.constructor.call(this, null, legend, yaxis, formatter); this.static = false; } Serie.prototype.get_definition = function() { return { data: this.data, label: this.legend, yaxis: this.yaxis, color: this.color }; }; return Serie; })(); }).call(this); (function() { window.Size = { kilobyte: 1024, megabyte: 1024 * 1024, gigabyte: 1024 * 1024 * 1024 }; }).call(this); (function() { window.Time = { tz_offset: 60 * -(new Date()).getTimezoneOffset(), local_to_utc: function(timestamp) { return parseInt(timestamp, 10) - Time.tz_offset; }, utc_to_local: function(timestamp) { return parseInt(timestamp, 10) + Time.tz_offset; }, server_to_client: function(timestamp) { return this.utc_to_local(timestamp) * 1000; }, client_to_server: function(timestamp) { return Math.floor(this.local_to_utc(timestamp / 1000)); } }; }).call(this);