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 5b8e7f6..e2e8ad9 100644 (file)
--- a/portal/static/js/myslice-ui.js
+++ b/portal/static/js/myslice-ui.js
@@ -1,14 +1,18 @@
 
 

-function mysliceAlert(msg) {
-       $('#myslice-message').find('.message').text(msg);
-       $('#myslice-message').fadeIn('fast');
+/*
+ * Call it with level: success, info, warning, danger
+ */
+function mysliceAlert(msg, level = 'warning') {
+       var el = $('#myslice-message')
+       el.find('.message').text(msg);
+       el.addClass('alert-' + level);
+       el.fadeIn('fast');

 }
 /* Table initialisation */
 $(document).ready(function() {
        
        var platformParameters = {};
        
 }
 /* Table initialisation */
 $(document).ready(function() {
        
        var platformParameters = {};
        

-               

        
        
        
        
        
        

diff --git a/portal/templates/_widget-message.html b/portal/templates/_widget-message.html
index 278bca4..5985f9a 100644 (file)
--- a/portal/templates/_widget-message.html
+++ b/portal/templates/_widget-message.html
@@ -1,4 +1,4 @@
-<div class="alert alert-warning alert-dismissable" id="myslice-message" style="display:none;">
+<div class="alert alert-dismissable" id="myslice-message" style="display:none;">

 <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
 <span class="glyphicon glyphicon-exclamation-sign"></span>
 <span class="message"></span>
 <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
 <span class="glyphicon glyphicon-exclamation-sign"></span>
 <span class="message"></span>

diff --git a/portal/templates/home-view.html b/portal/templates/home-view.html
index c51c876..440ba28 100644 (file)
--- a/portal/templates/home-view.html
+++ b/portal/templates/home-view.html
@@ -3,8 +3,8 @@
 
 {% block content %}
 <div class="row">
 
 {% block content %}
 <div class="row">

-{% widget '_widget_news.html' %}
-{% widget '_widget_message.html' %}
+{% widget '_widget-news.html' %}
+{% widget '_widget-message.html' %}

 
 </div>
 <div class="row" id="home-dashboard">
 
 </div>
 <div class="row" id="home-dashboard">