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

diff --git a/portal/static/js/myslice-ui.js b/portal/static/js/myslice-ui.js
index 4d06895..1c91ccd 100644 (file)
--- a/portal/static/js/myslice-ui.js
+++ b/portal/static/js/myslice-ui.js
@@ -2,19 +2,27 @@
 /*
  * Call it with level: success, info, warning, danger
  */
-function mysliceAlert(msg, level) {
+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 = {};
        
-       
+       $('#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) {

diff --git a/portal/templates/_widget-message.html b/portal/templates/_widget-message.html
index 8ffad25..2fe3d0c 100644 (file)
--- a/portal/templates/_widget-message.html
+++ b/portal/templates/_widget-message.html
@@ -1,4 +1,4 @@
-<div style="display:none;position:fixed;left:50%;border:1px solid red;width:0;top:80px;z-index:999;">
+<div style="display:none;position:fixed;left:50%;width:0;top:80px;z-index:999;">
 <div class="alert alert-dismissable" id="myslice-message" style="position:relative;left:-491px;width:980px;margin:0 auto;box-shadow: 10px 10px 5px #888888;">
 <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
 <span class="glyphicon glyphicon-exclamation-sign"></span>