Mercurial > code > home > repos > homeauto
annotate service/wifi/index.html @ 1231:996a00d72979
use :connectedToNetwork on index table
Ignore-this: c48bd43f2b18291ec1df2b70591a74d8
darcs-hash:d05cad1f18b8421a443bc6cd7c144368048bf203
| author | drewp <drewp@bigasterisk.com> |
|---|---|
| date | Thu, 04 Apr 2019 02:22:04 -0700 |
| parents | 34de6cfa0b6b |
| children | 4afb1830bb5e |
| rev | line source |
|---|---|
| 1223 | 1 <!doctype html> |
| 2 <html> | |
| 3 <head> | |
| 4 <title>wifi</title> | |
| 5 <meta charset="utf-8" /> | |
| 6 <script src="/lib/polymer/1.0.9/webcomponentsjs/webcomponents-lite.min.js"></script> | |
| 7 <link rel="import" href="/lib/polymer/1.0.9/polymer/polymer.html"> | |
| 8 <script src="/lib/underscore-1.5.2.min.js"></script> | |
| 9 <link rel="import" href="/lib/polymer/1.0.9/iron-ajax/iron-ajax.html"> | |
| 10 <link rel="import" href="/rdf/n3+polymer/trig-store.html"> | |
| 11 </head> | |
| 12 <body> | |
| 13 <h1>Devices on wifi</h1> | |
| 14 <p><a href="../dhcpleases">go to dhcpleases</a></p> | |
| 15 <dom-module id="wifi-table"> | |
| 16 <template> | |
| 17 <iron-ajax auto url="graph" | |
| 18 handle-as="text" | |
| 19 last-response="{{ajaxResponse}}"></iron-ajax> | |
| 20 <trig-store id="ts" trig-input="{{ajaxResponse}}"></trig-store> | |
| 21 | |
| 22 <table> | |
| 23 <tr> | |
| 24 <th>name</th> | |
| 25 <th>MAC</th> | |
| 26 <th>Connected</th> | |
| 27 </tr> | |
| 28 <template is="dom-repeat" items="{{devices}}"> | |
| 29 <tr> | |
| 30 <td>{{item.deviceName}}</td> | |
| 31 <td>{{item.mac}}</td> | |
| 32 <td>{{item.connectedAgo}}</td> | |
| 33 </tr> | |
| 34 </template> | |
| 35 </table> | |
| 36 </template> | |
| 37 | |
| 38 <script> | |
| 39 HTMLImports.whenReady(function () { | |
| 40 Polymer({ | |
| 41 is: "wifi-table", | |
| 42 ready: function() { | |
| 43 this.$.ts.addEventListener('store-changed', this.storeChanged.bind(this)); | |
| 44 this.devices = []; | |
| 45 }, | |
| 46 storeChanged: function(ev) { | |
| 47 var store = ev.detail.value; | |
| 48 var find = function(s, p, o) { return store.findAllGraphs(s, p, o); }; | |
| 49 var findOne = function(s, p, o) { | |
| 50 var rows = find(s, p, o); | |
| 51 return rows[0]; | |
| 52 }; | |
| 53 | |
| 54 this.devices = []; | |
| 55 | |
|
1231
996a00d72979
use :connectedToNetwork on index table
drewp <drewp@bigasterisk.com>
parents:
1223
diff
changeset
|
56 find(null, "room:connectedToNetwork", "http://bigasterisk.com/wifiAccessPoints" |
| 1223 | 57 ).forEach(function(row) { |
| 58 var out = { | |
| 59 mac: N3.Util.getLiteralValue( | |
| 60 findOne(row.subject, "room:macAddress", null).object), | |
| 61 connectedAgo: N3.Util.getLiteralValue( | |
| 62 findOne(row.subject, "room:connectedAgo", null).object) | |
| 63 | |
| 64 }; | |
| 65 try { | |
| 66 var dev = findOne(row.subject, "room:deviceName", null).object; | |
| 67 out.deviceName = N3.Util.getLiteralValue(dev); | |
| 68 } catch(e) { | |
| 69 | |
| 70 } | |
| 71 | |
| 72 this.devices.push(out); | |
| 73 }.bind(this)); | |
| 74 this.devices = _.sortBy(this.devices, 'deviceName'); | |
| 75 } | |
| 76 }); | |
| 77 }); | |
| 78 </script> | |
| 79 </dom-module> | |
| 80 <wifi-table></wifi-table> | |
| 81 </body> | |
| 82 </html> |