gui/html/content.js

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);
	}
}