From 6b9f50ab313091dcc72d82833584f765a5478bd7 Mon Sep 17 00:00:00 2001
From: Varun Patil <varunpatil@ucla.edu>
Date: Sun, 15 Jan 2023 15:45:57 -0800
Subject: [PATCH] viewer: delete with Del key (fix #313)

---
 src/components/viewer/Viewer.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/viewer/Viewer.vue b/src/components/viewer/Viewer.vue
index c534c6ae..28b0f463 100644
--- a/src/components/viewer/Viewer.vue
+++ b/src/components/viewer/Viewer.vue
@@ -5,6 +5,7 @@
     :class="{ fullyOpened, slideshowTimer }"
     :style="{ width: outerWidth }"
     @fullscreenchange="fullscreenChange"
+    @keydown="keydown"
   >
     <ImageEditor
       v-if="editorOpen"
@@ -905,6 +906,17 @@ export default defineComponent({
       }
     },
 
+    /** Key press events */
+    keydown(e: KeyboardEvent) {
+      if (
+        e.key === "Delete" &&
+        !this.routeIsPublic &&
+        confirm(this.t("memories", "Are you sure you want to delete?"))
+      ) {
+        this.deleteCurrent();
+      }
+    },
+
     /** Delete this photo and refresh */
     async deleteCurrent() {
       let idx = this.photoswipe.currIndex - this.globalAnchor;
@@ -1274,4 +1286,4 @@ export default defineComponent({
     }
   }
 }
-</style>
\ No newline at end of file
+</style>