portal/templates/slice-tab-testbeds.html

   1 <div class="col-md-2">
   2 </div>
   3 <div class="col-md-8">
   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">
   7                 </table>
   8         </div>
   9 </div>
  10 <div class="col-md-2">
  11 </div>
  12 <script>
  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>";
  36
  37                                 testbed_data.push(testbed_row);
  38                         });
  39                 $("table#testbedList").html(testbed_data.join(''));
  40                 $("div#testbed-list-loaded").css("display","block");
  41                 $("div#testbed-list-loading").css("display","none");
  42
  43                 $("input[type=checkbox]").click(function() {
  44                         var cnt = 0;
  45                         var id = $(this).val();
  46                         var row = $(this).parent().parent();
  47                         if (row.hasClass("active")) {
  48                                 row.removeClass("active");
  49                         } else {
  50                                 row.addClass("active");
  51                         }
  52                 });
  53         });
  54 });
  55 </script>