-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
143 lines (136 loc) · 6.07 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html ng-app="SmartMirror">
<head>
<title>Smart Mirror</title>
<!-- Libraries -->
<!--script src="js/annyang.min.js"></script-->
<script src="js/annyang.js"></script>
<script src="js/moment.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/angular.min.js"></script>
<script src="js/angular-animate.min.js"></script>
<script src="js/odometer.min.js"></script>
<!-- App -->
<!--<script src="/js/init.js"></script>-->
<script src="js/config.js"></script>
<script src="js/app.js"></script>
<script src="js/annyang-service.js"></script>
<script src="js/weather-service.js"></script>
<script src="js/map-service.js"></script>
<script src="js/geolocation-service.js"></script>
<script src="js/voice-synthesis-service.js"></script>
<script src="js/infra-distance-service.js"></script>
<script src="js/hue-service.js" type="text/javascript" charset="utf-8"></script>
<script src="js/controller.js"></script>
<!-- Styles and Resources -->
<link rel="shortcut icon" href="favicon.ico" />
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,800,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/main.css" />
<link rel="stylesheet" href="css/odometer-theme-train-station.css" type="text/css" media="screen">
</head>
<body ng-controller="MirrorCtrl as commands">
<div class="top" >
<div class="top-left" ng-show="sections['display_time']">
<div class="date grey">{{date | date : 'EEEE, MMMM d yyyy'}}</div>
<div class="time">{{date | date : 'hh:mm a'}}</div>
</div>
<div class="top-right">
<div class="weather" ng-show="sections['display_weather']">
<div class="weather-today">
<span class="tempreture">{{currentforecast.temperature}}°</span>
</div>
<div class="weather-week-descriptor">{{weeklyforecast.summary}}</div>
<div class="weather-week" ng-repeat="forecast in weeklyforecast.data" ng-if="$index > 0">
<div class="weather-week-day">
<span class="day light-grey">{{forecast.day}}</span>
<span class="tempreture tempreture-min">{{forecast.temperatureMin}}</span>
<span class="tempreture tempreture-max">{{forecast.temperatureMax}}</span>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="middle-center">
<div ng-show="sections['display_complement']">
<h1>{{complement}}</h1>
</div>
<div class="map-container animate-grow" ng-show="sections['display_map']">
<img class="map animate-grow" ng-src="{{map}}"/>
</div>
<div ng-show="sections['display_light']">
<div ng-repeat="light in lights">
<!--
"state":{
"on":true,
"bri":37,
"alert":"none",
"reachable":true
},
"type":"Dimmable light",
"name":"Study light",
"modelid":"LWB006",
"manufacturername":"Philips",
"uniqueid":"00:17:88:01:10:5b:9e:7f-0b",
"swversion":"66015095",
"pointsymbol":{
"1":"none",
"2":"none",
"3":"none",
"4":"none",
"5":"none",
"6":"none",
"7":"none",
"8":"none"
}
-->
<div class="box">
<img ng-src="{{light.state.on == true && 'images/light-bulb-on.png' || 'images/light-bulb-off.png'}}" width="84" height="114" alt="Light Bulb On"> <br/>
{{light.name}}
</div>
</div>
</div>
<div ng-show="sections['display_infrared']">
<div id="odometer" class="odometer" ng-bind="distance">0000</div>millimeter
</div>
<div ng-show="sections['display_menu']">
<div>
<div id="box1" class="box">
<img src="images/datetime.png" width="140" height="140" alt="Large">
Say 'TIME' or 'DATE'
</div>
<div class="box">
<img src="images/weather.png" width="140" height="140" alt="Weather">
Say 'WEATHER'
</div>
<div class="box">
<img src="images/map.png" width="140" height="140" alt="Map">
Say 'MAP'
</div>
<div class="box">
<img src="images/light-bulb.png" width="140" height="140" alt="Light Bulb">
Say 'LIGHT'
</div>
<div class="box">
<img src="images/infra-sensor.png" width="140" height="140" alt="Infra Sensor">
Say 'PROXIMITY'
</div>
<!--div class="box">
<p> Test </p>
<p> Test </p>
</div-->
</div>
</div>
</div>
<div class="bottom-center">
<!--div ng-show="focus != 'commands'"-->
<div ng-bind="mirror_response" />
</div>
<div class="colors animate-grow" ng-show="focus == 'colors'">
<div class="color-block" ng-repeat="color in colors" style="background-color:{{color}}"></div>
</div>
</div>
<!-- Sleep cover -->
<div ng-show="sections['display_sleep']" class="sleep-cover fade"></div>
</body>
</html>