/* this file was automatically generated */
static char graph_js[] =
"/* darkstat 3\n"
" * copyright (c) 2006, 2007 Emil Mikulic.\n"
" *\n"
" * graph.js: graph renderer\n"
" *\n"
" * You may use, modify and redistribute this file under the terms of the\n"
" * GNU General Public License version 2. (see COPYING.GPL)\n"
" *\n"
" * ---------------------------------------------------------------------\n"
" * In my testing, this script worked correctly in:\n"
" *  - Firefox 1.5.0.4, 2.0.0.1\n"
" *  - IE 6.0\n"
" *  - Opera 8.53\n"
" */\n"
"\n"
"/* need:\n"
" *  - graph_width\n"
" *  - graph_height\n"
" *  - bar_gap\n"
" *\n"
" *  - graphs [ {id, name, title, bar_secs} ]\n"
" *  - graphs_uri\n"
" *\n"
" *  - window.onload = graph_loader\n"
" *\n"
" * in CSS:\n"
" *  - div.graph\n"
" *  - div.graph div.bar_in\n"
" *  - div.graph div.bar_out\n"
" *  - div.graphtitle\n"
" */\n"
"\n"
"function killChildren(elem) {\n"
" while (elem.childNodes.length > 0)\n"
"  elem.removeChild( elem.childNodes.item(0) );\n"
"}\n"
"\n"
"function thousands(n) {\n"
" var s = String(n);\n"
" var out = \"\";\n"
" while (s.length > 3) {\n"
"  out = \",\" + s.substr(-3) + out;\n"
"  s = s.substr(0, s.length - 3);\n"
" }\n"
" return s+out;\n"
"}\n"
"\n"
"var xh;\n"
"\n"
"function graph_loader() {\n"
" for (var i=0; i<graphs.length; i++) {\n"
"  graphs[i].graph = document.getElementById( graphs[i].id );\n"
"  killChildren(graphs[i].graph);\n"
"  graphs[i].graph.appendChild(\n"
"   document.createTextNode(\"Loading...\"));\n"
" }\n"
"\n"
" /* create buttons */\n"
" var b_reload = document.createElement(\"a\");\n"
" b_reload.setAttribute(\"id\", \"graph_reload\");\n"
" b_reload.setAttribute(\"href\", \"javascript:graph_reload()\");\n"
" b_reload.appendChild(\n"
"  document.createTextNode(\"reload graphs\"));\n"
" document.getElementById(\"graph_buttons\").appendChild(b_reload);\n"
"\n"
" graph_reload();\n"
"}\n"
"\n"
"function graph_reload() {\n"
" document.getElementById(\"graph_reload\").innerHTML = \"loading...\";\n"
" xh = (window.ActiveXObject)\n"
"  ? new ActiveXObject(\"Microsoft.XMLHTTP\")\n"
"  : new XMLHttpRequest();\n"
" var asyncFlag = true;\n"
" xh.open(\"GET\", graphs_uri, asyncFlag);\n"
" // try to nerf caching:\n"
" xh.setRequestHeader(\"If-Modified-Since\", \"Sat, 1 Jan 2000 00:00:00 GMT\");\n"
" xh.onreadystatechange = poll;\n"
" xh.send(null);\n"
"}\n"
"\n"
"function poll() {\n"
" var STATE_COMPLETE = 4;\n"
" if (xh && xh.readyState == STATE_COMPLETE) {\n"
"  for (var i=0; i<graphs.length; i++)\n"
"  {\n"
"   g = xh.responseXML.getElementsByTagName(graphs[i].name);\n"
"   buildGraph(graphs[i].graph, graphs[i].title, graphs[i].bar_secs,\n"
"    g[0].getElementsByTagName(\"e\"));\n"
"  }\n"
"  document.getElementById(\"graph_reload\").innerHTML = \"reload graphs\";\n"
"  head = xh.responseXML.childNodes[0];\n"
"  document.getElementById(\"tb\").innerHTML = head.getAttribute(\"tb\");\n"
"  document.getElementById(\"tp\").innerHTML = head.getAttribute(\"tp\");\n"
"  document.getElementById(\"rf\").innerHTML = head.getAttribute(\"rf\");\n"
" }\n"
"}\n"
"\n"
"function addBar(graph, title, barclass, width, height, left, bottom) {\n"
" if (height == 0) return; /* not visible */\n"
" var bar = document.createElement(\"div\");\n"
" bar.setAttribute(\"title\", title);\n"
" bar.setAttribute(\"class\", barclass);\n"
" bar.setAttribute(\"className\", barclass); //IE\n"
" bar.style.cssText =\n"
"  \"width:\"+width+\"px; \"+\n"
"  \"height:\"+height+\"px; \"+\n"
"  \"position: absolute; \"+\n"
"  \"left:\"+left+\"px; \"+\n"
"  \"bottom:\"+bottom+\"px;\";\n"
" bar.setAttribute(\"style\", bar.style.cssText);\n"
" graph.appendChild(bar);\n"
"}\n"
"\n"
"function kbps(bps) {\n"
"   bps /= 1024;\n"
"   if (bps < 1) return bps.toPrecision(2);\n"
"   else return bps.toFixed(1);\n"
"}\n"
"\n"
"function buildGraph(graph, title, bar_secs, elems) {\n"
" var total_max = 0;\n"
" var data = []; /* list of [in, out] */\n"
" for (var i=0; i<elems.length; i++) {\n"
"   var elem = elems.item(i);\n"
"   var b_pos = Number( elem.getAttribute(\"p\") );\n"
"   var b_in = Number( elem.getAttribute(\"i\") );\n"
"   var b_out = Number( elem.getAttribute(\"o\") );\n"
"   var b_total = b_in + b_out;\n"
"/* FIXME: what happens when a bar's value is >4G? */\n"
"   if (b_total > total_max)\n"
"    total_max = b_total;\n"
"   data.push( [b_pos, b_in, b_out] );\n"
" }\n"
"\n"
" var igraph = document.createElement(\"div\"); // inner graph\n"
" igraph.setAttribute(\"class\", \"graph\");\n"
" igraph.setAttribute(\"className\", \"graph\"); //IE\n"
" igraph.style.cssText =\n"
"  \"width:\"+graph_width+\"px; \"+\n"
"  \"height:\"+graph_height+\"px; \"+\n"
"  \"position:relative;\";\n"
" igraph.setAttribute(\"style\", igraph.style.cssText);\n"
"\n"
" var nbars = data.length;\n"
" var b_width = (graph_width - bar_gap * (nbars-1)) / nbars;\n"
" var next_xofs = 0;\n"
"\n"
" for (var i=0; i<nbars; i++) {\n"
"  var b_p = data[i][0];\n"
"  var b_i = data[i][1];\n"
"  var b_o = data[i][2];\n"
"\n"
"  var xofs = next_xofs;\n"
"\n"
"  next_xofs = Math.round((b_width + bar_gap) * (i+1));\n"
"  var curr_w = next_xofs - xofs - bar_gap;\n"
"\n"
"  var h_i = Math.round( b_i * graph_height / total_max );\n"
"  var h_o = Math.round( b_o * graph_height / total_max );\n"
"\n"
"  var label = b_p+\": \"+\n"
"   thousands(b_i)+\" bytes in, \"+\n"
"   thousands(b_o)+\" bytes out | \"+\n"
"   kbps(b_i/bar_secs)+\" KB/s in, \"+\n"
"   kbps(b_o/bar_secs)+\" KB/s out\";\n"
"  addBar(igraph, label, \"bar_in\", curr_w, h_i, xofs, 0);\n"
"  addBar(igraph, label, \"bar_out\", curr_w, h_o, xofs, h_i);\n"
" }\n"
"\n"
" var gtitle = document.createElement(\"div\");\n"
" gtitle.setAttribute(\"class\", \"graphtitle\");\n"
" gtitle.setAttribute(\"className\", \"graphtitle\"); //IE\n"
" gtitle.style.cssText =\n"
"  \"width:\"+graph_width+\"px;\";\n"
" gtitle.setAttribute(\"style\", gtitle.style.cssText);\n"
" gtitle.appendChild(document.createTextNode(title));\n"
"\n"
" killChildren(graph);\n"
" graph.appendChild(igraph);\n"
" graph.appendChild(gtitle);\n"
"}\n";
static const size_t graph_js_len = sizeof(graph_js) - 1;