1
0
mirror of https://github.com/billz/raspap-webgui.git synced 2023-10-10 13:37:24 +02:00

Initial commit

This commit is contained in:
billz 2020-06-30 16:46:51 +01:00
parent 4eb3d6b24c
commit 77d59c9788
2 changed files with 44 additions and 0 deletions

23
app/js/huebee.js Normal file
View File

@ -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)
})

21
app/lib/color.php Normal file
View File

@ -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;
}