major updates to slice reservation page and plugins

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

diff --git a/portal/static/js/myslice-ui.js b/portal/static/js/myslice-ui.js
index 2ee57ea..de2ac74 100644 (file)
--- a/portal/static/js/myslice-ui.js
+++ b/portal/static/js/myslice-ui.js
@@ -1,42 +1,29 @@
 
+/*
+ * Call it with level: success, info, warning, danger
+ */
+function mysliceAlert(msg, level, timeout) {
+       level = typeof level !== 'undefined' ? level : 'success';
+       timeout = typeof timeout !== 'undefined' ? timeout : false;
+       var el = $('#myslice-message');
+       el.find('.message').text(msg);
+       el.addClass('alert-' + level);
+       el.parent().fadeIn('fast');
+       if (timeout) {
+               setTimeout(function(){el.alert('close');},5000);
+       }
+};
 /* 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");
-
-                       
+       $('#myslice-message').bind('closed.bs.alert', function () {
+               $(this).parent().hide();
        });
+
+       //mysliceAlert('hello','danger');
+       
        
        $("#objectList").load("/table/resource/", {"fields" : ["hostname","hrn","country","type"], "options": ["checkbox"] }, function(data) {
                $(this).dataTable( {
@@ -56,6 +43,12 @@ $(document).ready(function() {
                                        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();
+                                       }
+                    */
                                }
                    }
                } );
@@ -69,18 +62,20 @@ $(document).ready(function() {
                                row.removeClass("active");
                                myslice.del(id);
                                cnt = myslice.count();
+                /*
                                $('#badge-pending').text(cnt);
                                if (cnt <= 0) {
                                        $('#badge-pending').hide();
-                               }
+                               }*/
                        } else {
                                row.addClass("active");
                                myslice.add(id);
+                /*
                                cnt = myslice.count();
                                $('#badge-pending').text(cnt);
                                if (cnt > 0) {
                                        $('#badge-pending').show();
-                               }
+                               }*/
                        }
                });
        });