From 9d651759bc8757773d89356ad15dba5566e003e1 Mon Sep 17 00:00:00 2001
From: Jake Mannens <jake@asger.xyz>
Date: Fri, 8 Sep 2023 02:26:32 +1000
Subject: Added framework for routing keyboard events

---
 Pages/Component/Dialog.razor | 19 ++++++++++++++++++-
 Pages/Upload.razor           |  2 --
 Pages/_Host.cshtml           |  1 +
 3 files changed, 19 insertions(+), 3 deletions(-)

(limited to 'Pages')

diff --git a/Pages/Component/Dialog.razor b/Pages/Component/Dialog.razor
index dbfec49..673ec2f 100644
--- a/Pages/Component/Dialog.razor
+++ b/Pages/Component/Dialog.razor
@@ -48,6 +48,23 @@
     public void Show() => Visible = true;
     public void Hide() => Visible = false;
 
+    protected override async void OnAfterRender(bool firstRender) {
+        if(firstRender) {
+            await jsRuntime.InvokeVoidAsync("dialogAddObjectReference", new object[] {
+                dialogDiv,
+                DotNetObjectReference.Create(this)
+            });
+        }
+    }
+
+    [JSInvokable("KeyHandler")]
+    public void KeyHandler(string key) {
+        if(key == "Escape") {
+            Hide();
+            return;
+        }
+    }
+
     private string heightStyle =>
-        $"{(height is null ? "" : $"max-height:{height};")}";
+    $"{(height is null ? "" : $"max-height:{height};")}";
 }
diff --git a/Pages/Upload.razor b/Pages/Upload.razor
index 36555da..7f7980b 100644
--- a/Pages/Upload.razor
+++ b/Pages/Upload.razor
@@ -29,7 +29,6 @@
     dropzone.ondrop = function(e) {
         e.preventDefault();
         fileUpload.files = e.dataTransfer.files;
-        console.log('lmao');
         uploadForm.submit();
     }
 
@@ -38,7 +37,6 @@
     }
 
     fileUpload.onchange = function(e) {
-        console.log('epic');
         uploadForm.submit();
     }
 </script>
diff --git a/Pages/_Host.cshtml b/Pages/_Host.cshtml
index 177e2df..69bced8 100644
--- a/Pages/_Host.cshtml
+++ b/Pages/_Host.cshtml
@@ -12,6 +12,7 @@
     <link href="/styles/global.css" rel="stylesheet" />
     <link href="/favicon.ico" rel="icon" />
     <link href="/manifest.webmanifest" rel="manifest" />
+    <script type="text/javascript" src="/js/keyboard.js"></script>
     <script type="text/javascript" src="/js/dialog.js"></script>
     <component type="typeof(HeadOutlet)" render-mode="ServerPrerendered" />
 </head>
-- 
cgit v1.3