From 74ae51f65cd3f12c4c82fa1b771288be0a3b6cfd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fabian=20W=C3=BCrfl?= <fabian.wuerfl@gmx.at>
Date: Sun, 20 May 2018 20:32:05 +0200
Subject: [PATCH] Add download buttons to subdirectory entries

---
 static/index.css     | 30 ++++++++++++++++++++++++++++++
 templates/index.html | 17 +++++++++++++++--
 2 files changed, 45 insertions(+), 2 deletions(-)

diff --git a/static/index.css b/static/index.css
index 77ab01a..011d00c 100644
--- a/static/index.css
+++ b/static/index.css
@@ -21,3 +21,33 @@ form.file.file_download {
     /* with some space to the left of the second form */
     margin-right: 20px;
 }
+
+/* necessary to place all forms/buttons of the directory entries next to each other */
+li.directory {
+    clear: both;
+    list-style-position: outside;
+    margin-top: 15px;
+    margin-bottom: 15px;
+}
+
+li.directory span {
+    float: left;
+}
+
+form.directory {
+    float: left;
+}
+
+form.directory.form1 {
+    margin-left: 5px;
+    margin-right: 5px;
+}
+
+form.directory.form2 {
+    margin-right: 5px;
+}
+
+form.directory.form3 {
+    clear: right;
+    margin-right: 5px;
+}
diff --git a/templates/index.html b/templates/index.html
index 27712ac..149c3e0 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -2,8 +2,21 @@
     <ul>
     {% for subdirname in music_library.get_subdirs(path) %}
         {%- set subdirpath = path + subdirname + '/' %}
-        <li>{{ subdirname }}/ <form method="post"><input type="text" value="{{ subdirpath }}" name="add_folder" hidden><input type="submit" value="Add all tracks from this folder"></form>
-            <form method="post"><input type="text" value="{{ subdirpath }}" name="add_folder_recursively" hidden><input type="submit" value="Add all tracks from this folder (recursively)"></form></li>
+        <li class="directory">
+            <span>{{ subdirname }}/&nbsp;</span>
+            <form method="post" class="directory form1">
+                <input type="text" value="{{ subdirpath }}" name="add_folder" hidden>
+                <input type="submit" value="Add all tracks from this folder">
+            </form>
+            <form method="post" class="directory form2">
+                <input type="text" value="{{ subdirpath }}" name="add_folder_recursively" hidden>
+                <input type="submit" value="Add all tracks from this folder (recursively)">
+            </form>
+            <form action="./download" method="get" class="directory form3">
+                <input type="text" value="{{ subdirpath }}" name="directory" hidden>
+                <input type="submit" value="Download entire directory">
+            </form>
+        </li>
         {%- set subdirs = music_library.get_subdirs(subdirpath) %}
         {%- if subdirs %}
             {%- for subdir in subdirs %}