tree-view.html
HTML document, ASCII text
1<style> 2#repo-table td:nth-child(1) { 3text-align: center; 4vertical-align: middle; 5width: 0; 6} 7</style> 8 9<details open> 10<summary>python file data</summary> 11<pre>{{ files }}</pre> 12</details> 13 14<table style="width: 100%; table-layout: fixed;" id="repo-table"> 15<thead> 16<tr> 17<th style="width: 2em;"><input type="checkbox" id="tree-select-all"></th> 18<th style="text-align: left;">File name</th> 19<th style="text-align: left;">Media type</th> 20<th style="width: 12ch; text-align: right;">Size</th> 21<th style="width: 33.33333%; text-align: left;">Last commit</th> 22</tr> 23</thead> 24<tbody> 25{% for file in files %} 26<tr> 27<td style="text-align: center; padding: 0;"><input type="checkbox"></td> 28<td> 29<a href="{{ file.link }}" class="file-link" title="{{ file.name }}"> 30<x-hbox style="align-items: center; gap: 0.5ch;"> 31<iconify-icon icon="{{ file.icon }}" class="file-icon"></iconify-icon> 32<span class="file-name">{{ file.name }}</span> 33</x-hbox> 34</a> 35</td> 36<td>{{ file.mimetype }}</td> 37<td style="text-align: right;">{{ file.size[0] }} {{ file.size[1] }}</td> 38<td> 39<x-hbox style="align-items: baseline; gap: 0.5ch;"> 40<code>DEADBEEF</code> 41<span class="commit-message">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span> 42</x-hbox> 43</td> 44</tr> 45{% endfor %} 46</tbody> 47</table>