From 7f84e36fb2f6a380635bc773eae32aa42203422c Mon Sep 17 00:00:00 2001
From: Laria Carolin Chabowski <laria@laria.me>
Date: Sat, 15 Feb 2020 23:48:26 +0100
Subject: Improve attachments

- Allow multiple uploads at once
- Make uploads deletable
---
 templates/macros.twig | 37 ++++++++++++++++++++++++++-----------
 1 file changed, 26 insertions(+), 11 deletions(-)

(limited to 'templates/macros.twig')

diff --git a/templates/macros.twig b/templates/macros.twig
index 4e1b336..2c72334 100644
--- a/templates/macros.twig
+++ b/templates/macros.twig
@@ -39,17 +39,32 @@
     </fieldset>
     <div class="attachments-container">
         <h2>Attachments</h2>
-        <ul class="attachment-list">
-            {% for att in note.attachments %}
-                <li>
-                    <a href="{{ url("attachments/%s", att.id) }}">{{ att.fileName ? att.fileName : att.id }}</a>
-                </li>
-            {% endfor %}
-        </ul>
-
-        <ul class="attachment-inputs">
-            <li><input type="file" name="attachments[]"></li>
-        </ul>
+        <table class="attachments">
+            <thead>
+                <tr>
+                    <th>Delete</th>
+                    <th>File name</th>
+                </tr>
+            </thead>
+            <tbody>
+                {% for att in note.attachments %}
+                    <tr class="existing">
+                        <td>
+                            <input type="checkbox" class="attachment-delete-checkbox" value="1" name="attachment_delete[{{ att.id }}]">
+                        </td>
+                        <td>
+                            <a href="{{ url("attachments/%s", att.id) }}">{{ att.fileName ? att.fileName : att.id }}</a>
+                        </td>
+                    </tr>
+                {% endfor %}
+                <tr class="new">
+                    <td></td>
+                    <td>
+                        <input type="file" multiple name="attachments[]">
+                    </td>
+                </tr>
+            </tbody>
+        </table>
     </div>
 {% endmacro %}
 
-- 
cgit v1.2.3-54-g00ecf