1 files changed, 32 insertions, 4 deletions

diff --git a/templates/profile.hbs b/templates/profile.hbs
index c7e75e9..a1c6ed1 100644
--- a/templates/profile.hbs
+++ b/templates/profile.hbs
@@ -1,20 +1,48 @@
-{{#*inline "page"~}}
+{{#*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>
-        {{#each headings ~}}
+        {{#with headings ~}}
+        {{#each columns ~}}
             <th>{{ this }}</th>
         {{/each ~}}
+        {{/with ~}}
     </thead>
     <tbody>
         {{#each rows ~}}
-            <tr>
-            {{#each this ~}}
+            <tr onclick="toggleDetails(this)">
+            {{#each columns ~}}
                 <td>{{ this }}</td>
             {{/each ~}}
+            <td class="details">
+                <div>
+                Hello
+                </div>
+            </td>
             </tr>
         {{/each ~}}
     </tbody>