Mercurial > code > home > repos > homeauto
annotate service/arduinoNode/static/index.html @ 1027:208b960fde31
hostname in page title
Ignore-this: 84be0d921c173a4c2c154d6a65e15add
darcs-hash:3e14370d849be2c6c0d30db8f7c575e4433bfda7
| author | drewp <drewp@bigasterisk.com> |
|---|---|
| date | Fri, 22 Jan 2016 00:39:35 -0800 |
| parents | 3e6fac8569cd |
| children | f609e1eee4db |
| rev | line source |
|---|---|
|
975
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
1 <!doctype html> |
|
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
2 <html> |
|
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
3 <head> |
| 1027 | 4 <title>arduinoNode - </title> |
| 999 | 5 <meta name=viewport content="width=device-width, initial-scale=1"> |
|
975
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
6 <meta charset="utf-8" /> |
| 998 | 7 <script src="/lib/polymer/1.0.9/webcomponentsjs/webcomponents.min.js"></script> |
| 8 <link rel="import" href="/lib/polymer/1.0.9/polymer/polymer.html"> | |
| 9 <link rel="import" href="/lib/polymer/1.0.9/iron-ajax/iron-ajax.html"> | |
| 10 <link rel="import" href="/lib/polymer/1.0.9/iron-flex-layout/iron-flex-layout.html"> | |
|
1003
58c939e2e121
arduinoNode config. missing import
drewp <drewp@bigasterisk.com>
parents:
999
diff
changeset
|
11 <link rel="import" href="/lib/polymer/1.0.9/paper-button/paper-button.html"> |
|
975
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
12 <link rel="import" href="/room/ari/static/rdf-observe.html"> |
|
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
13 <link rel="import" href="/room/ari/static/rdf-oneshot.html"> |
| 998 | 14 <link rel="import" href="/room/ari/static/rdf-uri.html"> |
|
975
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
15 <link rel="import" href="static/output-widgets.html"> |
|
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
16 <style> |
|
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
17 body { |
|
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
18 font-family: monospace; |
| 998 | 19 display: flex; |
| 20 flex-direction: column; | |
| 21 margin: 0; | |
| 22 height: 100vh; | |
|
975
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
23 } |
|
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
24 </style> |
|
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
25 </head> |
| 998 | 26 <body> |
|
975
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
27 <script> |
|
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
28 window.NS = { |
|
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
29 dev: 'http://projects.bigasterisk.com/device/', |
|
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
30 room: 'http://projects.bigasterisk.com/room/', |
|
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
31 rdfs: 'http://www.w3.org/2000/01/rdf-schema#', |
|
1023
3e6fac8569cd
multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents:
1003
diff
changeset
|
32 sensor: 'http://bigasterisk.com/homeauto/sensor/', |
|
3e6fac8569cd
multi-boards on one service, new devices, devices return their current
drewp <drewp@bigasterisk.com>
parents:
1003
diff
changeset
|
33 b0: 'http://bigasterisk.com/homeauto/board0/', |
|
975
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
34 }; |
|
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
35 </script> |
|
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
36 |
| 998 | 37 <dom-module id="linked-uri"> |
|
975
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
38 <template> |
| 998 | 39 <a href$="{{href}}">{{compactUri(href)}}</a> |
|
978
e9ed6159b5fa
handle compact/full uris better, but still not always right
drewp <drewp@bigasterisk.com>
parents:
976
diff
changeset
|
40 </template> |
|
992
ed1f54d81fc9
board control ui: output-rgb, fix ajax protocol, display output uris
drewp <drewp@bigasterisk.com>
parents:
978
diff
changeset
|
41 <script> |
| 999 | 42 HTMLImports.whenReady(function () { |
| 43 Polymer({ | |
| 44 is: 'linked-uri', | |
| 45 properties: { href: { notify: true } }, | |
| 46 behaviors: [BigastUri] | |
| 47 }); | |
| 998 | 48 }); |
| 49 </script> | |
| 50 </dom-module> | |
| 51 | |
| 52 <!-- subj/pred are compact uris --> | |
| 53 <dom-module id="watched-subgraph"> | |
| 54 <style> | |
| 55 .read { font-weight: bold; } | |
| 56 </style> | |
| 57 <template> | |
| 58 <rdf-observe graph="{{graph}}" subject="{{subj}}" predicate="{{pred}}" out="{{out}}"> | |
| 59 </rdf-observe> | |
| 60 | |
| 61 <div><span>{{compactUri(subj)}}</span>, <span>{{compactUri(pred)}}</span>, | |
| 62 <span class="read">{{formatted(out)}}</span> | |
| 63 </div> | |
| 64 | |
| 65 </template> | |
| 66 <script> | |
| 999 | 67 HTMLImports.whenReady(function () { |
| 68 Polymer({ | |
| 69 is: 'watched-subgraph', | |
| 70 properties: { | |
| 71 graph: { notify: true }, | |
| 72 out: { notify: true }, | |
| 73 pred: { notify: true }, | |
| 74 subj: { notify: true } | |
| 75 }, | |
| 76 behaviors: [BigastUri], | |
| 77 formatted: function (out) { | |
| 78 var obj = out[this.compactUri(this.pred)]; | |
| 79 if (typeof obj == 'string') { | |
| 80 return this.compactUri(obj); | |
| 81 } else { | |
| 82 return obj['@value']; | |
| 83 } | |
|
992
ed1f54d81fc9
board control ui: output-rgb, fix ajax protocol, display output uris
drewp <drewp@bigasterisk.com>
parents:
978
diff
changeset
|
84 } |
| 999 | 85 }); |
|
992
ed1f54d81fc9
board control ui: output-rgb, fix ajax protocol, display output uris
drewp <drewp@bigasterisk.com>
parents:
978
diff
changeset
|
86 }); |
|
ed1f54d81fc9
board control ui: output-rgb, fix ajax protocol, display output uris
drewp <drewp@bigasterisk.com>
parents:
978
diff
changeset
|
87 </script> |
| 998 | 88 </dom-module> |
| 89 | |
| 90 <dom-module id="arduinonode-boards"> | |
| 91 <style> | |
| 92 h1 { | |
| 93 margin: 0; | |
| 94 font-size: 130%; | |
| 95 } | |
| 96 ul { | |
| 97 padding-left: 5px; | |
| 98 } | |
| 99 .board, .device { | |
| 100 border: 1px solid gray; | |
| 101 border-radius: 10px; | |
| 102 margin: 13px; | |
| 103 padding: 7px; | |
| 104 box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.14); | |
| 105 } | |
| 106 .board { | |
| 107 background: rgb(244, 244, 244); | |
| 108 } | |
| 109 .device { | |
| 110 background: #fff; | |
| 111 } | |
| 112 </style> | |
|
975
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
113 <template> |
| 998 | 114 <iron-ajax url="boards" auto="true" handle-as="json" |
| 115 last-response="{{ret}}"></iron-ajax> | |
| 116 <template is="dom-repeat" items="{{ret.boards}}" as="board"> | |
|
975
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
117 <div class="board"> |
| 998 | 118 <h1>Board <linked-uri href$="{{board.uri}}"></linked-uri></h1> |
|
975
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
119 <h2>Devices</h2> |
|
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
120 <ul> |
| 998 | 121 <template is="dom-repeat" items="{{board.devices}}" as="dev"> |
|
975
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
122 <div class="device"> |
|
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
123 <h1> |
| 998 | 124 <span>{{dev.className}}</span> |
| 125 <linked-uri href$="{{dev.uri}}"></linked-uri> | |
|
975
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
126 </h1> |
| 998 | 127 <template is="dom-if" if="{{dev.watchPrefixes.length}}"> |
| 976 | 128 <div>watching:</div> |
| 129 <ul> | |
| 998 | 130 <template is="dom-repeat" items="{{dev.watchPrefixes}}" as="prefix"> |
| 131 <watched-subgraph graph="{{board.graph}}" subj="{{prefix.0}}" pred="{{prefix.1}}"></watched-subgraph> | |
| 976 | 132 </template> |
| 133 </ul> | |
| 134 </template> | |
| 135 | |
| 998 | 136 <template is="dom-if" if="{{dev.outputWidgets.length}}"> |
| 976 | 137 <div>send output:</div> |
| 138 <ul> | |
| 998 | 139 <template is="dom-repeat" items="{{dev.outputWidgets}}" as="out"> |
| 976 | 140 <div> |
| 141 <output-widget-any desc="{{out}}"></output-widget-any> | |
| 142 </div> | |
| 143 </template> | |
| 144 </ul> | |
| 145 </template> | |
|
975
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
146 </div> |
|
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
147 </template> |
|
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
148 </ul> |
|
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
149 </div> |
|
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
150 </template> |
|
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
151 </template> |
| 998 | 152 <script> |
| 999 | 153 HTMLImports.whenReady(function () { |
| 154 Polymer({ | |
| 155 is: 'arduinonode-boards', | |
| 1027 | 156 properties: { |
| 157 ret: { type: Object, notify: true, observer: 'onBoards' } | |
| 158 }, | |
| 159 onBoards: function() { | |
| 160 document.title = document.title + ' ' + this.ret.host; | |
| 161 }, | |
| 999 | 162 behaviors: [BigastUri] |
| 163 }); | |
| 998 | 164 }); |
| 165 </script> | |
| 166 </dom-module> | |
| 999 | 167 <arduinonode-boards></arduinonode-boards> |
|
975
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
168 </body> |
|
f3023410d875
polymer board debug page with working output widgets
drewp <drewp@bigasterisk.com>
parents:
diff
changeset
|
169 </html> |