From 27d397e29be7415951001c530a0cf31787ad8d83 Mon Sep 17 00:00:00 2001
From: root <root@Portable>
Date: Tue, 4 Mar 2014 19:18:06 +0100
Subject: [PATCH] Testbed list: Add coloration when checkbox active

---
 portal/static/js/myslice-ui.js                | 57 +++++++++++--------
 .../templates/onelab/onelab_testbed-list.html |  7 ++-
 2 files changed, 38 insertions(+), 26 deletions(-)

diff --git a/portal/static/js/myslice-ui.js b/portal/static/js/myslice-ui.js
index 2ee57ea4..2b0e0f60 100644
--- a/portal/static/js/myslice-ui.js
+++ b/portal/static/js/myslice-ui.js
@@ -9,33 +9,42 @@ $(document).ready(function() {
 	
 	/* Testbeds list */
 	$.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+"\">"
-			testbed_row += "<td><input type=\"checkbox\" name=\"network_hrn\" value=\""+val.network_hrn+"\"/></td>";
-			testbed_row += "<td><img src='/static/img/testbeds/"+val.network_hrn+".png' alt='' /></td>";
-			testbed_row += "<td>"+val.network_hrn+"</td>";
-			testbed_row += "<td>"+val.network_longname+"</td>";
-			testbed_row += "<td>"+val.description+"</td>";
+			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);
-		});
-	$("table#testbedList").html(testbed_data.join(''));
-	$("div#testbed-list-loaded").css("display","block");
-	$("div#testbed-list-loading").css("display","none");
-
+			$.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>";
+				testbed_row += "<td><img src='/static/img/testbeds/"+val.network_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");
+				}
+		});
 	});
 	
 	$("#objectList").load("/table/resource/", {"fields" : ["hostname","hrn","country","type"], "options": ["checkbox"] }, function(data) {
diff --git a/portal/templates/onelab/onelab_testbed-list.html b/portal/templates/onelab/onelab_testbed-list.html
index a0872bf6..e16b4e37 100644
--- a/portal/templates/onelab/onelab_testbed-list.html
+++ b/portal/templates/onelab/onelab_testbed-list.html
@@ -13,6 +13,9 @@
 			  <li><a href="#"></a></li>
 			</ul>
 		</div>
-		<table cellpadding="0" cellspacing="0" border="0" class="table" id="testbedList"></table>
+		<div id="testbed-list-loading"><img src="{{ STATIC_URL }}img/loading.gif" alt="Loading Testbeds" /></d    iv>
+		<div id="testbed-list-loaded" style="display:none;">
+			<table cellpadding="0" cellspacing="0" border="0" class="table" id="testbedList"></table>
+		</div>
 	</div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
-- 
2.47.0