Basic code to create SNMP device tables and interface rows

Steve · Steve · commit 47ce67c76550 · 2016-08-22T20:24:56.000+01:00
Needs wrapping in proper Bootstrap DIVs and the table cells creating and formatting
diff --git a/homemon-server/homemon-server.js b/homemon-server/homemon-server.js
@@ -108,18 +108,18 @@ mqttclient.on("connect", function() {
 		mqttclient.subscribe("snmpdata");
 		mqttclient.subscribe("#");
 		mqttclient.subscribe("$SYS/#");
-		mqttclient.on("message", function(topic, message) {    
+		mqttclient.on("message", function(topic, message) {
 			var value = Number(message);
 			var messageString = value.toString();
 			// console.log (topic + "     " + message.toString());
 
 			if (topic === "push/alert") {
-				io.sockets.in("pushmessage").emit("data", { topic: message.toString() });	        
+				io.sockets.in("pushmessage").emit("data", { topic: message.toString() });
 			}
 
 			if (topic === "jsonsensors") {
 				// var messageData = JSON.parse(message.toString());
-				//io.sockets.in("mqtt").emit("data", { topic: messageData.topic, value: messageData.value });				
+				//io.sockets.in("mqtt").emit("data", { topic: messageData.topic, value: messageData.value });
 			}
 
 			if (topic.beginsWith("$SYS/")) {
@@ -128,8 +128,8 @@ mqttclient.on("connect", function() {
 			}
 
 			if (topic.beginsWith("snmpdata")) {
-				console.log(message.toString());
-				io.sockets.in("snmpdata").emit("data", { message: message.toString() });	
+				// console.log(message.toString());
+				io.sockets.in("snmpdata").emit("data", { message: message.toString() });
 			}
 
 			// retain messages so that we have starting data for new clients
diff --git a/homemon-server/public/javascripts/snmp.js b/homemon-server/public/javascripts/snmp.js
@@ -16,8 +16,35 @@ var updates = 0;
 var socket = io.connect("http://homemon.trease.eu:8500/");
 socket.emit("subscribe", { room: "snmpdata" });
 socket.on('data', function(data) {
-	console.log("Message received " + data.message);
+	// console.log("Message received " + data.message);
 	var decodedData = JSON.parse (data.message);
+	
+	
+	if (ElementExists (decodedData.device)) {
+		// table exists
+		// console.log ("table exists: " + decodedData.device);
+		if (ElementExists (decodedData.device+"-"+decodedData.interface)) {
+			// table-row exists
+			// console.log ("interface exists: " + decodedData.interface);
+			console.log ("updating " + decodedData.device+" "+decodedData.interface);
+			cell = document.getElementById(decodedData.device+"-"+decodedData.interface);
+			cell.innerHTML = data.message;
+		} else {
+			// table-tow does not exist - create it
+			console.log ("creating interface: " + decodedData.interface);
+			var tbl = document.getElementById(decodedData.device);
+			var row = tbl.insertRow();
+			row.id = decodedData.device+"-"+decodedData.interface;
+			var cell = row.insertCell(0);
+			cell.innerHTML = data.message;
+		}
+	} else {
+		// no table, create one
+		console.log ("creating table: " + decodedData.device);
+		var tbl = document.createElement("TABLE");
+		tbl.id = decodedData.device;
+		document.getElementById("tables").appendChild(tbl);
+	}
 
 	// print the time the refresh happened
 	var dt = new Date();
diff --git a/homemon-server/views/snmp.jade b/homemon-server/views/snmp.jade
@@ -7,12 +7,11 @@ block content
 	
 	div.container
 		div.row
-			div.col-md-6
+			div.col-md-12.well
 				#tables
 
 		div.row
-			div.col-md-3
+			div.col-md-6
 				#time
-			div.col-md-3.text-right
-				#updates
-				
+			div.col-md-6.text-right
+				#updates
