Merge branch 'master' of github.com:tech-server/tgmanage

1 files changed, 713 insertions, 0 deletions

diff --git a/web/nms-public.gathering.org/js/nms-info-box.js b/web/nms-public.gathering.org/js/nms-info-box.js
new file mode 100644
index 0000000..a718f78
--- /dev/null
+++ b/web/nms-public.gathering.org/js/nms-info-box.js
@@ -0,0 +1,713 @@
+"use strict";
+
+/*
+ * NMS info window controller
+ *
+ * Interface: nmsInfoBox.showWindow(windowType,optionalParameter), nmsInfoBox.hide(), nmsInfoBox.refresh()
+ *
+ * Any windowTypes should at a minimum implement load, update, unload, getTitle, getContent, getChildContent
+ *
+ */
+
+var nmsInfoBox = nmsInfoBox || {
+  stats: {},
+  _container: false, //Container window
+  _window: false, //Active window (reference to _windowTypes object or false)
+  _windowTypes: [] //List of all avaliable window types
+};
+
+/*
+ * Shows a window from the _windowTypes list
+ */
+nmsInfoBox.showWindow = function (windowName,argument) {
+	if(windowName == "switchInfo" && argument != '' && argument == this._window.sw) {
+		nmsInfoBox.hide();
+		return;
+	}
+  nmsInfoBox.hide();
+  for(var win in this._windowTypes) {
+    if(windowName == win) {
+      this._window = this._windowTypes[win];
+      this._show(argument);
+      return;
+    }
+  }
+};
+
+/*
+ * Refresh the active window
+ */
+nmsInfoBox.refresh = function(argument) {
+	if(!nmsInfoBox._window)
+		return;
+  nmsInfoBox._show(argument);
+};
+nmsInfoBox.update = function(argument) {
+	if(!nmsInfoBox._window)
+		return;
+	nmsInfoBox._window.update(argument);
+}
+
+/*
+ * Internal function to show the active _window and pass along any arguments
+ */
+nmsInfoBox._show = function(argument) {
+  nmsData.addHandler("comments","switchshower",nmsInfoBox.update,'comments');
+  nmsData.addHandler("switches","switchshower",nmsInfoBox.update,'switches');
+  nmsData.addHandler("smanagement","switchshower",nmsInfoBox.update,'smanagement');
+  nmsData.addHandler("snmp","switchshower",nmsInfoBox.update,'snmp');
+
+	if(argument != "soft")
+		this._window.load(argument);
+
+  this._container = document.getElementById("info-panel-container");
+  var panel = document.createElement("div");
+  panel.classList.add("panel", "panel-default");
+  var title = document.createElement("div");
+  title.classList.add("panel-heading");
+  var body = document.createElement("div");
+  body.classList.add("panel-body");
+
+  title.innerHTML = this._window.getTitle() + '<button type="button" class="close" aria-label="Close" onclick="nmsInfoBox.hide();" style="float: right;"><span aria-hidden="true">&times;</span></button>';
+  var content = this._window.getContent();
+  if(!content.nodeName) {
+    body.innerHTML = this._window.content;
+  } else {
+    body.appendChild(content);
+  }
+  var childContent = this._window.getChildContent();
+  if(childContent != false) {
+    body.appendChild(childContent);
+  }
+
+  panel.appendChild(title);
+  panel.appendChild(body);
+  while(this._container.firstChild) {
+    this._container.removeChild(this._container.firstChild);
+  }
+  this._container.appendChild(panel);
+  this._container.style.display = "block";
+	$('[data-toggle="popover"]').popover({placement:"top",container:'body'});
+};
+
+/*
+ * Hide the active window and tell it to unload
+ */
+nmsInfoBox.hide = function() {
+  if(!this._container || !this._window)
+    return;
+  this._container.style.display = "none";
+  this._window.unload();
+  this._window = false;
+	nmsData.unregisterHandler("comments","switchshower");
+	nmsData.unregisterHandler("switches","switchshower");
+	nmsData.unregisterHandler("smanagement","switchshower");
+	nmsData.unregisterHandler("snmp","switchshower");
+};
+
+/*
+ * Window type: Add Switch
+ *
+ * Basic window that lets you create a new switch
+ *
+ */
+nmsInfoBox._windowTypes.addSwitch = {
+  title: 'Add new switch',
+  content:  '<input type="text" class="form-control" id="create-sysname" placeholder="Sysname id"><button class="btn btn-default" onclick="nmsInfoBox._windowTypes.addSwitch.save();">Add switch</button>',
+  childContent: false,
+  getTitle: function() {
+    return this.title;
+  },
+  getContent: function() {
+    return this.content;
+  },
+  getChildContent: function() {
+    return this.childContent;
+  },
+  load: function(argument) {
+  },
+	update: function(type) {
+	},
+  unload: function() {
+  },
+  save: function() {
+    var sysname = document.getElementById('create-sysname').value;
+    var myData = JSON.stringify([{'sysname':sysname}]);
+    $.ajax({
+      type: "POST",
+      url: "/api/write/switch-add",
+      dataType: "text",
+      data:myData,
+      success: function (data, textStatus, jqXHR) {
+        var result = JSON.parse(data);
+        if(result.switches_addded.length > 0) { // FIXME unresolved variable switches_addded
+          nmsInfoBox.hide();
+        }
+        nmsData.invalidate("switches");
+        nmsData.invalidate("smanagement");
+      }
+    });
+  }
+};
+
+/*
+ * Window type: Switch info
+ *
+ * Advanced window with information about a specific switch, and basic editing options
+ *
+ * Custom interfaces: showComments, showSNMP, showEdit, save
+ *
+ */
+nmsInfoBox._windowTypes.switchInfo = {
+  title: '',
+  content: '',
+  childContent: false,
+  sw: '',
+  swi: '',
+  swm: '',
+	commentsHash: false,
+	activeView: '',
+  load: function(sw) {
+    if(sw) {
+      this.sw = sw;
+    }
+    this.swi = nmsData.switches["switches"][this.sw];
+		try {
+			this.swm = nmsData.smanagement.switches[this.sw];
+		} catch(e) {
+			this.swm = [];
+		}
+
+    var content = [];
+
+    for (var v in this.swi) { 
+      if (v == "placement") {
+        var place = JSON.stringify(this.swi[v]);
+        content.push([v,place]);
+        continue;
+      }
+      content.push([v, this.swi[v]]);
+    }
+
+    for (var v in this.swm) { 
+      content.push([v, this.swm[v]]);
+    }
+    content.sort();
+
+    var infotable = nmsInfoBox._makeTable(content);
+    infotable.id = "info-switch-table";
+
+    this.content = infotable;
+
+  },
+	update: function(type) {
+		switch (type) {
+			case 'comments':
+				if(this.activeView == "comments" && this.commentsHash != nmsData.comments.hash) {
+					nmsInfoBox._windowTypes.switchInfo.showComments();
+				}
+				break;
+		}
+	},
+  getTitle: function() {
+		var sshButton = '';
+		try {
+			var mgmt = nmsInfoBox._window.swm.mgmt_v4_addr;
+			sshButton = mgmt.split("/")[0];
+		} catch(e) {
+			console.log(e);
+		}
+		if(sshButton != null && sshButton != undefined && sshButton != '') {
+			sshButton = ' <button type="button" class="ssh btn btn-xs btn-default"><a href="ssh://' + sshButton + '">SSH</a></button>';
+		}
+    return '<h4>' + this.sw + '</h4><button type="button" class="edit btn btn-xs btn-warning" onclick="nmsInfoBox._windowTypes.switchInfo.showEdit(\'' + this.sw + '\');">Edit</button> <button type="button" class="comments btn btn-xs btn-default" onclick="nmsInfoBox._windowTypes.switchInfo.showComments(\'' + this.sw + '\');">Comments</button> <button type="button" class="edit btn btn-xs btn-default" onclick="nmsInfoBox._windowTypes.switchInfo.showSNMP(\'ports\');">Ports</button> <button type="button" class="edit btn btn-xs btn-default" onclick="nmsInfoBox._windowTypes.switchInfo.showSNMP(\'misc\');">Misc</button>' + sshButton;
+  },
+  getContent: function() {
+    return this.content;
+  },
+  getChildContent: function() {
+    return this.childContent;
+  },
+  showComments: function() {
+			var oldView = this.activeView;
+			this.activeView = "comments";
+      var domObj = document.createElement("div");
+      var comments = [];
+
+      var commentbox = document.createElement("div");
+      commentbox.id = "commentbox";
+      commentbox.className = "panel-body";
+      commentbox.style.width = "100%";
+      commentbox.innerHTML = '<div class="input-group"><input type="text" class="form-control" placeholder="Comment" id="' + this.sw + '-comment"><span class=\"input-group-btn\"><button class="btn btn-default" onclick="addComment(\'' + this.sw + '\',document.getElementById(\'' + this.sw + '-comment\').value); document.getElementById(\'' + this.sw + '-comment\').value = \'\'; document.getElementById(\'' + this.sw + '-comment\').placeholder = \'Comment added. Wait for next refresh.\';">Add comment</button></span></div>';
+
+			// If we have no switch data, so just show comment form
+			if(!nmsData.comments || !nmsData.comments.comments) {
+				this.commentsHash = false;
+
+			// We have data, refresh
+			} else if(nmsData.comments.comments[this.sw]) {
+				this.commentsHash = nmsData.comments.hash;
+				for (var c in nmsData.comments.comments[this.sw]["comments"]) {
+					var comment = nmsData.comments.comments[this.sw]["comments"][c];
+					if (comment["state"] == "active" || comment["state"] == "persist" || comment["state"] == "inactive") {
+						comments.push(comment);
+					}
+				}
+
+				if (comments.length > 0) {
+					var commenttable = nmsInfoBox._makeCommentTable(comments);
+					commenttable.id = "info-switch-comments-table";
+					domObj.appendChild(commenttable);
+				}
+
+			// We have no data for this switch, but its still correct
+			} else {
+				this.commentsHash = nmsData.comments.hash;
+			}
+
+      domObj.appendChild(commentbox);
+      this.childContent = domObj;
+      nmsInfoBox.refresh();
+  },
+  showEdit: function() {
+		this.activeView = "edit";
+    var domObj = document.createElement("div");
+    var template = {};
+
+    nmsInfoBox._editValues = {};
+    var place;
+    for (var v in this.swi) {
+      if (v == "placement") {
+        place = JSON.stringify(this.swi[v]);
+        template[v] = place;
+        continue;
+      }
+      template[v] = nmsInfoBox._nullBlank(this.swi[v]);
+    }
+    for (var v in this.swm) {
+      template[v] = nmsInfoBox._nullBlank(this.swm[v]);
+    }
+    var content = [];
+    for (v in template) {
+      var tmpsw = '\'' + this.sw + '\'';
+      var tmpv = '\'' + v + '\'';
+      var tmphandler = '"nmsInfoBox._editChange(' + tmpsw + ',' + tmpv + ');"';
+      var html = "<input type=\"text\" class=\"form-control\" value='" + template[v] + "' id=\"edit-"+ this.sw + "-" + v + '" onchange=' + tmphandler + ' oninput=' + tmphandler + '/>';
+      content.push([v, html]);
+    }
+
+		content.sort();
+
+    var table = nmsInfoBox._makeTable(content, "edit");
+    domObj.appendChild(table);
+
+    var submit = document.createElement("button");
+    submit.innerHTML = "Save changes";
+    submit.classList.add("btn", "btn-primary");
+    submit.id = "edit-submit-" + this.sw;
+    submit.onclick = function(e) { nmsInfoBox._windowTypes.switchInfo.save(); };
+    domObj.appendChild(submit);
+
+    var output = document.createElement("output");
+    output.id = "edit-output";
+    domObj.appendChild(output);
+
+    if (place) {
+      var pval = document.getElementById("edit-" + this.sw + "-placement");
+      if (pval) {
+        pval.value = place;
+      }
+    }
+
+    this.childContent = domObj;
+    nmsInfoBox.refresh();
+  },
+  showSNMP: function(tree) {
+		this.activeView = "snmp";
+    var domObj = document.createElement("div");
+
+    var output = document.createElement("output");
+    output.id = "edit-output";
+    output.style = "white-space: pre;";
+    try {
+      output.value = JSON.stringify(nmsData.snmp.snmp[this.sw][tree],null,4);
+    } catch(e) {
+      output.value = "(no recent data (yet)?)";
+    }
+    domObj.appendChild(output);
+
+    this.childContent = domObj;
+    nmsInfoBox.refresh();
+  },
+  unload: function() {
+		this.title = '';
+		this.content = '';
+		this.childContent = false;
+		this.sw = '';
+		this.swi = '';
+		this.swm = '';
+		this.commentsHash = false;
+		this.activeView = '';
+  },
+  save: function() {
+    var myData = nmsInfoBox._editStringify(this.sw);
+    $.ajax({
+      type: "POST",
+      url: "/api/write/switch-update",
+      dataType: "text",
+      data:myData,
+      success: function (data, textStatus, jqXHR) {
+        var result = JSON.parse(data);
+        if(result.switches_updated.length > 0) { // FIXME unresolved variable switches_addded
+          nmsInfoBox.hide();
+        }
+        nmsData.invalidate("switches");
+        nmsData.invalidate("smanagement");
+      }
+    });
+  }
+};
+
+/*
+ * Window type: Show inventory listing
+ *
+ * Basic window that displays a list of all devices with simple summary information
+ *
+ * TODO: Set up more complex views with more columns, sorting, etc.
+ *
+ */
+nmsInfoBox._windowTypes.inventoryListing = {
+  content:  '',
+  childContent: false,
+	activeView: '',
+	activeFilter: '',
+  getTitle: function() {
+    return '<h4>Inventory listing</h4><button type="button" class="distro-name btn btn-xs btn-default" onclick="nmsInfoBox.showWindow(\'inventoryListing\',\'distro_name\');">Distro name</button> <button type="button" class="distro-name btn btn-xs btn-default" onclick="nmsInfoBox.showWindow(\'inventoryListing\',\'sysDescr\');">System Description</button>';
+  },
+  getContent: function() {
+    return this.content;
+  },
+  getChildContent: function() {
+    return this.childContent;
+  },
+	setFilter: function(filter) {
+		this.activeFilter = filter.toLowerCase();
+		nmsInfoBox._windowTypes.inventoryListing.load("refresh");
+	},
+	getFilter: function() {
+		return this.activeFilter;
+	},
+  load: function(list) {
+		var hasSnmp = false;
+		var targetArray = [];
+		var listTitle = '';
+		var needRefresh = false;
+		var needSnmp = false;
+		var contentObj = document.createElement("div");
+		var inputObj = document.createElement("div");
+		inputObj.innerHTML = '<div class="input-group"><input type="text" class="form-control" placeholder="Filter" id="inventorylisting-filter" value="' + this.activeFilter + '" onkeyup="if (event.keyCode == 13) {nmsInfoBox._windowTypes.inventoryListing.setFilter(document.getElementById(\'inventorylisting-filter\').value);}"><span class=\"input-group-btn\"><button class="btn btn-default" onclick="nmsInfoBox._windowTypes.inventoryListing.setFilter(document.getElementById(\'inventorylisting-filter\').value);">Filtrer</button></span></div>';
+		contentObj.appendChild(inputObj);
+
+
+		if(!nmsData.switches || !nmsData.switches.switches)
+			return;
+		if(!(!nmsData.snmp || !nmsData.snmp.snmp)) {
+			hasSnmp = true;
+		}
+		if(list == "refresh") {
+			list = this.activeView;
+			needRefresh = true;
+		}
+
+		switch (list) {
+			case 'distro_name':
+				listTitle = 'Distro names';
+				break;
+			case 'sysDescr':
+				if(hasSnmp)
+				listTitle = 'System description';
+				needSnmp = true;
+				break;
+			default:
+				listTitle = 'Distro names';
+				list = 'distro_name';
+		}
+		this.activeView = list;
+
+		if(needSnmp && !hasSnmp) {
+			this.content = "No SNMP data loaded. Reloading shortly.";
+			nmsData.addHandler("snmp","inventoryListing",nmsInfoBox._windowTypes.inventoryListing.update,"snmp-request");
+			return;
+		}
+
+		var resultArray = [];
+		for(var sw in nmsData.switches.switches) {
+			var value = '';
+			if(this.activeFilter != '') {
+				if(sw.toLowerCase().indexOf(this.activeFilter) == -1 && !nmsInfoBox._searchSmart(this.activeFilter,sw))
+					continue;
+			}
+			try {
+				switch (list) {
+					case 'distro_name':
+						value = nmsData.switches.switches[sw]["distro_name"];
+						break;
+					case 'sysDescr':
+						value = nmsData.snmp.snmp[sw]["misc"]["sysDescr"][0];
+						break;
+				}
+			} catch (e) {
+				//console.log(e);
+			}
+			resultArray.push([sw, value]);
+		}
+
+		resultArray.sort();
+
+		var infotable = nmsInfoBox._makeTable(resultArray,listTitle);
+		infotable.id = "inventory-table";
+
+		contentObj.appendChild(infotable);
+		this.content = contentObj;
+		if(needRefresh)
+			nmsInfoBox.refresh("soft");
+  },
+	update: function(type) {
+		if(type == "snmp-request") {
+			nmsData.unregisterHandler("snmp","inventoryListing");
+			nmsInfoBox._windowTypes.inventoryListing.load("refresh");
+		}
+	},
+  unload: function() {
+		nmsData.unregisterHandler("snmp","inventoryListing");
+		this.content = '';
+		this.activeView = '';
+		this.activeFilter = '';
+  },
+  save: function() {
+	}
+};
+
+/*
+ * Click a switch and display it
+ * it.
+ */
+nmsInfoBox.click = function(sw)
+{
+  this.showWindow("switchInfo",sw);
+  this._windowTypes.switchInfo.showComments();
+};
+
+/*
+ * General-purpose table-maker?
+ *
+ * Takes an array of arrays as input, and an optional caption.
+ *
+ * E.g.: _makeTable([["name","Kjell"],["Age","five"]], "Age list");
+ */
+nmsInfoBox._makeTable = function(content, caption) {
+	var table = document.createElement("table");
+	var tr;
+	var td1;
+	var td2;
+	table.className = "table";
+	table.classList.add("table");
+	table.classList.add("table-condensed");
+	if (caption != undefined) {
+		var cap = document.createElement("caption");
+		cap.textContent = caption;
+		table.appendChild(cap);
+	}
+	for (var v in content) { 
+		tr = table.insertRow(-1);
+		tr.className = content[v][0].toLowerCase();
+		td1 = tr.insertCell(0);
+		td2 = tr.insertCell(1);
+		td1.innerHTML = content[v][0];
+		td2.innerHTML = content[v][1];
+	}
+	return table;
+};
+
+/*
+ * Create and return a table for comments.
+ *
+ * Input is an array of comments.
+ */
+nmsInfoBox._makeCommentTable = function(content) {
+	var table = document.createElement("table");
+	table.className = "table";
+	table.classList.add("table");
+	table.classList.add("table-condensed");
+	var cap = document.createElement("caption");
+	cap.textContent = "Comments"
+	table.appendChild(cap);
+	for (var commentid in content) { 
+		var tr;
+		var td1;
+		var td2;
+		var comment = content[commentid];
+		var col;
+		if (comment["state"] == "active")
+			col = "danger";
+		else if (comment["state"] == "inactive")
+			col = false;
+		else
+			col = "info";
+		tr = table.insertRow(-1);
+		tr.id = "commentRow" + comment["id"];
+		tr.className = col;
+
+		td1 = tr.insertCell(0);
+		td1.style.whiteSpace = "nowrap";
+		td1.style.width = "8em";
+		td2 = tr.insertCell(1);
+		var txt =  '<div class="btn-group" role="group" aria-label="..."><button type="button" class="btn btn-xs btn-default" data-trigger="focus" data-toggle="popover" title="Info" data-content="Comment added ' + comment["time"] + " by user " + comment["username"] + ' and listed as ' + comment["state"] + '"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span></button>';
+		txt += '<button type="button" class="btn btn-xs btn-danger" data-trigger="focus" data-toggle="tooltip" title="Mark as deleted" onclick="commentDelete(' + comment["id"] + ');"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>';
+		txt += '<button type="button" class="btn btn-xs btn-success" data-trigger="focus" data-toggle="tooltip" title="Mark as inactive/fixed" onclick="commentInactive(' + comment["id"] + ');"><span class="glyphicon glyphicon-ok" aria-hidden="true"></span></button>';
+		txt += '<button type="button" class="btn btn-xs btn-info" data-trigger="focus" data-toggle="tooltip" title="Mark as persistent" onclick="commentPersist(' + comment["id"] + ');"><span class="glyphicon glyphicon-star" aria-hidden="true"></span></button></div>';
+		td1.innerHTML = txt;
+		td2.innerHTML = comment["comment"];
+	}
+	return table;
+};
+
+nmsInfoBox._searchSmart = function(id, sw) {
+	try {
+		try {
+			if (nmsData.switches.switches[sw].distro_name.toLowerCase() == id) {
+				return true;
+			}
+		} catch (e) {}
+		if (id.match("active")) {
+			var limit = id;
+			limit = limit.replace("active>","");
+			limit = limit.replace("active<","");
+			limit = limit.replace("active=","");
+			var operator = id.replace("active","")[0];
+			if (limit == parseInt(limit)) {
+				if (operator == ">" ) {
+					if (nmsData.switchstate.switches[sw]['totals'].live > limit) {
+						return true;
+					}
+				} else if (operator == "<") {
+					if (nmsData.switchstate.switches[sw]['totals'].live < limit) {
+						return true;
+					}
+				} else if (operator == "=") {
+					if (nmsData.switchstate.switches[sw]['totals'].live == limit) {
+						return true;
+					}
+				}
+			}
+		}
+		try {
+			if (nmsData.smanagement.switches[sw].mgmt_v4_addr.match(id)) {
+				return true;
+			}
+			if (nmsData.smanagement.switches[sw].mgmt_v6_addr.match(id)) {
+				return true;
+			}
+		} catch (e) {}
+		try {
+			if (nmsData.smanagement.switches[sw].subnet4.match(id)) {
+				return true;
+			}
+			if (nmsData.smanagement.switches[sw].subnet6.match(id)) {
+				return true;
+			}
+		} catch (e) {}
+		if (nmsData.snmp.snmp[sw].misc.sysDescr[0].toLowerCase().match(id)) {
+			return true;
+		}
+	} catch (e) {
+		return false;
+	}
+	return false;
+};
+
+/*
+ * FIXME: Not sure this belongs here, it's really part of the "Core" ui,
+ * not just the infobox.
+ */
+nmsInfoBox._search = function() {
+	var el = document.getElementById("searchbox");
+	var id = false;
+	var matches = [];
+	if (el) {
+		id = el.value.toLowerCase();
+	}
+	if(id) {
+		nmsMap.enableHighlights();
+		for(var sw in nmsData.switches.switches) {
+			if(sw.toLowerCase().indexOf(id) > -1) {
+				matches.push(sw);
+				nmsMap.setSwitchHighlight(sw,true);
+			} else if (nmsInfoBox._searchSmart(id,sw)) {
+				matches.push(sw);
+				nmsMap.setSwitchHighlight(sw,true);
+			} else {
+				nmsMap.setSwitchHighlight(sw,false);
+			}
+		}
+	} else {
+		nmsMap.disableHighlights();
+	}
+	if(matches.length == 1) {
+		document.getElementById("searchbox-submit").classList.add("btn-primary");
+		document.getElementById("searchbox").dataset.match = matches[0];
+	} else {
+		document.getElementById("searchbox-submit").classList.remove("btn-primary");
+		document.getElementById("searchbox").dataset.match = '';
+	}
+};
+
+nmsInfoBox._searchKeyListener = function(e) {
+	switch (e.keyCode) {
+		case 13:
+			var sw = document.getElementById("searchbox").dataset.match;
+			if(sw != '') {
+				nmsInfoBox.showWindow("switchInfo",sw);
+				this._windowTypes.switchInfo.showComments();
+			}
+			break;
+		case 27:
+			document.getElementById("searchbox").dataset.match = '';
+			document.getElementById("searchbox").value = '';
+			nmsInfoBox._search();
+			nmsInfoBox.hide();
+			break;
+	}
+};
+
+nmsInfoBox._nullBlank = function(x) {
+	if (x == null || x == false || x == undefined)
+		return "";
+	return x;
+};
+
+
+nmsInfoBox._editChange = function(sw, v) {
+	var el = document.getElementById("edit-" + sw + "-" + v);
+	var val = el.value;
+	if (v == "placement") {
+		try {
+			val = JSON.parse(val);
+			el.parentElement.classList.remove("has-error");
+			el.parentElement.classList.add("has-success");
+		} catch (e) {
+			el.parentElement.classList.add("has-error");
+			return;
+		}
+	}
+	nmsInfoBox._editValues[v] = val;
+	el.classList.add("has-warning");
+	var myData = nmsInfoBox._editStringify(sw);
+	var out = document.getElementById("edit-output");
+	out.value = myData;
+};
+
+nmsInfoBox._editStringify = function(sw) {
+    nmsInfoBox._editValues['sysname'] = sw;
+    return JSON.stringify([nmsInfoBox._editValues]);
+};