-{% extends "layout_wide.html" %}
-
-{% block content %}
- <div class="col-md-2"></div>
- <div class="col-md-10">
- <div class="row">
- {% include theme|add:"_widget-slice-sections.html" %}
- </div>
- <div class="row">
- <ul class="nav nav-tabs">
- <li class="active"><a href="#">Testbeds</a></li>
- <li><a href="#"></a></li>
- <li><a href="#"></a></li>
- </ul>
- </div>
- <div id="testbed-list-loading"><img src="{{ STATIC_URL }}img/loading.gif" alt="Loading Testbeds" /></div>
- <div id="testbed-list-loaded" style="display:none;">
- <table cellpadding="0" cellspacing="0" border="0" class="table" id="testbedList"></table>
- </div>
+<div class="col-md-2">
+</div>
+<div class="col-md-8">
+ <div id="testbed-list-loading"><img src="{{ STATIC_URL }}img/loading.gif" alt="Loading Testbeds" /></div>
+ <div id="testbed-list-loaded" style="display:none;margin-top:15px;">
+ <table cellpadding="0" cellspacing="0" border="0" class="table" id="testbedList">
+ </table>
</div>
-{% endblock %}
+</div>
+<div class="col-md-2">
+</div>
+<script>
+$(document).ready(function() {
+ $.post("/rest/network/", { "fields" : ["network_hrn", "network_longname", "description"] }, function(data) {
+ var testbed_data = [];
+ var testbed_row = "<thead>";
+ testbed_row += "<tr>";
+ testbed_row += "<th id=testbed_check><input type=\"checkbox\" name=\"network_hrn\" value=\"all\"/></th>";
+ testbed_row += "<th id=testbed_icon></th>";
+ testbed_row += "<th>network_hrn</th>";
+ //testbed_row += "<th>Full name</th>";
+ testbed_row += "<th>Description</th>";
+ testbed_row += "</tr>";
+ testbed_row += "</thead>";
+ testbed_data.push(testbed_row);
+ $.each( data, function(key, val) {
+ testbed_row = "<tr data-keys=\""+val.network_hrn+"\" class=\"odd\">";
+ testbed_row += "<td><input type=\"checkbox\" name=\"network_hrn\" value=\""+val.network_hrn+"\"/></td>";
+ net_hrn = val.network_hrn;
+ net_hrn = net_hrn.replace(/\\/g, '');
+ testbed_row += "<td><img src='/static/img/testbeds/"+net_hrn+".png' alt='' /></td>";
+ testbed_row += "<td>"+val.network_hrn+"</td>";
+ testbed_row += "<td>"+val.network_longname+"</td>";
+ //testbed_row += "<td>"+val.description+"</td>";
+ testbed_row += "</thead>";
+
+ testbed_data.push(testbed_row);
+ });
+ $("table#testbedList").html(testbed_data.join(''));
+ $("div#testbed-list-loaded").css("display","block");
+ $("div#testbed-list-loading").css("display","none");
+
+ $("input[type=checkbox]").click(function() {
+ var cnt = 0;
+ var id = $(this).val();
+ var row = $(this).parent().parent();
+ if (row.hasClass("active")) {
+ row.removeClass("active");
+ } else {
+ row.addClass("active");
+ }
+ });
+ });
+});
+</script>