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>