From 8a9a21d9eb004f96095c75188bf354160b182b60 Mon Sep 17 00:00:00 2001
From: Alex Tselegidis <alextselegidis@gmail.com>
Date: Mon, 20 Jul 2015 23:39:50 +0200
Subject: [PATCH] Updated backend/calendar page with bootstrap 3

---
 src/application/views/backend/calendar.php | 173 +++++++++++----------
 src/assets/css/backend.css                 |  10 +-
 2 files changed, 92 insertions(+), 91 deletions(-)

diff --git a/src/application/views/backend/calendar.php b/src/application/views/backend/calendar.php
index 024897b9..bbdc28bf 100644
--- a/src/application/views/backend/calendar.php
+++ b/src/application/views/backend/calendar.php
@@ -51,21 +51,21 @@
                         && $this->config->item('ea_google_sync_feature') == TRUE) { ?>
                 <button id="google-sync" class="btn btn-primary" 
                         title="<?php echo $this->lang->line('trigger_google_sync_hint'); ?>">
-                    <i class="icon-refresh icon-white"></i>
-                    <span><?php echo $this->lang->line('synchronize'); ?></span>
+                    <span class="glyphicon glyphicon-refresh"></span>
+                    <?php echo $this->lang->line('synchronize'); ?>
                 </button>
 
                 <button id="enable-sync" class="btn" data-toggle="button" 
                         title="<?php echo $this->lang->line('enable_appointment_sync_hint'); ?>">
-                    <i class="icon-calendar"></i>
-                    <span><?php echo $this->lang->line('enable_sync'); ?></span>
+                    <span class="glyphicon glyphicon-calendar"></span>
+                    <?php echo $this->lang->line('enable_sync'); ?>
                 </button>
                 <?php } ?>
                 
                 <button id="reload-appointments" class="btn" 
                         title="<?php echo $this->lang->line('reload_appointments_hint'); ?>">
-                    <i class="icon-repeat"></i>
-                    <span><?php echo $this->lang->line('reload'); ?></span>
+                    <span class="glyphicon glyphicon-repeat"></span>
+                    <?php echo $this->lang->line('reload'); ?>
                 </button>
             </div>
             
@@ -73,14 +73,14 @@
             <div class="btn-group">
                 <button id="insert-appointment" class="btn btn-info" 
                         title="<?php echo $this->lang->line('new_appointment_hint'); ?>">
-                    <i class="icon-plus icon-white"></i>
-                    <span><?php echo $this->lang->line('appointment'); ?></span>
+                    <span class="glyphicon glyphicon-plus"></span>
+                    <?php echo $this->lang->line('appointment'); ?>
                 </button>
 
                 <button id="insert-unavailable" class="btn" 
                         title="<?php echo $this->lang->line('unavailable_periods_hint'); ?>">
-                    <i class="icon-plus"></i>
-                    <span><?php echo $this->lang->line('unavailable'); ?></span>
+                    <span class="glyphicon glyphicon-plus"></i>
+                    <?php echo $this->lang->line('unavailable'); ?>
                 </button>
             </div>
             <?php } ?>
@@ -97,7 +97,7 @@
     //
     // --------------------------------------------------------------------
 ?>
-<div id="manage-appointment" class="modal hide fade" data-keyboard="true" tabindex="-1">
+<div id="manage-appointment" class="modal hidden fade" data-keyboard="true" tabindex="-1">
     <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" 
                 aria-hidden="true">&times;</button>
@@ -311,57 +311,62 @@
     //
     // --------------------------------------------------------------------
 ?>
-<div id="manage-unavailable" class="modal hide fade" data-keyboard="true" tabindex="-1">
-    <div class="modal-header">
-        <button type="button" class="close" data-dismiss="modal" 
-                aria-hidden="true">&times;</button>
-        <h3><?php echo $this->lang->line('new_unavailable_title'); ?></h3>
-    </div>
+<div id="manage-unavailable" class="modal hidden fade">
+    <div class="modal-dialog">
+        <div class="modal-content">
+
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" 
+                        aria-hidden="true">&times;</button>
+                <h3><?php echo $this->lang->line('new_unavailable_title'); ?></h3>
+            </div>
     
-    <div class="modal-body">
-        <div class="modal-message alert" style="display: none;"></div>
-        
-        <form class="form-horizontal">
-            <fieldset>
-                <input id="unavailable-id" type="hidden" />
+            <div class="modal-body">
+                <div class="modal-message alert" style="display: none;"></div>
                 
