Restyled select ticket category for new ticket

admin/new_ticket.php

@@ -1042,11 +1042,14 @@ function print_select_category($number_of_categories) {
     /* This will handle error, success and notice messages */
     hesk_handle_messages();
     ?>
-
-    <div style="text-align: center">
-
-        <h3><?php echo $hesklang['select_category_staff']; ?></h3>
-
+    <section class="content">
+        <div class="box">
+            <div class="box-header with-border">
+                <h1 class="box-title">
+                    <?php echo $hesklang['select_category_staff']; ?>
+                </h1>
+            </div>
+            <div class="box-body">
                 <div class="select_category">
                     <?php
                     // Print a select box if number of categories is large
@@ -1054,7 +1057,7 @@ function print_select_category($number_of_categories) {
                     {
                         ?>
                         <form action="new_ticket.php" method="get">
-                    <select name="category" id="select_category">
+                            <select name="category" id="select_category" class="form-control">
                                 <?php
                                 if ($hesk_settings['select_cat'])
                                 {
@@ -1078,22 +1081,40 @@ function print_select_category($number_of_categories) {
                     // Otherwise print quick links
                     else
                     {
-                ?>
-                <ul id="ul_category">
-                    <?php
-                    foreach ($hesk_settings['categories'] as $k=>$v)
-                    {
-                        echo '<li><a href="new_ticket.php?a=add&amp;category='.$k.'">&raquo; '.$v.'</a></li>';
+                        // echo '<li><a href="new_ticket.php?a=add&amp;category='.$k.'">&raquo; '.$v.'</a></li>';
+                        $new_row = 1;
+
+                        foreach ($hesk_settings['categories'] as $k=>$v):
+                            if ($new_row == 1) {
+                                echo '<div class="row">';
+                                $new_row = -1;
                             }
                             ?>
-                </ul>
+                            <div class="col-md-5 col-sm-12 <?php if ($new_row == -1) {echo 'col-md-offset-1';} ?>">
+                                <a href="new_ticket.php?a=add&category=<?php echo $k; ?>" class="button-link">
+                                    <div class="panel panel-default">
+                                        <div class="panel-body">
+                                            <div class="row">
+                                                <div class="col-xs-12">
+                                                    <?php echo $v; ?>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </a>
+                            </div>
                             <?php
+                            $new_row++;
+                            if ($new_row == 1) {
+                                echo '</div>';
+                            }
+                        endforeach;
                     }
                     ?>
                 </div>
             </div>
-
-    <p>&nbsp;</p>
+        </div>
+    </section>
 
     <?php
 

css/mods-for-hesk-new.css

@@ -151,3 +151,21 @@ button.dropdown-submit {
 .login-box-body {
     border-radius: 5px;
 }
+
+.button-link {
+    color: #4a5571;
+}
+
+.button-link:hover {
+    text-decoration: none;
+    color: #000;
+}
+
+.button-link .col-xs-1 {
+    margin: 0 auto;
+    padding: 0;
+}
+
+.button-link .panel-body:hover {
+    background-color: #EEE;
+}

index.php

@@ -90,12 +90,6 @@ function print_select_category($number_of_categories)
         <li><a href="<?php echo $hesk_settings['hesk_url']; ?>"><?php echo $hesk_settings['hesk_title']; ?></a></li>
         <li class="active"><?php echo $hesklang['submit_ticket']; ?></li>
     </ol>
-
-    <tr>
-        <td>
-
-            &nbsp;<br />
-
     <?php
     /* This will handle error, success and notice messages */
     hesk_handle_messages();
@@ -128,7 +122,7 @@ function print_select_category($number_of_categories)
                     &nbsp;<br />
 
                     <div style="text-align:center">
-                                <input type="submit" value="<?php echo $hesklang['c2c']; ?>" class="orangebutton"  onmouseover="hesk_btn(this,'orangebuttonover');" onmouseout="hesk_btn(this,'orangebutton');" />
+                        <input type="submit" value="<?php echo $hesklang['c2c']; ?>" class="btn btn-default">
                         <input type="hidden" name="a" value="add" />
                     </div>
                 </form>
@@ -169,8 +163,6 @@ function print_select_category($number_of_categories)
         </div>
     </div>
 
-            <p>&nbsp;</p>
-
     <?php
     return true;
 } // END print_select_category()