From 77d59c9788c518058a54518d977a62d9bc26d392 Mon Sep 17 00:00:00 2001
From: billz <billzimmerman@gmail.com>
Date: Tue, 30 Jun 2020 16:46:51 +0100
Subject: [PATCH] Initial commit

---
 app/js/huebee.js  | 23 +++++++++++++++++++++++
 app/lib/color.php | 21 +++++++++++++++++++++
 2 files changed, 44 insertions(+)
 create mode 100644 app/js/huebee.js
 create mode 100644 app/lib/color.php

diff --git a/app/js/huebee.js b/app/js/huebee.js
new file mode 100644
index 00000000..1aa5f278
--- /dev/null
+++ b/app/js/huebee.js
@@ -0,0 +1,23 @@
+// Initialize Huebee color picker
+var elem = document.querySelector('.color-input');
+var hueb = new Huebee( elem, {
+    notation: 'hex',
+    saturations: 2,
+    customColors: [ '#d8224c', '#dd4814', '#ea0', '#19f', '#333' ],
+    className: 'light-picker',
+    hue0: 210
+});
+
+// Set custom color if defined
+var color = getCookie('color');
+if (color == null || color == '') {
+    color = '#d8224c';
+}
+hueb.setColor(color);
+
+// Change event
+hueb.on( 'change', function( color, hue, sat, lum ) {
+    setCookie('color',color,90);
+    console.log(color)
+})
+
diff --git a/app/lib/color.php b/app/lib/color.php
new file mode 100644
index 00000000..3adb2978
--- /dev/null
+++ b/app/lib/color.php
@@ -0,0 +1,21 @@
+<?php header("Content-Type: text/css; charset=utf-8"); ?>
+
+<?php
+if (!isset($_COOKIE['color'])) {
+    $color = "#d8224c";
+} else {
+    $color = $_COOKIE['color'];
+}
+?>
+
+.card .card-header {
+  border-color: <?php echo $color; ?>;
+  color: #fff;
+  background-color: <?php echo $color; ?>;
+}
+
+.btn-primary {
+  color: <?php echo $color; ?>;
+  border-color: <?php echo $color; ?>;
+  background-color: #fff;
+}