From af8af9b2415d00d0daef5c855d1f1d3c1fd84f0f Mon Sep 17 00:00:00 2001
From: Mike Koch <mkoch227@gmail.com>
Date: Mon, 15 Aug 2016 16:35:41 -0400
Subject: [PATCH] Calendar uses new UI

---
 admin/calendar.php      | 105 ++++++++++++++++++++++++++--------------
 css/displays.css        |  13 +++++
 css/positions.css       |   7 +++
 inc/headerAdmin.inc.php |   2 +
 4 files changed, 92 insertions(+), 35 deletions(-)
 create mode 100644 css/displays.css
 create mode 100644 css/positions.css

diff --git a/admin/calendar.php b/admin/calendar.php
index 314ae6a4..a1182dcf 100644
--- a/admin/calendar.php
+++ b/admin/calendar.php
@@ -37,6 +37,7 @@ define('PAGE_TITLE', 'ADMIN_CALENDAR');
 require(HESK_PATH . 'hesk_settings.inc.php');
 require(HESK_PATH . 'inc/common.inc.php');
 require(HESK_PATH . 'inc/admin_functions.inc.php');
+require(HESK_PATH . 'inc/mail_functions.inc.php');
 hesk_load_database_functions();
 
 hesk_session_start();
@@ -75,51 +76,85 @@ require_once(HESK_PATH . 'inc/headerAdmin.inc.php');
 /* Print main manage users page */
 require_once(HESK_PATH . 'inc/show_admin_nav.inc.php');
 ?>
-
-<div class="row pad-20">
-    <div class="col-lg-3">
-        <div class="panel panel-default">
-            <div class="panel-heading">
-                <h4><?php echo $hesklang['calendar_categories']; ?></h4>
+<section class="content">
+    <div class="row">
+        <div class="col-md-4">
+            <div class="box">
+                <div class="box-header">
+                    <h1 class="box-title">
+                        <?php echo $hesklang['calendar_categories']; ?>
+                    </h1>
+                    <div class="box-tools pull-right">
+                        <button type="button" class="btn btn-box-tool" data-widget="collapse">
+                            <i class="fa fa-minus"></i>
+                        </button>
+                    </div>
+                </div>
+                <div class="box-body">
+                    <div class="btn-group btn-group-sm">
+                        <button id="select-all" class="btn btn-default" data-select-all="category-toggle"><?php echo $hesklang['select_all_title_case']; ?></button>
+                        <button id="deselect-all" class="btn btn-default" data-deselect-all="category-toggle"><?php echo $hesklang['deselect_all_title_case']; ?></button>
+                    </div>
+                    <ul class="list-unstyled">
+                        <?php foreach ($categories as $category): ?>
+                            <li class="move-down-20 move-right-20">
+                                <div class="checkbox">
+                                    <input type="checkbox" data-select-target="category-toggle" name="category-toggle" value="<?php echo $category['id']; ?>" checked>
+                                </div>
+                                <div class="hide-on-overflow no-wrap event-category background-volatile" style="<?php echo $category['css_style']; ?>">
+                                    <?php echo $category['name']; ?>
+                                </div>
+                            </li>
+                        <?php endforeach; ?>
+                    </ul>
+                </div>
             </div>
-            <div class="panel-body">
-                <div class="btn-group btn-group-sm">
-                    <button id="select-all" class="btn btn-default" data-select-all="category-toggle"><?php echo $hesklang['select_all_title_case']; ?></button>
-                    <button id="deselect-all" class="btn btn-default" data-deselect-all="category-toggle"><?php echo $hesklang['deselect_all_title_case']; ?></button>
+            <div class="box">
+                <div class="box-header">
+                    <h1 class="box-title">
+                        <?php echo $hesklang['legend']; ?>
+                    </h1>
+                    <div class="box-tools pull-right">
+                        <button type="button" class="btn btn-box-tool" data-widget="collapse">
+                            <i class="fa fa-minus"></i>
+                        </button>
+                    </div>
                 </div>
-                <ul class="list-unstyled">
-                <?php foreach ($categories as $category): ?>
-                    <li class="move-down-20 move-right-20">
-                        <div class="checkbox">
-                            <input type="checkbox" data-select-target="category-toggle" name="category-toggle" value="<?php echo $category['id']; ?>" checked>
+                <div class="box-body">
+                    <div class="row">
+                        <div class="col-sm-6">
+                            <i class="fa fa-calendar"></i> <?php echo $hesklang['event']; ?>
+                        </div>
+                        <div class="col-sm-6">
+                            <i class="fa fa-ticket"></i> <?php echo $hesklang['ticket']; ?>
                         </div>
