4 <div id="testbed-list-loading"><img src="{{ STATIC_URL }}img/loading.gif" alt="Loading Testbeds" /></div>
5 <div id="testbed-list-loaded" style="display:none;margin-top:15px;">
6 <table cellpadding="0" cellspacing="0" border="0" class="table" id="testbedList">
10 <div class="col-md-2">
13 $(document).ready(function() {
14 $.post("/rest/network/", { "fields" : ["network_hrn", "network_longname", "description"] }, function(data) {
15 var testbed_data = [];
16 var testbed_row = "<thead>";
17 testbed_row += "<tr>";
18 testbed_row += "<th id=testbed_check><input type=\"checkbox\" name=\"network_hrn\" value=\"all\"/></th>";
19 testbed_row += "<th id=testbed_icon></th>";
20 testbed_row += "<th>network_hrn</th>";
21 //testbed_row += "<th>Full name</th>";
22 testbed_row += "<th>Description</th>";
23 testbed_row += "</tr>";
24 testbed_row += "</thead>";
25 testbed_data.push(testbed_row);
26 $.each( data, function(key, val) {
27 testbed_row = "<tr data-keys=\""+val.network_hrn+"\" class=\"odd\">";
28 testbed_row += "<td><input type=\"checkbox\" name=\"network_hrn\" value=\""+val.network_hrn+"\"/></td>";
29 net_hrn = val.network_hrn;
30 net_hrn = net_hrn.replace(/\\/g, '');
31 testbed_row += "<td><img src='/static/img/testbeds/"+net_hrn+".png' alt='' /></td>";
32 testbed_row += "<td>"+val.network_hrn+"</td>";
33 testbed_row += "<td>"+val.network_longname+"</td>";
34 //testbed_row += "<td>"+val.description+"</td>";
35 testbed_row += "</thead>";
37 testbed_data.push(testbed_row);
39 $("table#testbedList").html(testbed_data.join(''));
40 $("div#testbed-list-loaded").css("display","block");
41 $("div#testbed-list-loading").css("display","none");
43 $("input[type=checkbox]").click(function() {
45 var id = $(this).val();
46 var row = $(this).parent().parent();
47 if (row.hasClass("active")) {
48 row.removeClass("active");
50 row.addClass("active");