From e39b2bff3f01f299201d6c394cbeb7e28e852758 Mon Sep 17 00:00:00 2001
From: Jo-Philipp Wich <jow@openwrt.org>
Date: Sat, 18 Oct 2008 21:51:44 +0000
Subject: * luci/applications: add experimental realtime statistics

---
 .../luasrc/view/livestats/loadavg.htm              | 44 ++++++++++++++++++
 .../luasrc/view/livestats/traffic.htm              | 54 ++++++++++++++++++++++
 .../luasrc/view/livestats/wireless.htm             | 30 ++++++++++++
 3 files changed, 128 insertions(+)
 create mode 100644 applications/luci-livestats/luasrc/view/livestats/loadavg.htm
 create mode 100644 applications/luci-livestats/luasrc/view/livestats/traffic.htm
 create mode 100644 applications/luci-livestats/luasrc/view/livestats/wireless.htm

(limited to 'applications/luci-livestats/luasrc/view/livestats')

diff --git a/applications/luci-livestats/luasrc/view/livestats/loadavg.htm b/applications/luci-livestats/luasrc/view/livestats/loadavg.htm
new file mode 100644
index 0000000000..a4e8fae00a
--- /dev/null
+++ b/applications/luci-livestats/luasrc/view/livestats/loadavg.htm
@@ -0,0 +1,44 @@
+<%+header%>
+
+<!--[if IE]><script type="text/javascript" src="<%=resource%>/livestats/ExCanvas.js"></script><![endif]-->
+<script type="text/javascript" src="<%=resource%>/livestats/MochiKit.js"></script>
+<script type="text/javascript" src="<%=resource%>/livestats/JsonRpc.js"></script>
+<script type="text/javascript" src="<%=resource%>/livestats/PlotKit.js"></script>
+<script type="text/javascript" src="<%=resource%>/livestats/GraphRPC.js"></script>
+
+<script type="text/javascript">
+	PlotKit.Base.baseColors = function () {
+	   var hexColor = MochiKit.Color.Color.fromHexString;
+	   return [hexColor("#ff0000"),
+			   hexColor("#ff6000"),
+			   hexColor("#fff000"),
+			   hexColor("#00ff00"),
+			   hexColor("#00ff77"),
+			   hexColor("#0090ff"),
+			   hexColor("#000000")];
+	};
+
+	function initGraphs() {
+		var rpc = new GraphRPC(
+			document.getElementById('live_graphs'),
+			'<%=luci.dispatcher.build_url('rpc', 'sys')%>', 'loadavg',
+			2000,
+
+			// Data sources
+			[ "1", "1 Minute Load", "2", "5 Minutes Load", "3", "15 Minutes Load" ],
+
+			// Graph layout options
+			{ shouldFill: false, strokeColor: null,
+			  strokeColorTransform: "asFillColor",
+			  title: 'Average Load', strokeWidth: 1,
+			  padding: { left: 70, right: 10, top: 10, bottom: 20 },
+			  instances: [ false ] }
+		);
+	}
+
+	MochiKit.DOM.addLoadEvent(initGraphs);
+</script>
+
+<div id="live_graphs"></div>
+
+<%+footer%>
diff --git a/applications/luci-livestats/luasrc/view/livestats/traffic.htm b/applications/luci-livestats/luasrc/view/livestats/traffic.htm
new file mode 100644
index 0000000000..d914fddc44
--- /dev/null
+++ b/applications/luci-livestats/luasrc/view/livestats/traffic.htm
@@ -0,0 +1,54 @@
+<%+header%>
+
+<!--[if IE]><script type="text/javascript" src="<%=resource%>/livestats/ExCanvas.js"></script><![endif]-->
+<script type="text/javascript" src="<%=resource%>/livestats/MochiKit.js"></script>
+<script type="text/javascript" src="<%=resource%>/livestats/JsonRpc.js"></script>
+<script type="text/javascript" src="<%=resource%>/livestats/PlotKit.js"></script>
+<script type="text/javascript" src="<%=resource%>/livestats/GraphRPC.js"></script>
+
+<%
+	local interfaces = { }
+	local uci = luci.model.uci.cursor_state()
+
+	uci:foreach("network", "interface",
+		function(s)
+			if s.ifname ~= "lo" then
+				table.insert( interfaces,
+					"'" .. ( s.ifname or s['.name'] ) .. "'"
+				)
+			end
+		end
+	)
+-%>
+
+<script type="text/javascript">
+	function initGraphs() {
+		var rpc = new GraphRPC(
+			document.getElementById('live_graphs'),
+			'<%=luci.dispatcher.build_url('rpc', 'sys')%>', 'net.deviceinfo',
+			2000,
+
+			// Data sources
+			[ "1", "received Bytes/s", "9", "transmitted Bytes/s" ],
+
+			// Graph layout options
+			{ shouldFill: false, strokeColor: null,
+			  strokeColorTransform: "asFillColor",
+			  title: 'Traffic on interface "%s"',
+			  separateDS: true, strokeWidth: 0.5, height: 140,
+			  padding: { left: 70, right: 10, top: 10, bottom: 20 },
+			  instances: [ <%=table.concat(interfaces, ", ") %> ] },
+
+			// transform function
+			function(thisval, lastval) {
+				return ( ( thisval - lastval ) / 2 );
+			}
+		);
+	}
+
+	MochiKit.DOM.addLoadEvent(initGraphs);
+</script>
+
+<div id="live_graphs"></div>
+
+<%+footer%>
diff --git a/applications/luci-livestats/luasrc/view/livestats/wireless.htm b/applications/luci-livestats/luasrc/view/livestats/wireless.htm
new file mode 100644
index 0000000000..2ee60139e0
--- /dev/null
+++ b/applications/luci-livestats/luasrc/view/livestats/wireless.htm
@@ -0,0 +1,30 @@
+<%+header%>
+
+<!--[if IE]><script type="text/javascript" src="<%=resource%>/livestats/ExCanvas.js"></script><![endif]-->
+<script type="text/javascript" src="<%=resource%>/livestats/MochiKit.js"></script>
+<script type="text/javascript" src="<%=resource%>/livestats/JsonRpc.js"></script>
+<script type="text/javascript" src="<%=resource%>/livestats/PlotKit.js"></script>
+<script type="text/javascript" src="<%=resource%>/livestats/GraphRPC.js"></script>
+
+<script type="text/javascript">
+	function initGraphs() {
+		var rpc = new GraphRPC(
+			document.getElementById('live_graphs'),
+			'<%=luci.dispatcher.build_url('rpc', 'sys')%>', 'wifi.getiwconfig',
+			1500,
+
+			// Data sources
+			[ "Noise level", null, "Signal level", null ],
+
+			// Graph layout options
+			{ yAxis: [ 0, 150 ], title: 'Wifi Interface "%s": Signal and Noise',
+			  padding: { left: 40, right: 10, top: 10, bottom: 20 } }
+		);
+	}
+
+	MochiKit.DOM.addLoadEvent(initGraphs);
+</script>
+
+<div id="live_graphs"></div>
+
+<%+footer%>
-- 
cgit v1.2.3