mysliceMessage() js function can be used to display a message

[unfold.git] / portal / static / js / myslice-ui.js

diff --git a/portal/static/js/myslice-ui.js b/portal/static/js/myslice-ui.js
index 2990f05..4d06895 100644 (file)
--- a/portal/static/js/myslice-ui.js
+++ b/portal/static/js/myslice-ui.js
@@ -1,42 +1,21 @@
 
+/*
+ * Call it with level: success, info, warning, danger
+ */
+function mysliceAlert(msg, level) {
+       level = typeof level !== 'undefined' ? level : 'success';
+       var el = $('#myslice-message');
+       el.find('.message').text(msg);
+       el.addClass('alert-' + level);
+       el.parent().fadeIn('fast');
+};
 /* Table initialisation */
 $(document).ready(function() {
        
        var platformParameters = {};
        
-               
        
        
-       /* 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>";
-                       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");
-
-                       
-       });
        
        $("#objectList").load("/table/resource/", {"fields" : ["hostname","hrn","country","type"], "options": ["checkbox"] }, function(data) {
                $(this).dataTable( {
@@ -53,7 +32,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();
+                                       }
                                }
                    }
                } );