Mercurial > code > home > repos > homeauto

diff service/wifi/index.html @ 1464:32d134dbfb1e

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
start ts config files, but this doesn't share the streamed-graph code properly yet Ignore-this: ef4e6fdf3369939b062caa5fdc2788e9 darcs-hash:e30e71ea5e8e9958c254c9210cdccde7a74b96bb
author drewp <drewp@bigasterisk.com>
date Tue, 17 Dec 2019 23:16:53 -0800
parents 517cbb905d4c
children 4bbc68603168
line wrap: on
line diff
--- a/service/wifi/index.html	Sun Nov 24 00:02:42 2019 -0800
+++ b/service/wifi/index.html	Tue Dec 17 23:16:53 2019 -0800
@@ -4,37 +4,29 @@
 <head>
   <title>wifi</title>
   <meta charset="utf-8">
-  <script src="/lib/polymer/1.0.9/webcomponentsjs/webcomponents.min.js"></script>
-  <script src="/lib/require/require-2.3.3.js"></script>
-  <script src="/rdf/common_paths_and_ns.js"></script>
-
-  <link rel="stylesheet" href="/rdf/browse/style.css">
-
-  <link rel="import" href="/rdf/streamed-graph.html">
-  <link rel="import" href="/lib/polymer/1.0.9/polymer/polymer.html">
+  <script src="/rdf/common_paths_and_ns.js?v3"></script>
+  <script type="module" src="build/wifi.bundle.js"></script>
+  <link rel="stylesheet" href="/rdf/streamed-graph.css">
 </head>
 
 <body class="rdfBrowsePage">
-  <template id="t" is="dom-bind">
-    <style>
+    <streamed-graph url="/sse_collector/graph/network" graph="{{graph}}"></streamed-graph>
 
-     #subjectRequest {
-         width: 50em;
-     }
+  <dom-bind>
+    <style>
+      #subjectRequest {
+        width: 50em;
+      }
     </style>
-
-    <streamed-graph url="/sse_collector/graph/network" graph="{{graph}}"></streamed-graph>
-    <div id="out">
-    </div>
+    <div id="out"></div>
 
     <script type="module">
       import { render } from '/lib/lit-html/1.0.0/lit-html.js';
-      import { graphView } from './wifi.js';
       const sg = document.querySelector('streamed-graph');
 
       const out = document.querySelector('#out');
       const startPainting = () => {
-        if (!sg.graph || !sg.graph.graph) {
+        if (!sg.graph || !sg.graph.store) {
           setTimeout(startPainting, 100);
           return;
         }
@@ -45,7 +37,7 @@
           if (!dirty) {
             return;
           }
-          render(graphView(sg.graph.graph, /*showGroups=*/false), out);
+          render(graphView(sg.graph.store, /*showGroups=*/false), out);
           dirty = false;
         };
 
@@ -56,8 +48,9 @@
         repaint();
       };
       setTimeout(startPainting, 10);
+      document.querySelector('dom-bind').style.display = 'block';  // not sure why polymer hides this and never shows it
     </script>
-  </template>
+  </dom-bind>
   <script>
 
   </script>
@@ -67,4 +60,4 @@
 
 </body>
 
-</html>
+</html>
\ No newline at end of file