From e210a6e4e973adc5d873657ea742ad0d8efd96ae Mon Sep 17 00:00:00 2001
From: Jake Mannens <jake@asger.xyz>
Date: Thu, 10 Aug 2023 01:56:12 +1000
Subject: Began dialog for adding tags to media

---
 Pages/Shared/_Layout.cshtml     |  2 +-
 Pages/Shared/_Layout.cshtml.css |  4 ++++
 Pages/ViewMedia.cshtml          | 23 ++++++++++++++++++++++-
 wwwroot/styles/global.css       | 11 +++++++----
 4 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/Pages/Shared/_Layout.cshtml b/Pages/Shared/_Layout.cshtml
index 9cdb952..4c80500 100644
--- a/Pages/Shared/_Layout.cshtml
+++ b/Pages/Shared/_Layout.cshtml
@@ -18,7 +18,7 @@
             <a href="/">Home</a>
             <a href="/TagDefinitions">Tags</a>
         </div>
-        <div id="content" style="overflow:@(ViewBag.ContentScroll ? "auto" : "hidden");margin:@(ViewBag.ContentMargin ?? "0");">
+        <div id="content" style="overflow-y:@(ViewBag.ContentScroll ? "auto" : "hidden");padding:@(ViewBag.ContentMargin ?? "0");">
             @RenderBody()
         </div>
     </body>
diff --git a/Pages/Shared/_Layout.cshtml.css b/Pages/Shared/_Layout.cshtml.css
index 5b2ba65..337ec17 100644
--- a/Pages/Shared/_Layout.cshtml.css
+++ b/Pages/Shared/_Layout.cshtml.css
@@ -15,4 +15,8 @@ div#navbar > a:hover {
 div#navbar > a:active {
     background: #fff;
     color:      var(--col-navbar-bg);
+}
+
+#content {
+    flex: 1 1 calc(100vh - 119px);
 }
\ No newline at end of file
diff --git a/Pages/ViewMedia.cshtml b/Pages/ViewMedia.cshtml
index 3d0ce4a..0bf58cd 100644
--- a/Pages/ViewMedia.cshtml
+++ b/Pages/ViewMedia.cshtml
@@ -21,6 +21,10 @@
         document.getElementById('delete-dialog').classList.toggle('visible', visible);
     }
 
+    function showTagDialog(visible) {
+        document.getElementById('tag-dialog').classList.toggle('visible', visible);
+    }
+
     function selectPane(tab) {
         var tabs = Array.from(document.querySelectorAll('div#metadata-header > a'));
 
@@ -90,7 +94,7 @@
                 </tr>
             </table>
             <div class="button-container">
-                <button>Add Tag</button>
+                <button onclick="showTagDialog(true)">Add Tag</button>
             </div>
         </div>
     </div>
@@ -104,3 +108,20 @@
         <button onclick="deleteMedia()">Confirm</button>
     </div>
 </div>
+
+<div id="tag-dialog" class="dialog visible">
+    <p>Select one or more tag(s) to add</p>
+    <hr/>
+    <input type="text" placeholder="Search"/>
+    <table>
+        @for(int i = 0; i < 7; i++) {
+            <tr>
+                <td>@i</td>
+            </tr>
+        }
+    </table>
+    <div class="button-container">
+        <button onclick="showTagDialog(false)" class="secondary">Cancel</button>
+        <button>Accept</button>
+    </div>
+</div>
diff --git a/wwwroot/styles/global.css b/wwwroot/styles/global.css
index 2b007f8..3ce0533 100644
--- a/wwwroot/styles/global.css
+++ b/wwwroot/styles/global.css
@@ -8,10 +8,13 @@
 }
 
 body {
-    margin:      0;
-    background:  var(--col-bg);
-    color:       white;
-    font-family: 'Trebuchet MS', 'Lucida Sans Unicode';
+    background:     var(--col-bg);
+    color:          white;
+    display:        flex;
+    flex-direction: column;
+    font-family:    'Trebuchet MS', 'Lucida Sans Unicode';
+    margin:         0;
+    overflow:       hidden;
 }
 
 a {
-- 
cgit v1.3