render
/
spoc-bot-vr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix naming rows vs columns

main
bel 2024-04-13 19:18:31 -06:00
parent b0c9c1cf9e
commit 4ac55e2eea
1 changed files with 27 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
report.tmpl
View File

@ -7,30 +7,45 @@
import * as d3 from "https://cdn.jsdelivr.net/npm/d3@7/+esm"; import * as d3 from "https://cdn.jsdelivr.net/npm/d3@7/+esm";
</script> </script>
<style> <style>
column { rows {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-grow: 1; flex-grow: 1;
} }
row { columns {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-grow: 1; flex-grow: 1;
} }
rows, columns { border: 1px solid red; }
</style> </style>
</header> </header>
<body> <body>
<h1>Report</h1> <h1>Report</h1>
<row> <columns>
<column> <rows style="max-width: 12.5em">
<row>c1 r1</row> <columns>filter1</columns>
<row>c1 r2</row> <columns>filter2</columns>
</column> </rows>
<column> <rows>
<row>c2 r1</row> <rows>
<row>c2 r2</row> <rows>
</column> <h2>Alert Volume by Name</h2>
</row> <div>DRAW ME</div>
</rows>
<columns>
<rows>
<h3>by Day</h3>
<div>DRAW ME</div>
</rows>
<rows>
<h3>by Hour</h3>
<div>DRAW ME</div>
</rows>
</columns>
</rows>
</rows>
</columns>
</body> </body>
<footer> <footer>
</footer> </footer>