From 4d51d56eb1e30a7e465b5627dc91436af2b7d9fc Mon Sep 17 00:00:00 2001
From: bigbasec <bigbasec@users.noreply.github.com>
Date: Thu, 4 Feb 2021 10:39:09 -0500
Subject: [PATCH] Modelview deletekey functionality (#831)

Signed-off-by: Brian Homeyer <bhomeyer@gmail.com>
---
 .../web/src/components/model/item-details.vue | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/bundles/org.openhab.ui/web/src/components/model/item-details.vue b/bundles/org.openhab.ui/web/src/components/model/item-details.vue
index d9b8f6c39..f3fd71a4c 100644
--- a/bundles/org.openhab.ui/web/src/components/model/item-details.vue
+++ b/bundles/org.openhab.ui/web/src/components/model/item-details.vue
@@ -1,5 +1,5 @@
 <template>
-  <f7-card v-if="model">
+  <f7-card v-if="model" @page:beforein="onPageBeforeIn" @page:beforeout="onPageBeforeOut">
     <f7-card-content>
       <f7-list media-list accordion-list>
         <ul>
@@ -49,6 +49,24 @@ export default {
     this.onModelChange()
   },
   methods: {
+    onPageBeforeIn () {
+      if (window) {
+          window.addEventListener('keydown', this.keyDown)
+      }
+      this.load()
+    },
+    onPageBeforeOut () {
+      if (window) {
+        window.removeEventListener('keydown', this.keyDown)
+      }
+    },
+    keyDown (ev) {
+      if (ev.keyCode == 46) {       // delete key
+        remove()
+        ev.stopPropagation()
+        ev.preventDefault()
+      }
+    },
     onModelChange () {
       this.editMode = false
       this.createMode = false