kenmirrors/MagicMirror
1
0
Fork 0
mirror of https://github.com/MichMich/MagicMirror.git synced 2025-06-27 11:50:00 +00:00
Code Issues Projects Releases Wiki Activity

Add dishwasher notification

Browse Source
This commit is contained in:
Michael Teeuw 2014-04-21 16:51:21 +02:00
parent e901b4e7c1
commit 33d93086b8
3 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
css/main.css
View File

@ -174,6 +174,16 @@ body, html {
text-align: right; text-align: right;
} }
.dishwasher {
background-color: white;
color: black;
margin: 0 200px;
font-size: 60px;
border-radius: 1000px;
border-radius: 1200px;
display: none;
}
@font-face { @font-face {
font-family: 'HelveticaNeue-UltraLight'; font-family: 'HelveticaNeue-UltraLight';
src: url('font/HelveticaNeue-UltraLight.eot'); /* IE9 Compat Modes */ src: url('font/HelveticaNeue-UltraLight.eot'); /* IE9 Compat Modes */

2
index.php
View File

@ -13,6 +13,7 @@
<div class="top left"><div class="date small dimmed"></div><div class="time"></div><div class="calendar xxsmall"></div></div> <div class="top left"><div class="date small dimmed"></div><div class="time"></div><div class="calendar xxsmall"></div></div>
<div class="top right"><div class="windsun small dimmed"></div><div class="temp"></div><div class="forecast small dimmed"></div></div> <div class="top right"><div class="windsun small dimmed"></div><div class="temp"></div><div class="forecast small dimmed"></div></div>
<div class="center-ver center-hor"><div class="dishwasher light">Vaatwasser is klaar!</div></div>
<div class="lower-third center-hor"><div class="compliment light"></div></div> <div class="lower-third center-hor"><div class="compliment light"></div></div>
<div class="bottom center-hor"><div class="news medium"></div></div> <div class="bottom center-hor"><div class="news medium"></div></div>
@ -23,6 +24,7 @@
<script src="js/ical_parser.js"></script> <script src="js/ical_parser.js"></script>
<script src="js/moment-with-langs.min.js"></script> <script src="js/moment-with-langs.min.js"></script>
<script src="js/main.js?nocache=<?php echo md5(microtime()) ?>"></script> <script src="js/main.js?nocache=<?php echo md5(microtime()) ?>"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/socket.io/0.9.16/socket.io.min.js"></script>
</body> </body>
</html> </html>

9
js/main.js
View File

@ -47,6 +47,15 @@ jQuery(document).ready(function($) {
var compliment; var compliment;
var socket = io.connect('http://rpi-development.local:8080');
socket.on('dishwasher', function (dishwasherReady) {
if (dishwasherReady) {
$('.dishwasher').fadeIn();
} else {
$('.dishwasher').fadeOut();
}
});
var weatherParams = { var weatherParams = {
'q':'Baarn,Netherlands', 'q':'Baarn,Netherlands',