Mercurial > code > home > repos > homeauto
annotate service/frontDoorLock/index.html @ 1228:a72e9245cc72
comments and console layout
Ignore-this: b45fcf8177a1200c126b80bf9f43aafa
darcs-hash:b8e98c1f37102c6400ed508d09f81900e33b8c75
author | drewp <drewp@bigasterisk.com> |
---|---|
date | Thu, 04 Apr 2019 02:14:48 -0700 |
parents | c87e5c8eb8ab |
children | bfe555dd0c91 |
rev | line source |
---|---|
1184
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
1 <!doctype html> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
2 <html> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
3 <head> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
4 <title>front door lock</title> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
5 <meta charset="utf-8" /> |
1228 | 6 <meta name="mobile-web-app-capable" content="yes"> |
1184
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
7 <meta name="viewport" content="width=device-width, initial-scale=1"> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
8 <script src="/lib/polymer/1.0.9/webcomponentsjs/webcomponents.min.js"></script> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
9 <script src="/lib/require/require-2.3.3.js"></script> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
10 <script> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
11 requirejs.config({ |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
12 paths: { |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
13 "streamed-graph": "/rdf/streamed-graph", |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
14 "quadstore": "/rdf/quadstore", |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
15 "async-module": "/lib/async/80f1793/async", |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
16 "async": "/lib/async/80f1793/async", |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
17 "jsonld-module": "/lib/jsonld.js/0.4.11/js/jsonld", |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
18 "jsonld": "/lib/jsonld.js/0.4.11/js/jsonld", |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
19 "rdfstore": "/lib/rdf_store/0.9.7/dist/rdfstore", |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
20 "moment": "/lib/moment.min", |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
21 "underscore": "/lib/underscore-1.5.2.min", |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
22 } |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
23 }); |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
24 </script> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
25 <script> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
26 window.NS = { |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
27 dev: 'http://projects.bigasterisk.com/device/', |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
28 room: 'http://projects.bigasterisk.com/room/', |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
29 rdfs: 'http://www.w3.org/2000/01/rdf-schema#', |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
30 sensor: 'http://bigasterisk.com/homeauto/sensor/', |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
31 }; |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
32 </script> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
33 <link rel="import" href="/rdf/streamed-graph.html"> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
34 <link rel="import" href="/lib/polymer/1.0.9/polymer/polymer.html"> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
35 <link rel="import" href="/rdf/rdf-oneshot.html"> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
36 <link rel="import" href="/rdf/rdf-uri.html"> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
37 </head> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
38 <body> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
39 <dom-module id="door-control"> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
40 <style> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
41 button { |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
42 min-width: 60px; |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
43 min-height: 40px; |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
44 } |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
45 div#form { |
1228 | 46 margin: 2px; |
1184
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
47 background: #dff5e5; |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
48 padding: 10px; |
1228 | 49 line-height: 30px; |
1184
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
50 text-align: center; |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
51 border: 2px groove white; |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
52 } |
1228 | 53 .invis-true { |
54 visibility: hidden; | |
55 } | |
56 | |
1184
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
57 </style> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
58 <template> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
59 <div> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
60 <streamed-graph url="graph/events" graph="{{graph}}"></streamed-graph> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
61 </div> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
62 |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
63 <div id="form"> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
64 |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
65 <div> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
66 Door is {{lockState}} |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
67 </div> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
68 |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
69 <rdf-oneshot |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
70 id="unlockOneshot" |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
71 post="output" |
1228 | 72 subject="room:frontDoorLock" |
73 predicate="room:state" | |
74 object="room:unlocked" | |
1184
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
75 ></rdf-oneshot> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
76 <button on-click="unlock">Unlock</button> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
77 |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
78 <template is="dom-if" if="{{autoLockIsComing}}"> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
79 <div> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
80 Locking in {{autoLockInSec}} |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
81 </div> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
82 </template> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
83 </div> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
84 </template> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
85 <script> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
86 HTMLImports.whenReady(function () { |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
87 Polymer({ |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
88 is: 'door-control', |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
89 properties: { |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
90 graph: { type: Object, notify: true, observer: "_onGraph" }, |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
91 lockState: { type: String }, |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
92 autoLockIsComing: { type: Boolean }, |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
93 autoLockInSec: { type: String}, |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
94 }, |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
95 behaviors: [BigastUri], |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
96 _onGraph: function(graph) { |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
97 if (!graph.graph) return; |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
98 const env = graph.graph.store.rdf; |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
99 graph.graph.quadStore.quads( |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
100 {subject: env.createNamedNode('room:frontDoorLock'), |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
101 predicate: env.createNamedNode('room:state'), |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
102 }, |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
103 (q) => { |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
104 this.lockState = q.object.toString().replace(/.*\//, ''); |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
105 }); |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
106 |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
107 this.autoLockIsComing = false; |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
108 graph.graph.quadStore.quads( |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
109 {subject: env.createNamedNode('room:frontDoorLock'), |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
110 predicate: env.createNamedNode('room:autoLockInSec'), |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
111 }, |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
112 (q) => { |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
113 this.autoLockIsComing = true; |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
114 this.autoLockInSec = parseFloat(q.object.valueOf()); |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
115 }); |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
116 }, |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
117 unlock: function() { |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
118 this.$.unlockOneshot.go(); |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
119 } |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
120 }); |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
121 }); |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
122 </script> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
123 </dom-module> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
124 <door-control></door-control> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
125 </body> |
c87e5c8eb8ab
frontdoor autolock. logging improvements. use simpler mqtt interface.
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
126 </html> |