From 90e15f3b99f28ce60f5a3402530c3c90c27627d0 Mon Sep 17 00:00:00 2001
From: Kristian Lyngstol <kly@kly.no>
Date: Wed, 6 Jul 2016 16:51:16 +0200
Subject: Last bit of DX left-overs

Mainly moving graphs around
---
 web/js/nms-info-box.js     | 45 ++++++++++++++++++++++++++++++++++++++++++---
 web/js/nms-map-handlers.js | 13 +++++++++++--
 2 files changed, 53 insertions(+), 5 deletions(-)

(limited to 'web/js')

diff --git a/web/js/nms-info-box.js b/web/js/nms-info-box.js
index 88b2073..8b5c18e 100644
--- a/web/js/nms-info-box.js
+++ b/web/js/nms-info-box.js
@@ -339,7 +339,6 @@ var windowHandler = function () {
 	};
 	this.showView = function (viewId) {
 		if(!viewId || viewId == '') {
-			console.log(this);
 			if (this._viewId[this._window.id] == undefined)
 				viewId = "initial";
 			else
@@ -608,6 +607,19 @@ var switchPortsPanel = function () {
 			this._renderError("Waiting for data.");
 			return;
 		}
+				var img = document.createElement("img");
+				var i = "totals";
+				var zoomTime = 86400;
+				img.src = 'http://monitor.dx16.sorlanet.net/graph--start%3D-' + zoomTime + '%20--end%3D-60%20--width%3D530%20--height%3D100%20--rigid%20--slope-mode%20DEF%3Ab%3D%2F' + this.sw + '%2F' + i + '.rrd%3Atraffic_in%3AAVERAGE%20DEF%3Ac%3D%2F' + this.sw + '%2F' + i + '.rrd%3Atraffic_out%3AAVERAGE%20CDEF%3Acdefb%3Db%2C8%2C*%20CDEF%3Acdefg%3Dc%2C8%2C*%20AREA%3Acdefb%2300CF0033%20LINE1%3Acdefb%2300CF00FF%20AREA%3Acdefg%23002A9733%20LINE1%3Acdefg%23002A97FF';
+				domObj.appendChild(img);
+				var intxt = document.createElement("div");
+				intxt.innerHTML = "In ";
+				intxt.classList.add("text-success");	
+				var outtxt = document.createElement("div");
+				outtxt.innerHTML = "Out ";
+				outtxt.classList.add("text-primary");
+				domObj.appendChild(intxt);
+				domObj.appendChild(outtxt);
 		var indicies = [];
 		for (var obj in snmpJson) {
 			indicies.push(obj);
@@ -655,14 +667,41 @@ var switchPortsPanel = function () {
 			tableObj.classList.add("table","table-condensed");
 
 			var tbody = document.createElement("tbody");
-
-			for(var prop in snmpJson[obj]) {
+			var props = [];
+			for (var prop in snmpJson[obj]) {
+				props.push(prop);
+			}
+			props.sort();
+			for(var index in props) {
+				var prop = props[index];
 				var propObj = document.createElement("tr");
 				propObj.innerHTML = '<td>' + prop + '</td><td>' + snmpJson[obj][prop] + '</td>';
 				tbody.appendChild(propObj);
 			}
 
 			tableObj.appendChild(tbody);
+			if (snmpJson[obj].ifHCInOctets != 0 
+			 || snmpJson[obj].ifHCOutOctets != 0) {
+				var img = document.createElement("img");
+				var i = obj;
+				var zoomTime = 86400;
+				i = i.replace(/\//g , "");
+				img.src = 'http://monitor.dx16.sorlanet.net/graph--start%3D-' + zoomTime + '%20--end%3D-60%20--width%3D530%20--height%3D150%20--rigid%20--slope-mode%20DEF%3Ab%3D%2F' + this.sw + '%2F' + i + '.rrd%3Atraffic_in%3AAVERAGE%20DEF%3Ac%3D%2F' + this.sw + '%2F' + i + '.rrd%3Atraffic_out%3AAVERAGE%20CDEF%3Acdefb%3Db%2C8%2C*%20CDEF%3Acdefg%3Dc%2C8%2C*%20AREA%3Acdefb%2300CF0033%20LINE1%3Acdefb%2300CF00FF%20AREA%3Acdefg%23002A9733%20LINE1%3Acdefg%23002A97FF';
+				panelBodyObj.appendChild(img);
+				var nowin = parseInt(snmpJson[obj].ifHCInOctets);
+				var nowout = parseInt(snmpJson[obj].ifHCOutOctets);
+				if (!isNaN(nowin) && !isNaN(nowout)) {
+					traffic = "<small>" + byteCount(nowin) + "B in | " + byteCount(nowout) + "B out </small>";
+				}
+				var intxt = document.createElement("div");
+				intxt.innerHTML = "Total in: " + byteCount(nowin) + "B";
+				intxt.classList.add("text-success");	
+				var outtxt = document.createElement("div");
+				outtxt.innerHTML = "Total out: " + byteCount(nowout) + "B";
+				outtxt.classList.add("text-primary");	
+				panelBodyObj.appendChild(intxt);
+				panelBodyObj.appendChild(outtxt);
+			}
 			panelBodyObj.appendChild(tableObj);
 			groupObjCollapse.appendChild(panelBodyObj);
 			groupObj.appendChild(groupObjCollapse);
diff --git a/web/js/nms-map-handlers.js b/web/js/nms-map-handlers.js
index 18e80dd..42785ff 100644
--- a/web/js/nms-map-handlers.js
+++ b/web/js/nms-map-handlers.js
@@ -134,9 +134,11 @@ function uplinkInfo(sw)
 	var ret = new handlerInfo("uplink","Uplinks");
 	ret.why = "Uplinks";
 	ret.score = 0;
+	var u = 0;
+	var t  = 0;
 	if (testTree(nmsData,['switchstate','switches',sw,'uplinks','live'])) {
-		var u = parseInt(nmsData.switchstate.switches[sw].uplinks.live);
-		var t = parseInt(nmsData.switchstate.switches[sw].uplinks.total);
+		u = parseInt(nmsData.switchstate.switches[sw].uplinks.live);
+		t = parseInt(nmsData.switchstate.switches[sw].uplinks.total);
 		ret.data[0].value = u + " / " + t;
 		ret.data[0].description = "Uplinks (live/configured)";
 		if (nmsData.switches.switches[sw].subnet4 == undefined ||
@@ -153,6 +155,13 @@ function uplinkInfo(sw)
 			}
 		}
 	}
+	if (testTree(nmsData,['switchstate','switches',sw,'totals','live'])) {
+		var tu = parseInt(nmsData.switchstate.switches[sw].totals.live);
+		var tt = parseInt(nmsData.switchstate.switches[sw].totals.total);
+		ret.data[1] = {};
+		ret.data[1].value = (tu-u) + " / " + (tt-t);
+		ret.data[1].description = "Non-uplink ports (live/total)";
+	}
 	return ret;
 }
 /*
-- 
cgit v1.2.3