Tue, 12 Aug 2014 17:54:48 +0200
LED's using css styling.
www-thermferm/css/style.css | file | annotate | diff | comparison | revisions | |
www-thermferm/liveview.php | file | annotate | diff | comparison | revisions |
--- a/www-thermferm/css/style.css Tue Aug 12 13:09:50 2014 +0200 +++ b/www-thermferm/css/style.css Tue Aug 12 17:54:48 2014 +0200 @@ -362,3 +362,40 @@ height: 260px; float: right; } + +.led-red { + margin: 5px auto; + width: 12px; + height: 12px; + background-color: #940; + border-radius: 50%; + box-shadow: #000 0 -1px 7px 1px, inset #600 0 -1px 9px, #f00 0 2px 12px; +} + +.led-yellow { + margin: 5px auto; + width: 12px; + height: 12px; + background-color: #A90; + border-radius: 50%; + box-shadow: #000 0 -1px 7px 1px, inset #660 0 -1px 9px, #DD0 0 2px 12px; +} + +.led-green { + margin: 5px auto; + width: 12px; + height: 12px; + background-color: #690; + border-radius: 50%; + box-shadow: #000 0 -1px 7px 1px, inset #460 0 -1px 9px, #7D0 0 2px 12px; +} + +.led-blue { + margin: 5px auto; + width: 12px; + height: 12px; + background-color: #4AB; + border-radius: 50%; + box-shadow: #000 0 -1px 7px 1px, inset #006 0 -1px 9px, #06F 0 2px 12px; +} +
--- a/www-thermferm/liveview.php Tue Aug 12 13:09:50 2014 +0200 +++ b/www-thermferm/liveview.php Tue Aug 12 17:54:48 2014 +0200 @@ -313,7 +313,8 @@ if ($fan_state == "100") $fan_led = "on"; $outstr .= ' <div id="fermentor_led3">'.PHP_EOL; - $outstr .= ' <div id="load_led3_'.$unr.'"><img src="images/led_green_'.$fan_led.'.png"></div>Fan'.PHP_EOL; +// $outstr .= ' <div id="load_led3_'.$unr.'"><img src="images/led_green_'.$fan_led.'.png"></div>Fan'.PHP_EOL; + $outstr .= ' <div class="led-green"></div>Fan'.PHP_EOL; $outstr .= ' </div>'.PHP_EOL; $outstr .= ' <div id="fermentor_toggle1">'.PHP_EOL;