From: Ciro Scognamiglio <ciro.scognamiglio@cslash.net>
Date: Tue, 6 May 2014 16:19:52 +0000 (+0200)
Subject: mysliceMessage() js function can be used to display a message
X-Git-Tag: myslice-1.1~112^2
X-Git-Url: http://git.onelab.eu/?a=commitdiff_plain;h=e7c6e9d4d40c322684dc0433eb85a7bf85f68f7f;p=unfold.git

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 4d06895e..1c91ccd2 100644
--- 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 8ffad257..2fe3d0c7 100644
--- 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>