update assets

assets/layouts/base.tmpl

@@ -11,12 +11,13 @@
             <div id="header">
                 <img src="/admin/static/gonic.png">
             </div>
-            {{ if .Flashes }}
+            {{ range $i, $flash := .Flashes }}
-            {{ $flash := index .Flashes 0 }}
+            {{ if lt $i 10 }}
             <div class="padded flash-{{ $flash.Type }}">
                 <i class="mdi mdi-alert-circle"></i> {{ $flash.Message }}
             </div>
             {{ end }}
+	    {{ end }}
             {{ template "content" . }}
             <div class="side-padded text-right">
                 senan kelly, 2019

assets/pages/home.tmpl

@@ -93,4 +93,39 @@
         {{ end }}
     </div>
 </div>
+<div class="padded box">
+    <div class="box-title">
+        <i class="mdi mdi-playlist-music"></i> playlists
+    </div>
+    <div class="block-right text-right">
+        {{ if eq (len .Playlists) 0 }}
+            <span class="light">no playlists yet</span>
+        {{ end }}
+        <table id="recent-playlists">
+        {{ range $playlist := .Playlists }}
+            <tr>
+            <td class="text-right">{{ $playlist.Name }}</td>
+            <td><span class="light">({{ $playlist.TrackCount }} tracks)</span></td>
+            <td class="no-small"><span class="light" title="{{ $playlist.CreatedAt }}">{{ $playlist.CreatedAt | humanDate }}</span></td>
+            </tr>
+        {{ end }}
+        </table>
+        <form
+          id="playlist-upload-form"
+          enctype="multipart/form-data"
+          action="/admin/upload_playlist_do"
+          method="post"
+        >
+            <label for="playlist-upload-input">
+                <a>upload m3u8 files</a>
+            </label>
+            <input id="playlist-upload-input" name="playlist-files" type="file" multiple />
+        </form>
+        <script>
+            document.getElementById("playlist-upload-input").onchange = (e) => {
+                document.getElementById("playlist-upload-form").submit();
+            }
+        </script>
+    </div>
+</div>
 {{ end }}

assets/static/main.css

@@ -15,7 +15,7 @@ body {
     font-size: 14px;
 }
 
-table td:first-child::after {
+table td:not(:last-child)::after {
     content: " ";
     white-space: pre;
 }
@@ -32,25 +32,16 @@ table td:first-child::after {
     }
 }
 
+form input[type=file] {
+    display: none;
+}
+
 form input[type],
 form select,
 form textarea {
     margin-bottom: 0;
 }
 
-form {
-    max-width: 400px;
-    margin-left: auto;
-    margin-right: 0;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end;
-}
-
-form > * {
-    width: 100%;
-}
-
 form input {
     padding: 3px;
     border: 1px solid #ccc;
@@ -68,6 +59,20 @@ form input[type=submit] {
     cursor: pointer;
 }
 
+form {
+    max-width: 400px;
+    margin-left: auto;
+    margin-right: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    text-align: right;
+}
+
+form > * {
+    width: 100%;
+}
+
 div {
     margin: 0;
     padding: 0;