Mercurial > code > home > repos > streamed-graph

comparison index.html @ 99:faf7e432f089

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
WIP build setup
author drewp@bigasterisk.com
date Fri, 11 Feb 2022 22:21:51 -0800
parents 0c188ed3bcd8
children f08004002444
comparison
equal deleted inserted replaced
98:6807ee85d031 99:faf7e432f089
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <body> 3 <body>
4 <h1>streamed-graph demo</h1> 4 <h1>streamed-graph demo1</h1>
5 <script type="module" src="./build/demo.js"></script>
6 5
7 <template>
8 <streamed-graph
9 url="http://bang:9075/graph/events"
10 expanded="true"
11 ></streamed-graph>
12 </template>
13
14
15 new style:
16 <div id="demo"></div> 6 <div id="demo"></div>
17 7
18 <script type="module"> 8 <script type="module">
19 import { html, render } from 'lit'; 9 import { html, render } from 'lit';
20 import '../dist/src/graph-view.js'; 10 import { StreamedGraph } from ".";
21
22 const title = 'Hello owc World!';
23 render( 11 render(
24 html` 12 html`
25 <graph-view .title=${title}> 13 <streamed-graph
26 some light-dom 14 url="/collector/graph/reposync"
27 </graph-view> 15 view="repos.n3"
16 expanded="true"
17 ></streamed-graph>
28 `, 18 `,
29 document.querySelector('#demo') 19 document.querySelector('#demo')
30 ); 20 );
31 </script> 21 </script>
32 </body> 22 </body>