Fixed colours for saas mode (#201)

Signed-off-by: Janos SUTO <[email protected]>
jsuto · Nov 14, 2024 · 95ad5ee · 95ad5ee
1 parent a34b831
commit 95ad5ee
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/webui/assets/js/piler.js b/webui/assets/js/piler.js
@@ -1270,6 +1270,17 @@ $(document).ready(function() {
       Piler.add_shortcuts();
       break;
 
+    case 'customer/list':
+      $('#background-color-picker').on('input', function() {
+        var color = $(this).val();
+        $('#background_colour').val(color);
+      });
+      $('#text-color-picker').on('input', function() {
+        var color = $(this).val();
+        $('#text_colour').val(color);
+      });
+      break;
+
     default:
       const s = window.location.href;
       if(/search.php#?$/.test(s)) {
@@ -1279,5 +1290,4 @@ $(document).ready(function() {
 
       break;
   }
-
 });
diff --git a/webui/templates/customer/list.tpl b/webui/templates/customer/list.tpl
@@ -91,7 +91,8 @@
           <label for="background_colour" class="col-form-label"><?php print $text_background_colour; ?></label>
         </div>
         <div class="col-4">
-          <input type="text" name="background_colour" id="background_colour" class="form-control" placeholder="" value="<?php if(isset($a['background_colour'])) { print $a['background_colour']; } ?>" aria-describedby="help1" />
+          <input type="hidden" name="background_colour" id="background_colour" />
+          <input type="color" id="background-color-picker" value="<?php if(isset($a['background_colour'])) { print $a['background_colour']; } else { ?>#d0d0d0<?php } ?>">
         </div>
         <div class="col-auto">
           <span id="help1" class="form-text"></span>
@@ -103,7 +104,8 @@
           <label for="text_colour" class="col-form-label"><?php print $text_text_colour; ?></label>
         </div>
         <div class="col-4">
-          <input type="text" name="text_colour" id="text_colour" class="form-control" placeholder="" value="<?php if(isset($a['text_colour'])) { print $a['text_colour']; } ?>" aria-describedby="help1" />
+          <input type="hidden" name="text_colour" id="text_colour" />
+          <input type="color" id="text-color-picker" value="<?php if(isset($a['text_colour'])) { print $a['text_colour']; } else { ?>#5f5f5f<?php } ?>">
         </div>
         <div class="col-auto">
           <span id="help1" class="form-text"></span>