From 2a456bcdc503af303641970cfd241a18bc466233 Mon Sep 17 00:00:00 2001
From: Craig Oates <craig@craigoates.net>
Date: Sun, 23 Oct 2022 21:13:43 +0100
Subject: [PATCH] add download, restore and delete controls to
 /danger/snapshots.html.

This is just the front-end. The back-end has not be implemented at time of
commit.
---
 templates/danger/snapshots.html | 78 ++++++++++++++++++++++++++++++---
 1 file changed, 71 insertions(+), 7 deletions(-)

diff --git a/templates/danger/snapshots.html b/templates/danger/snapshots.html
index 5c51dc2..28ba753 100644
--- a/templates/danger/snapshots.html
+++ b/templates/danger/snapshots.html
@@ -19,20 +19,84 @@
         intervals and use those as the site's <em>back-ups</em>.
     </p>
     <form class="be-gui-form"
-              action="/danger/take-snapshot"
+          action="/danger/take-snapshot"
+          method="post">
+        <input required
+               type="hidden"
+               name="AUTHENTICITY-TOKEN"
+               value="{{token}}">
+        <button class="be-gui-button"
+		       title="Take a snapshot of the website's data and database"
+		       type="submit">
+	    <img alt="Save nav. menu setting for{{db-data.title}}"
+		 src="/images/icons/take-snapshot.png">
+            Take Snapshot
+	</button>
+    </form>
+
+    <div class="be-section-entries">
+    {% for item in snapshots %}
+    <div class="be-section-entry">
+        <form class="be-gui-form"
+              action="/danger/download-snapshot"
               method="post">
             <input required
                    type="hidden"
                    name="AUTHENTICITY-TOKEN"
                    value="{{token}}">
-            <button class="be-gui-button danger"
-		    title="Take a snapshot of the website's data and database"
+            <input required
+                   type="hidden"
+                   name="SNAPSHOT-NAME"
+                   value="{{item}}">
+            <button class="be-gui-button-no-text danger"
+		    title="Click this to download '{{item}}' Snapshot"
 		    type="submit">
-	        <img alt="Save nav. menu setting for{{db-data.title}}"
-		     src="/images/icons/take-snapshot.png">
-                Take Snapshot
+	        <img alt="Download Snapshot {{item}}"
+		     src="/images/icons/down-arrow.png">
 	    </button>
-    </form>
+        </form>
+
+        <form class="be-gui-form"
+              action="/danger/restore-snapshot"
+              method="post">
+            <input required
+                   type="hidden"
+                   name="AUTHENTICITY-TOKEN"
+                   value="{{token}}">
+            <input required
+                   type="hidden"
+                   name="SNAPSHOT-NAME"
+                   value="{{item}}">
+            <button class="be-gui-button-no-text danger"
+		    title="Click this to restore website from '{{item}}' Snapshot"
+		    type="submit">
+	        <img alt="Restore Snapshot {{item}}"
+		     src="/images/icons/restore-snapshot.png">
+	    </button>
+        </form>
+        
+        <p>{{item}}</p>
 
+        <form class="be-gui-form"
+              action="/danger/delete-snapshot"
+              method="post">
+            <input required
+                   type="hidden"
+                   name="AUTHENTICITY-TOKEN"
+                   value="{{token}}">
+            <input required
+                   type="hidden"
+                   name="SNAPSHOT-NAME"
+                   value="{{item}}">
+            <button class="be-gui-button-no-text danger"
+		    title="Click this to delete '{{item}}' Snapshot"
+		    type="submit">
+	        <img alt="Delete Snapshot {{item}}"
+		     src="/images/icons/delete-entry.png">
+	    </button>
+        </form>
+    </div>
+    {% endfor %}
+    </div>
 </main>
 {% endblock %}