Change note color scheme, fix add note button

admin/admin_ticket.php

@@ -1046,7 +1046,7 @@ require_once(HESK_PATH . 'inc/show_admin_nav.inc.php');
                 </div>
         </div>
     </div>
-    <div class="box box-warning box-solid">
+    <div class="box box-warning">
         <div class="box-header with-border">
             <h1 class="box-title">
                 <?php echo $hesklang['notes']; ?>
@@ -1153,7 +1153,7 @@ require_once(HESK_PATH . 'inc/show_admin_nav.inc.php');
                     <div class="text-right">
                         <i><?php echo $hesklang['nhid']; ?></i>&nbsp;
                         <div class="btn-group">
-                            <button type="button" class="btn btn-danger" onclick="hesk_toggleLayerDisplay('noteform')"><?php echo $hesklang['cancel']; ?></button>
+                            <button type="button" class="btn btn-danger" data-show="note-footer" data-hide="noteform"><?php echo $hesklang['cancel']; ?></button>
                             <input type="submit" class="btn btn-success" value="<?php echo $hesklang['s']; ?>">
                         </div>
                         <input type="hidden" name="track" value="<?php echo $trackingID; ?>">
@@ -1163,8 +1163,8 @@ require_once(HESK_PATH . 'inc/show_admin_nav.inc.php');
             </div>
         </div>
         <?php if ($can_reply): ?>
-        <div class="box-footer">
-            <button class="btn btn-default pull-right" onclick="hesk_toggleLayerDisplay('noteform')">
+        <div class="box-footer" id="note-footer">
+            <button class="btn btn-default pull-right" data-show="noteform" data-hide="note-footer">
                 <i class="fa fa-plus-circle"></i> <?php echo $hesklang['addnote']; ?>
             </button>
         </div>

css/mods-for-hesk-new.css

@@ -219,10 +219,6 @@ button.dropdown-submit {
     border-top: 1px solid #f39c12;
 }
 
-.box-warning .box-footer {
-    background: #f39c12;
-}
-
 #noteform {
     background: white;
     margin: 10px -10px -10px;

js/modsForHesk-javascript.js

@@ -89,6 +89,16 @@ var loadJquery = function()
     $('.box-header h1.box-title').click(function() {
         $(this).parent().find('[data-widget="collapse"]').click();
     });
+    
+    $('[data-show]').click(function() {
+        var show = $(this).attr('data-show');
+        $('#' + show).show();
+    });
+    
+    $('[data-hide]').click(function() {
+        var hide = $(this).attr('data-hide');
+        $('#' + hide).hide();
+    })
 };
 
 function calculateGrayCount(background) {
@@ -102,7 +112,7 @@ function calculateGrayCount(background) {
 
 var setIcon = function(icon) {
     $('[data-toggle="iconpicker"]').iconpicker('setIcon', icon);
-}
+};
 
 // Deprecated. Use data-select-all="id" instead
 function selectAll(id) {