Mercurial > code > home > repos > homeauto
comparison service/frontDoorLock/index.html @ 425:d495d4382a07
comments and console layout
Ignore-this: b45fcf8177a1200c126b80bf9f43aafa
author | drewp@bigasterisk.com |
---|---|
date | Thu, 04 Apr 2019 02:14:48 -0700 |
parents | 67cebf7a14de |
children | bfe555dd0c91 |
comparison
equal
deleted
inserted
replaced
424:ab8cd52552e7 | 425:d495d4382a07 |
---|---|
1 <!doctype html> | 1 <!doctype html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>front door lock</title> | 4 <title>front door lock</title> |
5 <meta charset="utf-8" /> | 5 <meta charset="utf-8" /> |
6 <meta name="mobile-web-app-capable" content="yes"> | |
6 <meta name="viewport" content="width=device-width, initial-scale=1"> | 7 <meta name="viewport" content="width=device-width, initial-scale=1"> |
7 <script src="/lib/polymer/1.0.9/webcomponentsjs/webcomponents.min.js"></script> | 8 <script src="/lib/polymer/1.0.9/webcomponentsjs/webcomponents.min.js"></script> |
8 <script src="/lib/require/require-2.3.3.js"></script> | 9 <script src="/lib/require/require-2.3.3.js"></script> |
9 <script> | 10 <script> |
10 requirejs.config({ | 11 requirejs.config({ |
40 button { | 41 button { |
41 min-width: 60px; | 42 min-width: 60px; |
42 min-height: 40px; | 43 min-height: 40px; |
43 } | 44 } |
44 div#form { | 45 div#form { |
45 margin: 20px; | 46 margin: 2px; |
46 background: #dff5e5; | 47 background: #dff5e5; |
47 padding: 10px; | 48 padding: 10px; |
48 line-height: 40px; | 49 line-height: 30px; |
49 text-align: center; | 50 text-align: center; |
50 border: 2px groove white; | 51 border: 2px groove white; |
51 } | 52 } |
53 .invis-true { | |
54 visibility: hidden; | |
55 } | |
56 | |
52 </style> | 57 </style> |
53 <template> | 58 <template> |
54 <div> | 59 <div> |
55 <streamed-graph url="graph/events" graph="{{graph}}"></streamed-graph> | 60 <streamed-graph url="graph/events" graph="{{graph}}"></streamed-graph> |
56 </div> | 61 </div> |
62 </div> | 67 </div> |
63 | 68 |
64 <rdf-oneshot | 69 <rdf-oneshot |
65 id="unlockOneshot" | 70 id="unlockOneshot" |
66 post="output" | 71 post="output" |
67 subject="<http://projects.bigasterisk.com/room/frontDoorLock>" | 72 subject="room:frontDoorLock" |
68 predicate="<http://projects.bigasterisk.com/room/state>" | 73 predicate="room:state" |
69 object="<http://projects.bigasterisk.com/room/unlocked>" | 74 object="room:unlocked" |
70 ></rdf-oneshot> | 75 ></rdf-oneshot> |
71 <button on-click="unlock">Unlock</button> | 76 <button on-click="unlock">Unlock</button> |
72 | 77 |
73 <template is="dom-if" if="{{autoLockIsComing}}"> | 78 <template is="dom-if" if="{{autoLockIsComing}}"> |
74 <div> | 79 <div> |