Mercurial > code > home > repos > streamed-graph
annotate index.html @ 86:6ec759f9009f
build fixes, dead code, format
author | drewp@bigasterisk.com |
---|---|
date | Thu, 25 Nov 2021 18:15:08 -0800 |
parents | 0c188ed3bcd8 |
children | faf7e432f089 |
rev | line source |
---|---|
0 | 1 <!DOCTYPE html> |
2 <html> | |
48 | 3 <body> |
4 <h1>streamed-graph demo</h1> | |
5 <script type="module" src="./build/demo.js"></script> | |
79
0c188ed3bcd8
starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents:
48
diff
changeset
|
6 |
0c188ed3bcd8
starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents:
48
diff
changeset
|
7 <template> |
48 | 8 <streamed-graph |
9 url="http://bang:9075/graph/events" | |
10 expanded="true" | |
11 ></streamed-graph> | |
12 </template> | |
79
0c188ed3bcd8
starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents:
48
diff
changeset
|
13 |
0c188ed3bcd8
starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents:
48
diff
changeset
|
14 |
0c188ed3bcd8
starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents:
48
diff
changeset
|
15 new style: |
0c188ed3bcd8
starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents:
48
diff
changeset
|
16 <div id="demo"></div> |
0c188ed3bcd8
starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents:
48
diff
changeset
|
17 |
0c188ed3bcd8
starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents:
48
diff
changeset
|
18 <script type="module"> |
0c188ed3bcd8
starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents:
48
diff
changeset
|
19 import { html, render } from 'lit'; |
0c188ed3bcd8
starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents:
48
diff
changeset
|
20 import '../dist/src/graph-view.js'; |
0c188ed3bcd8
starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents:
48
diff
changeset
|
21 |
0c188ed3bcd8
starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents:
48
diff
changeset
|
22 const title = 'Hello owc World!'; |
0c188ed3bcd8
starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents:
48
diff
changeset
|
23 render( |
0c188ed3bcd8
starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents:
48
diff
changeset
|
24 html` |
0c188ed3bcd8
starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents:
48
diff
changeset
|
25 <graph-view .title=${title}> |
0c188ed3bcd8
starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents:
48
diff
changeset
|
26 some light-dom |
0c188ed3bcd8
starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents:
48
diff
changeset
|
27 </graph-view> |
0c188ed3bcd8
starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents:
48
diff
changeset
|
28 `, |
0c188ed3bcd8
starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents:
48
diff
changeset
|
29 document.querySelector('#demo') |
0c188ed3bcd8
starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents:
48
diff
changeset
|
30 ); |
0c188ed3bcd8
starting lit upgrade. total mess right now
drewp@bigasterisk.com
parents:
48
diff
changeset
|
31 </script> |
48 | 32 </body> |
33 </html> |