From a86dfad7ef5a00a8f942130ba61e71c7cd50602d Mon Sep 17 00:00:00 2001
From: Jake Mannens <jake@asger.xyz>
Date: Wed, 9 Aug 2023 16:07:56 +1000
Subject: Initial tag definition editing functionality

---
 Pages/ViewMedia.cshtml | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

(limited to 'Pages/ViewMedia.cshtml')

diff --git a/Pages/ViewMedia.cshtml b/Pages/ViewMedia.cshtml
index 0f433df..3d0ce4a 100644
--- a/Pages/ViewMedia.cshtml
+++ b/Pages/ViewMedia.cshtml
@@ -17,6 +17,10 @@
         }
     }
 
+    function showDeleteDialog(visible) {
+        document.getElementById('delete-dialog').classList.toggle('visible', visible);
+    }
+
     function selectPane(tab) {
         var tabs = Array.from(document.querySelectorAll('div#metadata-header > a'));
 
@@ -76,7 +80,7 @@
                 }
             </table>
             <div class="button-container">
-                <button onclick="deleteMedia()">Delete</button>
+                <button onclick="showDeleteDialog(true)">Delete</button>
             </div>
         </div>
         <div id="metadata-tags">
@@ -85,7 +89,18 @@
                     <th>Tag Name</th>
                 </tr>
             </table>
-            <button>Add Tag</button>
+            <div class="button-container">
+                <button>Add Tag</button>
+            </div>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>
+
+<div id="delete-dialog" class="dialog">
+    <p>Delete this media?</p>
+    <hr/>
+    <div class="button-container">
+        <button class="secondary" onclick="showDeleteDialog(false)">Cancel</button>
+        <button onclick="deleteMedia()">Confirm</button>
+    </div>
+</div>
-- 
cgit v1.3