-                        <div class="hide-on-overflow no-wrap event-category background-volatile" style="<?php echo $category['css_style']; ?>">
-                            <?php echo $category['name']; ?>
+                        <div class="col-sm-6">
+                            <i class="fa fa-exclamation-triangle"></i> <?php echo $hesklang['overdue_ticket_legend']; ?>
                         </div>
-                    </li>
-                <?php endforeach; ?>
-                </ul>
+                    </div>
+                </div>
             </div>
         </div>
-        <div class="panel panel-default">
-            <div class="panel-heading">
-                <h4><?php echo $hesklang['legend']; ?></h4>
-            </div>
-            <div class="panel-body">
-                <div class="row">
-                    <div class="col-sm-6">
-                        <i class="fa fa-calendar"></i> <?php echo $hesklang['event']; ?>
-                    </div>
-                    <div class="col-sm-6">
-                        <i class="fa fa-ticket"></i> <?php echo $hesklang['ticket']; ?>
-                    </div>
-                    <div class="col-sm-6">
-                        <i class="fa fa-exclamation-triangle"></i> <?php echo $hesklang['overdue_ticket_legend']; ?>
+        <div class="col-md-8">
+            <div class="box">
+                <div class="box-header">
+                    <h1 class="box-title">
+                        <?php echo $hesklang['calendar_title_case']; ?>
+                    </h1>
+                    <div class="box-tools pull-right">
+                        <button type="button" class="btn btn-box-tool" data-widget="collapse">
+                            <i class="fa fa-minus"></i>
+                        </button>
                     </div>
                 </div>
+                <div class="box-body no-padding">
+                    <div id="calendar"></div>
+                </div>
             </div>
         </div>
     </div>
+</section>
+<div class="row pad-20">
     <div class="col-lg-9">
         <div class="panel panel-default">
             <div class="panel-heading">
@@ -138,7 +173,7 @@ require_once(HESK_PATH . 'inc/show_admin_nav.inc.php');
                 </h4>
             </div>
             <div class="panel-body">
-                <div id="calendar"></div>
+
             </div>
         </div>
     </div>
diff --git a/css/displays.css b/css/displays.css
new file mode 100644
index 00000000..6a311eb7
--- /dev/null
+++ b/css/displays.css
@@ -0,0 +1,13 @@
+.hide-on-overflow {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.no-wrap {
+    white-space: nowrap;
+}
+
+.event-category {
+    border-radius: 4px;
+    padding: 5px;
+}
\ No newline at end of file
diff --git a/css/positions.css b/css/positions.css
new file mode 100644
index 00000000..70205742
--- /dev/null
+++ b/css/positions.css
@@ -0,0 +1,7 @@
+.move-down-20 {
+    margin-top: 20px;
+}
+
+.move-right-20 {
+    margin-left: 20px;
+}
\ No newline at end of file
diff --git a/inc/headerAdmin.inc.php b/inc/headerAdmin.inc.php
index faec99cd..dfd117a3 100644
--- a/inc/headerAdmin.inc.php
+++ b/inc/headerAdmin.inc.php
@@ -60,6 +60,8 @@ $modsForHesk_settings = mfh_getSettings();
     <link rel="stylesheet" href="<?php echo HESK_PATH; ?>css/skins/_all-skins.min.css">
     <link rel="stylesheet" href="<?php echo HESK_PATH; ?>css/mods-for-hesk-new.css">
     <link rel="stylesheet" href="<?php echo HESK_PATH; ?>css/colors.css">
+    <link rel="stylesheet" href="<?php echo HESK_PATH; ?>css/positions.css">
+    <link rel="stylesheet" href="<?php echo HESK_PATH; ?>css/displays.css">
     <script src="<?php echo HESK_PATH; ?>js/jquery-1.10.2.min.js"></script>
     <script type="text/javascript" src="<?php echo HESK_PATH; ?>js/adminlte.min.js"></script>
     <script language="Javascript" type="text/javascript" src="<?php echo HESK_PATH; ?>hesk_javascript.js"></script>