From 1c0c2629ae11688505c0c4e5260ca9452551146d Mon Sep 17 00:00:00 2001
From: Benjamin Renard <bn8@zionetrix.net>
Date: Sun, 12 Jan 2014 21:09:32 +0100
Subject: [PATCH] Fix please wait modal

---
 inc/myco.js |  4 ++--
 index.html  | 29 +++++++++++++++++------------
 2 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/inc/myco.js b/inc/myco.js
index f482eaa..aea8026 100644
--- a/inc/myco.js
+++ b/inc/myco.js
@@ -544,11 +544,11 @@ on_click_logoff_btn=function() {
  *******************/
 
 pleaseWaitShow=function() {
-  $('#pleaseWaitDialog').modal('show');
+  $('#please_wait_modal').modal('show');
 }
 
 pleaseWaitHide=function() {
-  $('#pleaseWaitDialog').modal('hide');
+  $('#please_wait_modal').modal('hide');
 }
 
 /*********************
diff --git a/index.html b/index.html
index d4441fd..42dc92c 100644
--- a/index.html
+++ b/index.html
@@ -338,6 +338,22 @@ body{
   </div><!-- /.modal-dialog -->
 </div>
 
+<div class="modal fade" id="please_wait_modal" tabindex="-1" role="dialog" aria-labelledby="pleaseWaitModal" aria-hidden="true" data-keyboard='false' data-backdrop='static'>
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h2 class="modal-title">Chargement...</h2>
+      </div>
+      <div class="modal-body">
+        <div class="progress progress-striped active">
+          <div class="progress-bar"  role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
+            <span class="sr-only">Chargement...</span>
+          </div>
+        </div>
+      </div>
+    </div><!-- /.modal-content -->
+  </div><!-- /.modal-dialog -->
+</div>
 
 <div class="modal fade" id="confirm_modal" tabindex="-1" role="dialog" aria-labelledby="confirmModal" aria-hidden="true">
   <div class="modal-dialog">
@@ -382,7 +398,7 @@ body{
           <label for="inputPassword" class="col-sm-2 control-label">Password</label>
           <div class="col-sm-10">
             <input type="password" class="form-control" id="myaccount_password" placeholder="Mot de passe" disabled>
-         </div>
+          </div>
         </div>
         <div class="form-group">
           <label class="col-sm-2 control-label">Serveur</label>
@@ -399,17 +415,6 @@ body{
   </div><!-- /.modal-dialog -->
 </div>
 
-<div class="modal hide" id="pleaseWaitDialog" data-backdrop="static" data-keyboard="false">
-  <div class="modal-header">
-    <h1>Chargement...</h1>
-  </div>
-  <div class="modal-body">
-    <div class="progress progress-striped active">
-      <div class="bar" style="width: 100%;"></div>
-    </div>
-  </div>
-</div>
-
 </div>
   <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
   <script src="inc/lib/jquery-1.10.2.min.js"></script>