From d51a7038208659a902acbb360a8fccdb59b5ba20 Mon Sep 17 00:00:00 2001
From: Justin Hawkins <justin@hawkins.id.au>
Date: Tue, 21 Nov 2023 22:05:13 +1030
Subject: [PATCH] Tidy up file list

---
 web/data/templates/index.tmpl  | 21 ++++++++++++++-------
 web/data/templates/layout.tmpl |  5 ++++-
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/web/data/templates/index.tmpl b/web/data/templates/index.tmpl
index 1b106d8..f728edb 100644
--- a/web/data/templates/index.tmpl
+++ b/web/data/templates/index.tmpl
@@ -42,15 +42,22 @@
                         </a>
                     </td>
                     <td>
-                        <span x-show="item.files && item.files.length > 0">
-                            <ul>
-                                <template x-for="file in item.files">
-                                    <li x-text="file"></li>
-                                </template>
-                            </ul>
+                        <span x-show="item.files && item.files.length == 1">
+                            <span class="filelist" x-text="item.files[0]"></span>
+                        </span>
+                        <span x-data="{open: false}" x-show="item.files && item.files.length > 1">
+                            <span x-text="item.files.length"></span> files...
+                            <button class="pure-button button-small" @click="open = ! open" x-text="open ? 'hide' : 'show'"></button>
+                            <div x-show="open" x-transition>
+                                <ul class="filelist">
+                                    <template x-for="file in item.files">
+                                        <li x-text="file"></li>
+                                    </template>
+                                </ul>
+                            </div>
                         </span>
                         <span x-show="! item.files || item.files.length == 0"
-                              x-text="item.url">
+                              x-text="'fetching ' + item.url + '...'">
                         </span>
                     </td>
                     <td><a class="int-link" x-bind:href="item.url">&#x1F517;</a></td>
diff --git a/web/data/templates/layout.tmpl b/web/data/templates/layout.tmpl
index a8ab404..68a31d5 100644
--- a/web/data/templates/layout.tmpl
+++ b/web/data/templates/layout.tmpl
@@ -34,6 +34,9 @@
           height: 100px;
           overflow:auto;
         }
+        .filelist {
+          font-size: 60%;
+        }
         footer {
           padding-top: 50px;
           font-size: 30%;
@@ -72,7 +75,7 @@
         }
         .error {
           color: red;
-          font-size: 150%;
+          font-size: 120%;
         }
         .success {
           color: green;