From d0ff0c812b8b123809bef2be04dde27aea9c524f Mon Sep 17 00:00:00 2001
From: Craig Oates <craig@craigoates.net>
Date: Tue, 20 Sep 2022 19:23:25 +0100
Subject: [PATCH] update storage and dashboard HTML templates (add & get
 features).

---
 templates/user/dashboard.html | 29 +++++++++---------
 templates/user/storage.html   | 55 +++++++++++++++++++++++------------
 2 files changed, 53 insertions(+), 31 deletions(-)

diff --git a/templates/user/dashboard.html b/templates/user/dashboard.html
index 25fb9cb..562ef4d 100644
--- a/templates/user/dashboard.html
+++ b/templates/user/dashboard.html
@@ -12,20 +12,23 @@
 </div>
 
 <div>
-<h2>File Upload</h2>
-<form action="/storage/upload" method="POST" enctype="multipart/form-data">
-  <input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
-    <label>Single File Upload</label>
-    <input required type="file" name="STORAGE-FILE">
-  <input type="submit" value="Upload File"/>
-</form>
+    <h2>File Upload</h2>
+    <form action="/storage/upload" method="POST" enctype="multipart/form-data">
+	<input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
+	<label>Name</label>
+	<input required type="text" name="FILE-NAME">
+	<label>Single File Upload</label>
+	<input required type="file" name="STORAGE-FILE">
+	<input type="submit" value="Upload File"/>
+    </form>
 
-<form action="/storage/multi-upload" method="POST" enctype="multipart/form-data">
-  <input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
-  <label>Multi-File Upload</label>
-  <input required type="file" name="STORAGE-FILES" multiple>
-  <input type="submit" value="Upload Files"/>
-</form>
+    <form action="/storage/multi-upload" method="POST" enctype="multipart/form-data">
+	<input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
+	<label>Multi-File Upload</label>
+	<p>Warning: This will overwrite any files stored on the server with the same name.</p>
+	<input required type="file" name="STORAGE-FILES" multiple>
+	<input type="submit" value="Upload Files"/>
+    </form>
 </div>
 
 {% endblock %}
diff --git a/templates/user/storage.html b/templates/user/storage.html
index d397271..07f2117 100644
--- a/templates/user/storage.html
+++ b/templates/user/storage.html
@@ -1,27 +1,46 @@
 {% extends "layouts/default.html" %}
 {% block title %}Manage you archive.{% endblock %}
 {% block content %}
-<h1>Storage</h1>
-
-{% for item in files %}
-{{item}}
-{% endfor %}
+<h1>Storage Files</h1>
 
 <div>
-<h2>File Upload</h2>
-<form action="/storage/upload" method="POST" enctype="multipart/form-data">
-  <input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
-    <label>Single File Upload</label>
-    <input required type="file" name="STORAGE-FILE">
-  <input type="submit" value="Upload File"/>
-</form>
+    <h2>File Upload</h2>
+    <form action="/storage/upload" method="POST" enctype="multipart/form-data">
+	<input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
+	<label>Name</label>
+	<input required type="text" name="FILE-NAME">
+	<label>Single File Upload</label>
+	<input required type="file" name="STORAGE-FILE">
+	<input type="submit" value="Upload File"/>
+    </form>
+
+    <form action="/storage/multi-upload" method="POST" enctype="multipart/form-data">
+	<input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
+	<label>Multi-File Upload</label>
+	<p>Warning: This will overwrite any files stored on the server with the same name.</p>
+	<input required type="file" name="STORAGE-FILES" multiple>
+	<input type="submit" value="Upload Files"/>
+    </form>
+</div>
 
-<form action="/storage/multi-upload" method="POST" enctype="multipart/form-data">
-  <input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
-  <label>Multi-File Upload</label>
-  <input required type="file" name="STORAGE-FILES" multiple>
-  <input type="submit" value="Upload Files"/>
-</form>
+{% for item in files %}
+<div>
+    <p>
+	<!-- Change to image (include at least) when feature ready. -->
+	<a href="/storage/media/{{item.slug}}">{{item.name}}</a>
+	{% if roles.administrator %}
+	<form action="/storage/rename/{{item.slug}}" method="POST">
+	    <input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
+	    <input required type="text" name="NEW-FILE-NAME" value="{{item.name}}">
+	    <input type="submit" value="Rename"/>
+	</form>
+	<form action="/storage/delete/{{item.slug}}" method="POST">
+	<input required type="hidden" name="AUTHENTICITY-TOKEN" value="{{token}}">
+	<input type="submit" value="Delete"/>
+	</form>
+	{% endif %}
+    </p>
 </div>
+{% endfor %}
 
 {% endblock %}