From e37895553ac379de78e9cf29b315afe4e6634c13 Mon Sep 17 00:00:00 2001
From: Jake Mannens <jake@asger.xyz>
Date: Wed, 9 Aug 2023 09:21:36 +1000
Subject: Added the ability to delete media items

---
 Pages/ViewMedia.cshtml     | 11 +++++++----
 Pages/ViewMedia.cshtml.css |  5 +++++
 wwwroot/styles/global.css  |  1 +
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/Pages/ViewMedia.cshtml b/Pages/ViewMedia.cshtml
index 967759b..0f433df 100644
--- a/Pages/ViewMedia.cshtml
+++ b/Pages/ViewMedia.cshtml
@@ -44,8 +44,8 @@
     <img src="/media/@(Model.Media.Guid)"/>
     <div id="metadata">
         <div id="metadata-header">
-            <a href="javascript:;" onclick="selectPane(this);" data-pane="metadata-fileinfo">File Info</a>
-            <a href="javascript:;" onclick="selectPane(this);" data-pane="metadata-tags" class="selected">Tags</a>
+            <a href="javascript:;" onclick="selectPane(this);" data-pane="metadata-fileinfo" class="selected">File Info</a>
+            <a href="javascript:;" onclick="selectPane(this);" data-pane="metadata-tags">Tags</a>
         </div>
 @*        <form method="post">
             <label for="shortDescription">Short Description</label>
@@ -54,7 +54,7 @@
             <input type="text" name="longDescription" placeholder="@Model.Media.LongDescription"/>
             <input type="submit" value="Update"/>
         </form>*@
-        <div id="metadata-fileinfo">
+        <div id="metadata-fileinfo" class="selected">
             <p>Upload history</p>
             <hr />
             <table class="data-table">
@@ -75,8 +75,11 @@
                     </tr>
                 }
             </table>
+            <div class="button-container">
+                <button onclick="deleteMedia()">Delete</button>
+            </div>
         </div>
-        <div id="metadata-tags" class="selected">
+        <div id="metadata-tags">
             <table class="data-table">
                 <tr>
                     <th>Tag Name</th>
diff --git a/Pages/ViewMedia.cshtml.css b/Pages/ViewMedia.cshtml.css
index a272dbb..b173266 100644
--- a/Pages/ViewMedia.cshtml.css
+++ b/Pages/ViewMedia.cshtml.css
@@ -46,4 +46,9 @@ div#metadata-fileinfo > table th {
 div#metadata-fileinfo > table td {
     font-family: 'Lucida Console';
     font-size:   8pt;
+}
+
+div.button-container {
+    display:         flex;
+    justify-content: flex-end;
 }
\ No newline at end of file
diff --git a/wwwroot/styles/global.css b/wwwroot/styles/global.css
index 4a76f87..caf773a 100644
--- a/wwwroot/styles/global.css
+++ b/wwwroot/styles/global.css
@@ -29,6 +29,7 @@ button {
     border:        none;
     box-sizing:    border-box;
     height:        30px;
+    margin-top:    10px;
     padding:       0 7px 0 7px;
 }
 
-- 
cgit v1.3