From c4122b3a6d2777e2f2b22b2e7952f29518d8fe97 Mon Sep 17 00:00:00 2001
From: Kristian Lyngstol <kristian@bohemians.org>
Date: Mon, 20 Apr 2015 11:52:19 +0200
Subject: NMS: Add comment field for switches

---
 web/nms.gathering.org/nms2/index.html             |  2 +
 web/nms.gathering.org/nms2/js/nms-map-handlers.js | 10 ++--
 web/nms.gathering.org/nms2/js/nms.js              | 56 ++++++++++++++++++++++-
 3 files changed, 62 insertions(+), 6 deletions(-)

(limited to 'web/nms.gathering.org/nms2')

diff --git a/web/nms.gathering.org/nms2/index.html b/web/nms.gathering.org/nms2/index.html
index b86207c..0204d06 100644
--- a/web/nms.gathering.org/nms2/index.html
+++ b/web/nms.gathering.org/nms2/index.html
@@ -135,6 +135,7 @@
 		      <button class="btn" onclick="document.getElementById('nowPickerBox').style.display = 'none';">Cancel</button>
 		      </div>
 	        </div>
+		<div style="position: fixed; z-index: 120;">
                 <div id="info-switch-parent" class="panel panel-default" style="display: none; backgroun:silver; position: fixed; z-index: 120;">
 			<div class="panel-heading"><h3 class="panel-title"
 			id="info-switch-title"></h3></div>
@@ -144,6 +145,7 @@
 		    </div>
 		    </div>
                 </div>
+		</div>
 	    <div id="aboutBox" class="panel panel-default" style="display: none; position: fixed; z-index: 100;">
 	    <div class="panel-heading"><h3 class="panel-title">Welcome to NMS
 	    <button type="button" class="close" aria-labe="Close" onclick="document.getElementById('aboutBox').style.display = 'none';" style="float: right;"><span aria-hidden="true">&times;</span></button></h3></div>
diff --git a/web/nms.gathering.org/nms2/js/nms-map-handlers.js b/web/nms.gathering.org/nms2/js/nms-map-handlers.js
index db54837..763e482 100644
--- a/web/nms.gathering.org/nms2/js/nms-map-handlers.js
+++ b/web/nms.gathering.org/nms2/js/nms-map-handlers.js
@@ -225,10 +225,10 @@ function randomizeColors()
 function discoInit()
 {
 	setNightMode(true);
-	setLegend(1,"blue","0");	
-	setLegend(5,"red", "1");
-	setLegend(4,"yellow","2");
-	setLegend(3,"green", "3");
-	setLegend(2,"white","4");
+	setLegend(1,"blue","Y");	
+	setLegend(2,"red", "M");
+	setLegend(3,"yellow","C");
+	setLegend(4,"green", "A");
+	setLegend(5,"white","!");
 }
 
diff --git a/web/nms.gathering.org/nms2/js/nms.js b/web/nms.gathering.org/nms2/js/nms.js
index 134bb98..95a682e 100644
--- a/web/nms.gathering.org/nms2/js/nms.js
+++ b/web/nms.gathering.org/nms2/js/nms.js
@@ -320,8 +320,14 @@ function hideSwitch()
 {
 		var swtop = document.getElementById("info-switch-parent");
 		var switchele = document.getElementById("info-switch-table");
+		var comments = document.getElementById("info-switch-comments-table");
 		if (switchele != undefined)
 			switchele.parentNode.removeChild(switchele);
+		if (comments != undefined)
+			comments.parentNode.removeChild(comments);
+		commentbox = document.getElementById("commentbox");
+		if (commentbox != undefined)
+			commentbox.parentNode.removeChild(commentbox);
 		swtop.style.display = 'none';
 		nms.switch_showing = "";
 }
@@ -455,8 +461,44 @@ function switchInfo(x)
 		td2.innerHTML = sw["management"]["poll_frequency"];
 		tr.appendChild(td1); tr.appendChild(td2); switchele.appendChild(tr);
 
-
+		
+		comments = document.createElement("table");
+		comments.id = "info-switch-comments-table";
+		comments.border = "1";
+		comments.className = "table col-md-6";
+		var cap = document.createElement("caption");
+		cap.innerText = "Comments";
+		comments.appendChild(cap);
+		
+		tr = document.createElement("tr"); td1 = document.createElement("th"); td2 = document.createElement("th");
+		td3 = document.createElement("th");
+		td1.innerText = "Time";
+		td2.innerText = "User";
+		td3.innerText = "Comment";
+		tr.appendChild(td1); tr.appendChild(td2); tr.appendChild(td3); comments.appendChild(tr);
+		var has_comment = false;
+		for (var c in sw["comments"]) {
+			var comment = sw["comments"][c];
+			has_comment = true;
+			if (comment["state"] == "active" || comment["state"] == "persist") {
+				tr = document.createElement("tr"); td1 = document.createElement("td"); td2 = document.createElement("td");
+				td3 = document.createElement("td");
+				td1.innerText = epochToString(comment["time"]) + " ";
+				td2.innerText = comment["username"] + " ";
+				td3.innerText = comment['comment'];
+				tr.appendChild(td1); tr.appendChild(td2); tr.appendChild(td3); comments.appendChild(tr);
+			}
+		}
+		
 		swpanel.appendChild(switchele);
+		if (has_comment) {
+			swpanel.appendChild(comments);
+		}
+		var commentbox = document.createElement("div");
+		commentbox.id = "commentbox";
+		console.log("x : " + x);
+		commentbox.innerHTML = '<input type="text" placeholder="Comment" id="' + x + '-comment"><button onclick="addComment(\'' + x + '\',document.getElementById(\'' + x + '-comment\').value); document.getElementById(\'' + x + '-comment\').value = \'added. Wait for it....\';">Add comment</button>';
+		swpanel.appendChild(commentbox);
 		swtop.style.display = 'block';
 }
 
@@ -545,6 +587,18 @@ function updatePing()
 	});
 }
 
+function addComment(sw,comment) {
+	var myData = {
+		switch:sw,
+		comment:comment};
+	console.log(myData);
+	$.ajax({
+		type: "POST",
+		url: "/switch-comment.pl",
+		dataType: "text",
+		data:myData
+	});
+}
 /*
  * Update nms.switches_now and nms.switches_then
  */
-- 
cgit v1.2.3