From: Jordan Augé <jordan.auge@lip6.fr>
Date: Thu, 24 Jul 2014 15:45:41 +0000 (+0200)
Subject: fixed design issues with scheduler2 and apply
X-Git-Tag: myslice-1.0~45^2^2~5
X-Git-Url: http://git.onelab.eu/?p=myslice.git;a=commitdiff_plain;h=2696c755ef27a62406f190412eb8736393682bac

fixed design issues with scheduler2 and apply
---

diff --git a/plugins/apply/static/js/apply.js b/plugins/apply/static/js/apply.js
index 19730281..b94fcd6e 100644
--- a/plugins/apply/static/js/apply.js
+++ b/plugins/apply/static/js/apply.js
@@ -46,10 +46,10 @@
 		        bAutoWidth: true,
             });
             
-            //this.elmt('update').click(this, this.do_ok);
-            //this.elmt('refresh').click(this, this.do_cancel);
+            this.elmt('close').click(this, this.do_close);
+            //this.elmt('apply_cancel').click(this, this.do_cancel);
 
-            this.elmt('apply').on('shown.bs.modal', function() {
+            this.elmt('apply__window').on('shown.bs.modal', function() {
                 self.do_update();
             })
 
@@ -80,7 +80,6 @@
 
         clear: function()
         {
-
         },
 
         find_row: function(value)
@@ -131,11 +130,13 @@
 
         },
 
-        do_ok: function(e)
+        do_close: function(e)
         {
-            throw 'queryupdater.do_reset Not implemented';
+            var self = e.data;
+            self.table.fnClearTable();
         },
 
+        // Not used today
         do_cancel: function(e)
         {
             throw 'queryupdater.do_clear_annotations Not implemented';
diff --git a/plugins/apply/templates/apply.html b/plugins/apply/templates/apply.html
index 65070128..31a22eee 100644
--- a/plugins/apply/templates/apply.html
+++ b/plugins/apply/templates/apply.html
@@ -1,6 +1,6 @@
 <div id={{ domid }}>
   <!-- Modal - columns selector -->
-  <div class="modal fade" id="{{domid}}__apply" tabindex="-1" role="dialog" aria-labelledby="{{domid}}__apply__label" aria-hidden="true">
+  <div class="modal fade" id="{{domid}}__apply__window" tabindex="-1" role="dialog" aria-labelledby="{{domid}}__apply__label" aria-hidden="true">
     <div class="modal-dialog modal-dialog-large">
       <div class="modal-content">
         <div class="modal-header">
@@ -28,7 +28,7 @@
 -->
         </div>
         <div class="modal-footer">
-          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+          <button id="{{domid}}__close" type="button" class="btn btn-default" data-dismiss="modal">Close</button>
         </div>
       </div>
     </div>
@@ -36,6 +36,6 @@
 
   
   <!-- Button toolbar -->
-  <button class="btn btn-onelab btn-sm" data-toggle="modal" data-target="#{{domid}}__apply">Apply</button>
-  <button class="btn btn-default btn-sm" data-toggle="modal" data-target="#{{domid}}__cancel">Cancel</button>
+  <button class="btn btn-onelab btn-sm"  id="{{domid}}__apply" data-toggle="modal" data-target="#{{domid}}__apply__window">Apply</button>
+  <!-- <button class="btn btn-default btn-sm" id="{{domid}}__cancel">Cancel</button> -->
 </div> 
diff --git a/plugins/scheduler2/static/css/scheduler2.css b/plugins/scheduler2/static/css/scheduler2.css
index cda74b12..9d0cda18 100755
--- a/plugins/scheduler2/static/css/scheduler2.css
+++ b/plugins/scheduler2/static/css/scheduler2.css
@@ -241,7 +241,7 @@
 }
 
 #scheduler-reservation-table tbody tr td.free:hover ,#scheduler-reservation-table tbody tr td.selected, #scheduler-reservation-table tbody tr td.selected_tmp {
-    background: #25BA25;
+    background: #26c9e2;
 }
 
 td.no-image {
@@ -269,10 +269,11 @@ td.no-image {
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c9e2', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 */
 
     padding: 3px 0 3px 30px;
-    width: 150px;
+    width: 250px;
 }
 
 .legend ol li.free{
+	background: #FFFFFF;
 
 }
 .legend ol li.pendingin{
@@ -295,6 +296,10 @@ background: #E8E8E8;
     background: #25BA25;
 }
 
+.legend ol li.disabled {
+	background: url("../img/forbidden.png") no-repeat scroll 2px 50% #FFFFFF;
+}
+
 /* latest stuff */
 .sliderContainer {
 	margin-left: -15px;
diff --git a/plugins/scheduler2/templates/scheduler.html b/plugins/scheduler2/templates/scheduler.html
index e07637ac..7c298773 100755
--- a/plugins/scheduler2/templates/scheduler.html
+++ b/plugins/scheduler2/templates/scheduler.html
@@ -118,10 +118,11 @@
             <div class="legend">
                 <ol>
                     <li class="free">Free</li>
-                    <li class="pendingin">Pending selected</li>
-                    <li class="pendingout">Pending deselected</li>
-                    <li class="selected">Selected</li>
-                    <li class="closed">Reserved</li>
+                    <li class="selected">Reserved</li>
+                    <li class="pendingin">Reservation pending</li>
+                    <li class="pendingout">Reservation cancellation pending</li>
+                    <li class="closed">Unavailable</li>
+					<li class="disabled">Forbidden</li>
                     <li class="maintenance">Maintenance</li>
                 </ol>
             </div>