X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=portal%2Fstatic%2Fjs%2Fmyslice-ui.js;h=4aa83cedee365c69fc758ec69a29bf808b75e636;hb=7ae0c099d60e417a77fd8f5fcb8278f087a14d84;hp=4437941191bb5efd6760040cc6feb1042396878e;hpb=60d5030ca5a218e494a384ff61b1e24770da9f78;p=myslice.git

diff --git a/portal/static/js/myslice-ui.js b/portal/static/js/myslice-ui.js
index 44379411..4aa83ced 100644
--- a/portal/static/js/myslice-ui.js
+++ b/portal/static/js/myslice-ui.js
@@ -5,20 +5,46 @@ $(document).ready(function() {
 	var platformParameters = {};
 	
 		
-	$.get("/rest/platform", function(data) {
-		var list = '<div class="list-group-item sl-platfrom"><span class="list-group-item-heading">Testbeds</span></div>';
-		for(i=0; i<data.length;i++) {
-			list += '<a href="#" class="list-group-item sl-platfrom" data-platform="'+data[i].platform+'"><span class="list-group-item-heading">'+data[i].platform_longname+'</span><p class="list-group-item-text">'+data[i].platform+'</p></a>';
-		}
-		$('#select-platform').html(list);
-	}).done(function() {
-		
-	});
+	
 	
 	/* Testbeds list */
-	$("div#testbed-list").ready(function() {
-		$("table#testbedList").load("/table/network/", { "fields" : ["network_hrn","description"], "options": ["checkbox"] }, 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>";
+				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");
+				}
 		});
 	});
 	
@@ -37,7 +63,13 @@ $(document).ready(function() {
 	        "bAutoHeight": false,
 	        "fnInitComplete": function(oSettings, json) {
 				for(var i = 0; i < myslice.pending.length; i++) {
-					$('*[data-key="'+myslice.pending[i]+'"]').addClass("active");
+					var el = $('*[data-key="'+myslice.pending[i]+'"]');
+					el.addClass("active");
+					el.find('input[type=checkbox]').prop('checked', true);
+					if (myslice.count() > 0) {
+						$('#badge-pending').text(myslice.count());
+						$('#badge-pending').show();
+					}
 				}
 		    }
 		} );