-                <div class="control-group">
-                    <label for="unavailable-start" class="control-label">
-                        <?php echo $this->lang->line('start'); ?>
-                    </label>
-                    <div class="controls">
-                        <input type="text" id="unavailable-start" />
-                    </div>
-                </div>
-                
-                <div class="control-group">
-                    <label for="unavailable-end" class="control-label">
-                        <?php echo $this->lang->line('end'); ?>
-                    </label>
-                    <div class="controls">
-                        <input type="text" id="unavailable-end" />
-                    </div>
-                </div>
-                
-                <div class="control-group">
-                    <label for="unavailable-notes" class="control-label">
-                        <?php echo $this->lang->line('notes'); ?>
-                    </label>
-                    <div class="controls">
-                        <textarea id="unavailable-notes" rows="3" class="span3"></textarea>
-                    </div>
-                </div>
-            </fieldset>
-        </form>
-    </div>
+                <form class="form-horizontal">
+                    <fieldset>
+                        <input id="unavailable-id" type="hidden" />
+                        
+                        <div class="control-group">
+                            <label for="unavailable-start" class="control-label">
+                                <?php echo $this->lang->line('start'); ?>
+                            </label>
+                            <div class="controls">
+                                <input type="text" id="unavailable-start" />
+                            </div>
+                        </div>
+                        
+                        <div class="control-group">
+                            <label for="unavailable-end" class="control-label">
+                                <?php echo $this->lang->line('end'); ?>
+                            </label>
+                            <div class="controls">
+                                <input type="text" id="unavailable-end" />
+                            </div>
+                        </div>
+                        
+                        <div class="control-group">
+                            <label for="unavailable-notes" class="control-label">
+                                <?php echo $this->lang->line('notes'); ?>
+                            </label>
+                            <div class="controls">
+                                <textarea id="unavailable-notes" rows="3" class="span3"></textarea>
+                            </div>
+                        </div>
+                    </fieldset>
+                </form>
+            </div>
     
-    <div class="modal-footer">
-        <button id="save-unavailable" class="btn btn-primary">
-            <?php echo $this->lang->line('save'); ?>
-        </button>
-        <button id="cancel-unavailable" class="btn">
-            <?php echo $this->lang->line('cancel'); ?>
-        </button>
+            <div class="modal-footer">
+                <button id="save-unavailable" class="btn btn-primary">
+                    <?php echo $this->lang->line('save'); ?>
+                </button>
+                <button id="cancel-unavailable" class="btn">
+                    <?php echo $this->lang->line('cancel'); ?>
+                </button>
+            </div>
+        </div>
     </div>
 </div>
 
@@ -372,26 +377,30 @@
     //
     // --------------------------------------------------------------------
 ?>
-<div id="select-google-calendar" class="modal hide fade" data-keyboard="true" tabindex="-1">
-    <div class="modal-header">
-        <button type="button" class="close" data-dismiss="modal" 
-                aria-hidden="true">&times;</button>
-        <h3><?php echo $this->lang->line('select_google_calendar'); ?></h3>
-    </div>
-    
-    <div class="modal-body">
-        <p>
-            <?php echo $this->lang->line('select_google_calendar_prompt'); ?>
-        </p>
-        <select id="google-calendar"></select>
-    </div>
-    
-    <div class="modal-footer">
-        <button id="select-calendar" class="btn btn-primary">
-            <?php echo $this->lang->line('select'); ?>
-        </button>
-        <button id="close-calendar" class="btn">
-            <?php echo $this->lang->line('close'); ?>
-        </button>
-    </div>
-</div>
+<div id="select-google-calendar" class="modal hidden fade">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" 
+                        aria-hidden="true">&times;</button>
+                <h3><?php echo $this->lang->line('select_google_calendar'); ?></h3>
+            </div>
+            
+            <div class="modal-body">
+                <p>
+                    <?php echo $this->lang->line('select_google_calendar_prompt'); ?>
+                </p>
+                <select id="google-calendar"></select>
+            </div>
+            
+            <div class="modal-footer">
+                <button id="select-calendar" class="btn btn-primary">
+                    <?php echo $this->lang->line('select'); ?>
+                </button>
+                <button id="close-calendar" class="btn">
+                    <?php echo $this->lang->line('close'); ?>
+                </button>
+            </div>
+        </div>
+    </div>  
+</div>
\ No newline at end of file
diff --git a/src/assets/css/backend.css b/src/assets/css/backend.css
index 71c32f92..47a4471e 100644
--- a/src/assets/css/backend.css
+++ b/src/assets/css/backend.css
@@ -145,14 +145,12 @@ body .jspTrack {
 #calendar-page #calendar-toolbar { 
     border-bottom: 1px solid #D6D6D6;
     background: #3A3A3A;
-    /*background: #FAFAFA;*/
     padding: 10px;
-    height: 39px;
+    overflow: auto;
     color: white;
 }
 
 #calendar-page #calendar-filter { 
-    display: inline-block;  
     float: left; 
 }
 
@@ -163,19 +161,13 @@ body .jspTrack {
     font-size: 18px; 
 }
 
-#calendar-page #calendar-filter select { 
-    margin-top: 5px; 
-}
-
 #calendar-page #calendar-filter select:disabled { 
     background: white;
     cursor: auto;
 }
 
 #calendar-page #calendar-actions { 
-    display: inline-block; 
     float: right; 
-    margin-top: 4px; 
 }
 
 #calendar-page #calendar {