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
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
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
a72e9245cc72 comments and console layout
drewp <drewp@bigasterisk.com>
parents: 1184
diff changeset
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
a72e9245cc72 comments and console layout
drewp <drewp@bigasterisk.com>
parents: 1184
diff changeset
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
a72e9245cc72 comments and console layout
drewp <drewp@bigasterisk.com>
parents: 1184
diff changeset
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
a72e9245cc72 comments and console layout
drewp <drewp@bigasterisk.com>
parents: 1184
diff changeset
53 .invis-true {
a72e9245cc72 comments and console layout
drewp <drewp@bigasterisk.com>
parents: 1184
diff changeset
54 visibility: hidden;
a72e9245cc72 comments and console layout
drewp <drewp@bigasterisk.com>
parents: 1184
diff changeset
55 }
a72e9245cc72 comments and console layout
drewp <drewp@bigasterisk.com>
parents: 1184
diff changeset
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
a72e9245cc72 comments and console layout
drewp <drewp@bigasterisk.com>
parents: 1184
diff changeset
72 subject="room:frontDoorLock"
a72e9245cc72 comments and console layout
drewp <drewp@bigasterisk.com>
parents: 1184
diff changeset
73 predicate="room:state"
a72e9245cc72 comments and console layout
drewp <drewp@bigasterisk.com>
parents: 1184
diff changeset
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>