Mercurial > code > home > repos > homeauto
annotate service/wifi/index.html @ 1462:2b29f14eb6bd
try new graph+view widget
Ignore-this: d5f9c5dc52f04324368716ba2f604fdb
darcs-hash:44e85a5c075ef73c34a58deaa3a3c1e8390dae52
| author | drewp <drewp@bigasterisk.com> |
|---|---|
| date | Sun, 24 Nov 2019 00:01:00 -0800 |
| parents | 517cbb905d4c |
| children | 32d134dbfb1e |
| rev | line source |
|---|---|
| 1223 | 1 <!doctype html> |
| 2 <html> | |
| 1444 | 3 |
| 4 <head> | |
| 5 <title>wifi</title> | |
| 6 <meta charset="utf-8"> | |
| 7 <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="/rdf/common_paths_and_ns.js"></script> | |
| 10 | |
| 11 <link rel="stylesheet" href="/rdf/browse/style.css"> | |
| 12 | |
| 13 <link rel="import" href="/rdf/streamed-graph.html"> | |
| 14 <link rel="import" href="/lib/polymer/1.0.9/polymer/polymer.html"> | |
| 15 </head> | |
| 16 | |
| 17 <body class="rdfBrowsePage"> | |
| 18 <template id="t" is="dom-bind"> | |
| 19 <style> | |
|
1461
517cbb905d4c
remote suspend, wifi group arg
drewp <drewp@bigasterisk.com>
parents:
1444
diff
changeset
|
20 |
| 1444 | 21 #subjectRequest { |
| 22 width: 50em; | |
| 23 } | |
| 24 </style> | |
| 25 | |
| 26 <streamed-graph url="/sse_collector/graph/network" graph="{{graph}}"></streamed-graph> | |
| 27 <div id="out"> | |
| 28 </div> | |
| 1223 | 29 |
| 1444 | 30 <script type="module"> |
| 31 import { render } from '/lib/lit-html/1.0.0/lit-html.js'; | |
| 32 import { graphView } from './wifi.js'; | |
| 33 const sg = document.querySelector('streamed-graph'); | |
| 34 | |
| 35 const out = document.querySelector('#out'); | |
| 36 const startPainting = () => { | |
| 37 if (!sg.graph || !sg.graph.graph) { | |
| 38 setTimeout(startPainting, 100); | |
| 39 return; | |
| 40 } | |
| 41 | |
| 42 let dirty = true; | |
| 1223 | 43 |
| 1444 | 44 const repaint = () => { |
| 45 if (!dirty) { | |
| 46 return; | |
| 47 } | |
|
1461
517cbb905d4c
remote suspend, wifi group arg
drewp <drewp@bigasterisk.com>
parents:
1444
diff
changeset
|
48 render(graphView(sg.graph.graph, /*showGroups=*/false), out); |
| 1444 | 49 dirty = false; |
| 50 }; | |
| 1223 | 51 |
| 1444 | 52 sg.addEventListener('graph-changed', (ev) => { |
| 53 dirty = true; | |
| 54 requestAnimationFrame(repaint); | |
| 55 }); | |
| 56 repaint(); | |
| 57 }; | |
| 58 setTimeout(startPainting, 10); | |
| 59 </script> | |
| 60 </template> | |
| 61 <script> | |
| 62 | |
| 63 </script> | |
|
1461
517cbb905d4c
remote suspend, wifi group arg
drewp <drewp@bigasterisk.com>
parents:
1444
diff
changeset
|
64 |
|
517cbb905d4c
remote suspend, wifi group arg
drewp <drewp@bigasterisk.com>
parents:
1444
diff
changeset
|
65 <form method="POST" action="remoteSuspend"><button>Suspend windows/VR machine</button></form> |
|
517cbb905d4c
remote suspend, wifi group arg
drewp <drewp@bigasterisk.com>
parents:
1444
diff
changeset
|
66 <!-- also put wakeonlan actions down here --> |
|
517cbb905d4c
remote suspend, wifi group arg
drewp <drewp@bigasterisk.com>
parents:
1444
diff
changeset
|
67 |
| 1444 | 68 </body> |
| 69 | |
| 1223 | 70 </html> |