check
Change-Id: Ic15935035fd530425976228077aad3c6f7c560af
diff --git a/gui/html/content.js b/gui/html/content.js
new file mode 100644
index 0000000..5042478
--- /dev/null
+++ b/gui/html/content.js
@@ -0,0 +1,77 @@
+function prefix() {
+ var tmp = document.getElementById("prefixcontent").innerHTML;
+ var data = tmp.split("END");
+ var odd = "odd";
+
+ for (var i in data) {
+ // Parse the JSON data.
+ var obj = jQuery.parseJSON(data[i]);
+
+ if (i % 2 == 0) {
+ odd = "";
+ } else {
+ odd = "odd";
+ }
+
+ // Create the HTML for each prefix.
+ var output = '<tr class="' + odd + '">\n';
+
+ output += '<td rowspan="' + obj.prefixes.length + '">' + obj.router + '</td>';
+
+
+ for (var i in obj.prefixes) {
+ output += '<td class="' + odd + '">' + obj.prefixes[i].timestamp + '</td>';
+ output += '<td class="' + odd + '">' + obj.prefixes[i].prefix + '</td>';
+
+ if (obj.prefixes[i].status == "notintopology") {
+ output += '<td id="' + obj.prefixes[i].status + '">NPT</td>';
+ } else {
+ output += '<td id="' + obj.prefixes[i].status + '">' + obj.prefixes[i].status + '</td>';
+ }
+
+ output += '</tr>';
+ }
+
+ // Append the data to the prefix table.
+ $('.one > tbody:last').append(output);
+ }
+}
+
+function link() {
+ var tmp = document.getElementById("linkcontent").innerHTML;
+ var data = tmp.split("END");
+ var odd = "odd";
+
+ for (var i in data) {
+ // Parse the JSON data.
+ var obj = jQuery.parseJSON(data[i]);
+
+ if (i % 2 == 0) {
+ odd = "";
+ } else {
+ odd = "odd";
+ }
+
+ // Create the HTML for each prefix.
+ var output = '<tr class="' + odd + '">\n';
+
+ output += '<td rowspan="' + obj.links.length + '">' + obj.router + '</td>';
+ output += '<td rowspan="' + obj.links.length + '">' + obj.timestamp + '</td>';
+
+ for (var i in obj.links) {
+ output += '<td id="' + obj.links[i].status + '">' + obj.links[i].link + '</td>';
+
+ if (obj.links[i].status == "notintopology") {
+ output += '<td id="' + obj.links[i].status + '">NPT</td>';
+ } else {
+ output += '<td id="' + obj.links[i].status + '">' + obj.links[i].status + '</td>';
+ }
+
+ output += '</tr>';
+ }
+
+ // Append the data to the prefix table.
+ $('.two > tbody:last').append(output);
+ }
+}
+