blob: cd69e6197173a7829a629a2fcc154d3eb766e689 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
|
{{#*inline "extra_head"}}
<style>
table {
grid-template-columns: repeat({{document.num_columns}}, auto);
}
.details {
grid-column: 1 / -1;
}
</style>
<script>
function toggleDetails(e) {
var d = e.querySelector(".details");
var toggled = d.classList.contains("details-visible");
if (toggled) {
d.classList.remove("details-visible");
} else {
d.classList.add("details-visible");
}
}
</script>
{{/inline}}
{{#*inline "page"}}
{{#if user~}}
<p>Profile for {{ user }}</p>
{{/if~}}
{{#with document ~}}
<table>
<thead>
{{#with headings ~}}
{{#each columns ~}}
<th>{{ this }}</th>
{{/each ~}}
{{/with ~}}
</thead>
<tbody>
{{#each rows ~}}
<tr onclick="toggleDetails(this)">
{{#each columns ~}}
<td>{{ this }}</td>
{{/each ~}}
<td class="details">
Here are the details about this activity.
</td>
</tr>
{{/each ~}}
</tbody>
</table>
{{/with~}}
{{/inline~}}
{{~> (parent)~}}
|