From 5793a8cd003643974206e44ea752ab0966cfa8c0 Mon Sep 17 00:00:00 2001
From: Pim van den Berg
Date: Sat, 18 May 2013 16:05:43 +0200
Subject: integrate jsrrdgraph in CGP

---
 js/CGP.js | 124 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 124 insertions(+)
 create mode 100644 js/CGP.js

(limited to 'js/CGP.js')

diff --git a/js/CGP.js b/js/CGP.js
new file mode 100644
index 0000000..3c9ea90
--- /dev/null
+++ b/js/CGP.js
@@ -0,0 +1,124 @@
+var mouse_move = function (e) {
+	if (this.rrdgraph.mousedown) {
+		var factor = (this.rrdgraph.end - this.rrdgraph.start) / this.rrdgraph.xsize;
+		var x = e.pageX - this.offsetLeft;
+		var diff = x - this.rrdgraph.mousex;
+		var difffactor = Math.abs(Math.round(diff*factor));
+		if (diff > 0) {
+			this.rrdgraph.end -= difffactor;
+			this.rrdgraph.start -= difffactor;
+		} else {
+			this.rrdgraph.end += difffactor;
+			this.rrdgraph.start += difffactor;
+		}
+		this.rrdgraph.mousex = x;
+		try {
+			this.rrdgraph.graph_paint();
+		} catch (e) {
+			alert(e+"\n"+e.stack);
+		}
+	}
+};
+var mouse_up = function (e) {
+	this.rrdgraph.mousedown = false;
+	this.style.cursor="default";
+};
+var mouse_down = function (e) {
+	var x = e.pageX - this.offsetLeft;
+	this.rrdgraph.mousedown = true;
+	this.rrdgraph.mousex = x;
+	this.style.cursor="move";
+};
+var mouse_scroll = function (e) {
+	e = e ? e : window.event;
+	var wheel = e.detail ? e.detail * -1 : e.wheelDelta / 40;
+	var cstime = this.stime[this.stidx];
+	if (wheel < 0) {
+		this.stidx++;
+		if (this.stidx >= this.stlen) this.stidx = this.stlen-1;
+	} else {
+		this.stidx--;
+		if (this.stidx < 0) this.stidx = 0;
+	}
+	if (cstime !== this.stime[this.stidx])  {
+		var middle = this.rrdgraph.start + Math.abs(Math.round((this.rrdgraph.end - this.rrdgraph.start)/2));
+		this.rrdgraph.start = Math.round(middle - this.stime[this.stidx]/2);
+		this.rrdgraph.end = this.rrdgraph.start + this.stime[this.stidx];
+
+		try {
+			this.rrdgraph.graph_paint();
+		} catch (e) {
+			alert(e+"\n"+e.stack);
+		}
+	}
+
+	if(e.stopPropagation)
+		e.stopPropagation();
+	if(e.preventDefault)
+		e.preventDefault();
+	e.cancelBubble = true;
+	e.cancel = true;
+	e.returnValue = false;
+	return false;
+};
+
+function draw(id) {
+	RrdGraph.prototype.mousex = 0;
+	RrdGraph.prototype.mousedown = false;
+
+	var cmdline = document.getElementById(id).innerHTML;
+	var gfx = new RrdGfxCanvas(id);
+	var fetch = new RrdDataFile();
+	var rrdcmdline = null;
+
+	try {
+		rrdcmdline = new RrdCmdLine(gfx, fetch, cmdline);
+	} catch (e) {
+		alert(e+"\n"+e.stack);
+	}
+
+	var rrdgraph = rrdcmdline.graph;
+
+	gfx.canvas.stime = [ 300, 600, 900, 1200, 1800, 3600, 7200, 21600, 43200, 86400, 172800, 604800, 2592000, 5184000, 15768000, 31536000 ];
+	gfx.canvas.stlen = gfx.canvas.stime.length;
+	gfx.canvas.stidx = 0;
+
+	gfx.canvas.rrdgraph = rrdgraph;
+	gfx.canvas.removeEventListener('mousemove', mouse_move, false);
+	gfx.canvas.addEventListener('mousemove', mouse_move, false);
+	gfx.canvas.removeEventListener('mouseup', mouse_up, false);
+	gfx.canvas.addEventListener('mouseup', mouse_up, false);
+	gfx.canvas.removeEventListener('mousedown', mouse_down, false);
+	gfx.canvas.addEventListener('mousedown', mouse_down, false);
+	gfx.canvas.removeEventListener('mouseout', mouse_up, false);
+	gfx.canvas.addEventListener('mouseout', mouse_up, false);
+	gfx.canvas.removeEventListener('DOMMouseScroll', mouse_scroll, false);
+	gfx.canvas.addEventListener('DOMMouseScroll', mouse_scroll, false);
+	gfx.canvas.removeEventListener('mousewheel', mouse_scroll, false);
+	gfx.canvas.addEventListener('mousewheel', mouse_scroll, false);
+
+	var diff = rrdgraph.end - rrdgraph.start;
+	for (var i=0; i < gfx.canvas.stlen; i++) {
+		if (gfx.canvas.stime[i] >= diff)  break;
+	}
+	if (i === gfx.canvas.stlen) gfx.canvas.stidx = gfx.canvas.stlen-1;
+	else gfx.canvas.stidx = i;
+
+	try {
+		rrdgraph.graph_paint();
+	} catch (e) {
+		alert(e+"\n"+e.stack);
+	}
+}
+
+function drawAll()
+{
+	var list=[];
+	var a=document.getElementsByClassName('rrd');
+	for (var i=0,l=a.length;i<l;i++)
+	{
+		draw(a[i].getAttribute('id'))
+	}
+}
+
+window.onload = drawAll()
-- 
cgit v1.1