From: Ciro Scognamiglio <ciro.scognamiglio@cslash.net>
Date: Thu, 24 Jul 2014 15:35:53 +0000 (+0200)
Subject: Merge branch 'onelab' of ssh://git.onelab.eu/git/myslice into onelab
X-Git-Tag: myslice-1.0~47
X-Git-Url: http://git.onelab.eu/?a=commitdiff_plain;h=f0189aa63439eab37be9b04cb728d17c3c867f71;hp=6891e1820029861f4b618723ff10f4aeefeda80e;p=unfold.git

Merge branch 'onelab' of ssh://git.onelab.eu/git/myslice into onelab
---

diff --git a/manifoldapi/static/css/manifold.css b/manifoldapi/static/css/manifold.css
index 42c034d3..535950e3 100644
--- a/manifoldapi/static/css/manifold.css
+++ b/manifoldapi/static/css/manifold.css
@@ -2,3 +2,18 @@
 	visibility: hidden;
 	position: absolute;
 }
+
+.loading {
+    background-color:white;
+    color:black;
+    position:fixed;
+    top:160px;
+    left:50%;
+    width:30%;
+    margin: 0 0 0 -15%;
+    padding:25px 50px;
+    box-shadow: 4px 4px 5px #888;
+    border:1pt solid #30196D;
+    display:none;
+    z-index:100;
+}
diff --git a/manifoldapi/static/js/plugin.js b/manifoldapi/static/js/plugin.js
index 76e1cb52..324c8c4d 100644
--- a/manifoldapi/static/js/plugin.js
+++ b/manifoldapi/static/js/plugin.js
@@ -316,15 +316,18 @@ var Plugin = Class.extend({
     // use spin() to get our default spin settings (called presets)
     // use spin(true) to get spin's builtin defaults
     // you can also call spin_presets() yourself and tweak what you need to, like topmenuvalidation does
-    spin: function (presets) {
-	var presets = ( presets === undefined ) ? spin_presets() : presets;
-	try { this.$element.spin(presets); }
-	catch (err) { messages.debug("Cannot turn on spin " + err); }
+    spin: function (message) {
+    	if (!message) {
+    		message = 'Please be patient, this can take a few seconds.';
+    	}
+    	$('div.loading').fadeIn('fast');
+    	$('div.loading').find('.message').text(message);
+
     },
 
     unspin: function() {
-	try { this.$element.spin(false); }
-	catch (err) { messages.debug("Cannot turn off spin " + err); }
+    	$('div.loading').fadeOut('fast');
+
     },
 
     /* TEMPLATE */
diff --git a/portal/static/css/onelab.css b/portal/static/css/onelab.css
index 4c53cce0..5be1bf37 100644
--- a/portal/static/css/onelab.css
+++ b/portal/static/css/onelab.css
@@ -12,6 +12,7 @@ body {
 a, a:active, a:focus {
     outline: 0;
     text-decoration:none;
+    color:#201E62;
 }
 
 h1 {
@@ -26,13 +27,20 @@ h1 img {
     margin-right:10px;
 }
 h2 {
+    margin:0 0 15px 0;
     font-size:14pt;
     color:#333333;
 }
 h3 {
+    margin:0 0 5px 0;
     font-size:13pt;
     color:#201E62;
 }
+h4 {
+    margin:0 0 5px 0;
+    font-size:12pt;
+    color:#333333;
+}
 input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number], select, option {
     min-width:260px;
     padding:6px;
@@ -61,6 +69,9 @@ div.breadcrumbs {
     color:gray;
     font-size:10pt;
 }
+.tab-pane {
+    padding-top:15px;
+}
 /* buttons */
 button.btn, input.btn {
     padding:6px 10px;
diff --git a/portal/templates/base.html b/portal/templates/base.html
index 237cfa6b..96aa08e9 100644
--- a/portal/templates/base.html
+++ b/portal/templates/base.html
@@ -92,5 +92,14 @@ $(document).ready(function() {
 	{% block base_content %}
 	{% endblock %}
 {% endblock container %}
+<div class="loading">
+	<div class="row">
+		<div class="col-xs-11">Loading...</div>
+		<div class="col-xs-1"><img src="{{ STATIC_URL }}/img/loading.gif" /></div>
+	</div>
+	<div class="row">
+		<div class="col-xs-12 message"></div>
+	</div>
+</div>
 </body>
 </html>