var page_is_visible = 1;
var TARGET_THUMB_GRAPH_WIDTH = 500; // thumb charts width will range from 0.5 to 1.5 of that
var MINIMUM_THUMB_GRAPH_WIDTH = 400; // thumb chart will generally try to be wider than that
var TARGET_THUMB_GRAPH_HEIGHT = 160; // the height of the thumb charts
var TARGET_GROUP_GRAPH_HEIGHT = 160;
var THUMBS_MAX_TIME_TO_SHOW = 240; // how much time the thumb charts will present?
var THUMBS_POINTS_DIVISOR = 3;
var THUMBS_STACKED_POINTS_DIVISOR = 4;
var GROUPS_MAX_TIME_TO_SHOW = 600; // how much time the group charts will present?
var GROUPS_POINTS_DIVISOR = 2;
var GROUPS_STACKED_POINTS_DIVISOR = 3;
var MAINCHART_MIN_TIME_TO_SHOW = 1200; // how much time the main chart will present by default?
var MAINCHART_POINTS_DIVISOR = 2; // how much detailed will the main chart be by default? 1 = finest, higher is faster
var MAINCHART_STACKED_POINTS_DIVISOR = 3; // how much detailed will the main chart be by default? 1 = finest, higher is faster
var MAINCHART_CONTROL_HEIGHT = 75; // how tall the control chart will be
var MAINCHART_CONTROL_DIVISOR = 5; // how much detailed will the control chart be? 1 = finest, higher is faster
var MAINCHART_INITIAL_SELECTOR= 20; // 1/20th of the width, this overrides MAINCHART_MIN_TIME_TO_SHOW
var CHARTS_REFRESH_LOOP = 50; // delay between chart refreshes
var CHARTS_REFRESH_IDLE = 500; // delay between chart refreshes when no chart was ready for refresh the last time
var CHARTS_CHECK_NO_FOCUS = 500; // delay to check for visibility when the page has no focus
var CHARTS_SCROLL_IDLE = 100; // delay to wait after a page scroll
var ENABLE_CURVE = 1;
var resize_request = false;
function setPresentationNormal(ui) {
THUMBS_POINTS_DIVISOR = 3;
THUMBS_STACKED_POINTS_DIVISOR = Math.round(THUMBS_POINTS_DIVISOR * 1.5);
GROUPS_POINTS_DIVISOR = 2;
GROUPS_STACKED_POINTS_DIVISOR = Math.round(GROUPS_POINTS_DIVISOR * 1.5);
MAINCHART_POINTS_DIVISOR = 2;
MAINCHART_STACKED_POINTS_DIVISOR = Math.round(MAINCHART_POINTS_DIVISOR * 1.5);
ENABLE_CURVE = 1;
CHARTS_REFRESH_LOOP = 50;
CHARTS_SCROLL_IDLE = 50;
resize_request = true;
if(ui) $('#presentation_normal').trigger('click');
playGraphs();
}
function setPresentationSpeedy(ui) {
THUMBS_POINTS_DIVISOR = 10;
THUMBS_STACKED_POINTS_DIVISOR = Math.round(THUMBS_POINTS_DIVISOR * 1.5);
GROUPS_POINTS_DIVISOR = 8;
GROUPS_STACKED_POINTS_DIVISOR = Math.round(GROUPS_POINTS_DIVISOR * 1.5);
MAINCHART_POINTS_DIVISOR = 5;
MAINCHART_STACKED_POINTS_DIVISOR = Math.round(MAINCHART_POINTS_DIVISOR * 1.5);
ENABLE_CURVE = 0;
CHARTS_REFRESH_LOOP = 50;
CHARTS_SCROLL_IDLE = 100;
resize_request = true;
if(ui) $('#presentation_speedy').trigger('click');
playGraphs();
}
function setPresentationDetailed(ui) {
THUMBS_POINTS_DIVISOR = 1;
THUMBS_STACKED_POINTS_DIVISOR = 1;
GROUPS_POINTS_DIVISOR = 1;
GROUPS_STACKED_POINTS_DIVISOR = 1;
MAINCHART_POINTS_DIVISOR = 1;
MAINCHART_STACKED_POINTS_DIVISOR = 1;
ENABLE_CURVE = 1;
CHARTS_REFRESH_LOOP = 50;
CHARTS_SCROLL_IDLE = 50;
resize_request = true;
if(ui) $('#presentation_detailed').trigger('click');
playGraphs();
}
function isIE() {
userAgent = navigator.userAgent;
return userAgent.indexOf("MSIE ") > -1 || userAgent.indexOf("Trident/") > -1;
}
if(isIE()){
// do stuff with ie-users
CHARTS_REFRESH_LOOP=250;
CHARTS_SCROLL_IDLE=500;
}
var MODE_THUMBS = 1;
var MODE_MAIN = 2;
var MODE_GROUP_THUMBS = 3;
var mode; // one of the MODE_* values
var allCharts = new Array();
var mainchart;
// html for the main menu
var mainmenu = "";
var categoriesmainmenu = "";
var familiesmainmenu = "";
var chartsmainmenu = "";
// ------------------------------------------------------------------------
// common HTML generation
function thumbChartActions(i, c, nogroup) {
var name = c.name;
if(!nogroup) name = c.family;
var refinfo = "the chart is drawing ";
if(c.group == 1) refinfo += "every single point collected (" + c.update_every + "s each).";
else refinfo += ((c.group_method == "average")?"the average":"the max") + " value for every " + (c.group * c.update_every) + " seconds of data";
var html = ""
+ "
"
+ " " + name + "
";
return html;
}
function groupChartActions(i, c) {
var name = c.name;
var refinfo = "the chart is drawing ";
if(c.group == 1) refinfo += "every single point collected (" + c.update_every + "s each).";
else refinfo += ((c.group_method == "average")?"the average":"the max") + " value for every " + (c.group * c.update_every) + " seconds of data";
var html = ""
+ "
";
html += "" + chartIsLoadingHTML(c.name, c.chartOptions.width, c.chartOptions.height) + "
" + groupChartActions(i, c) + "
" + chartIsLoadingHTML(c.name, c.chartOptions.width, c.chartOptions.height) + "
";
});
groupbody += "";
document.getElementById("groupgraphs").innerHTML = groupbody;
switchToGroupGraphs();
}
function clearGroupGraphs() {
if(groupCharts && groupCharts.length) {
$.each(groupCharts, function(i, c) {
cleanThisChart(c, 'emptydivs');
});
groupCharts = null;
}
document.getElementById("groupgraphs").innerHTML = "";
}
// ------------------------------------------------------------------------
// Global entry point
// initialize the thumb charts
var last_user_scroll = 0;
// load the charts from the server
// generate html for the thumbgraphs to support them
function initCharts() {
setPresentationNormal(1);
var width = thumbWidth();
var height = TARGET_THUMB_GRAPH_HEIGHT;
window.onscroll = function (e) {
last_user_scroll = new Date().getTime();
mylog('Scrolling: detected');
}
loadCharts(null, function(all) {
allCharts = all.charts;
if(allCharts == null || allCharts.length == 0) {
alert("Cannot load data from server.");
return;
}
var thumbsContainer = document.getElementById("thumbgraphs");
if(!thumbsContainer) {
alert("Cannot find the thumbsContainer");
return;
}
allCharts.sort(chartssort);
document.getElementById('hostname_id').innerHTML = all.hostname;
document.title = all.hostname;
// create an array for grouping all same-type graphs together
var dimensions = 0;
var categories = new Array();
var families = new Array();
var chartslist = new Array();
$.each(allCharts, function(i, c) {
var j;
chartslist.push({name: c.name, type: c.type, id: i});
dimensions += c.dimensions.length;
c.chartOptions.width = width;
c.chartOptions.height = height;
// calculate how many point to show for each chart
//c.points_to_show = Math.round(c.entries / c.group) - 1;
// show max 10 mins of data
//if(c.points_to_show * c.group > THUMBS_MAX_TIME_TO_SHOW) c.points_to_show = THUMBS_MAX_TIME_TO_SHOW / c.group;
calculateChartPointsToShow(c, c.chartOptions.isStacked?THUMBS_STACKED_POINTS_DIVISOR:THUMBS_POINTS_DIVISOR, THUMBS_MAX_TIME_TO_SHOW, -1, ENABLE_CURVE);
if(c.enabled) {
var h = "" + chartIsLoadingHTML(c.name, c.chartOptions.width, c.chartOptions.height) + "
"
+ thumbChartActions(i, c)
+ "
NetData server at " + all.hostname + " is maintaining " + allCharts.length + " charts, having " + dimensions + " dimensions (by default with " + all.history + " entries each), which are updated every " + all.update_every + "s , using a total of " + (Math.round(all.memory * 10 / 1024 / 1024) / 10) + " MB for the round robin database. ";
$.each(categories, function(i, a) {
a.html = "" + a.title + " " + a.description + " " + a.html + "