From 613ac3f0e569aed6c1fa3fde9c2ec0220d71511e Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Thu, 24 Mar 2022 18:24:10 +0100
Subject: [PATCH] redis: delete key

---
 .../web/src/widgets/DbKeysTreeNode.svelte     | 27 +++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/widgets/DbKeysTreeNode.svelte b/packages/web/src/widgets/DbKeysTreeNode.svelte
index f9e992b5f..ba168f6cb 100644
--- a/packages/web/src/widgets/DbKeysTreeNode.svelte
+++ b/packages/web/src/widgets/DbKeysTreeNode.svelte
@@ -1,10 +1,13 @@
 <script lang="ts">
-import { getIconForRedisType } from 'dbgate-tools';
+  import { getIconForRedisType } from 'dbgate-tools';
 
   import AppObjectCore from '../appobj/AppObjectCore.svelte';
   import { plusExpandIcon } from '../icons/expandIcons';
   import FontIcon from '../icons/FontIcon.svelte';
+  import ConfirmModal from '../modals/ConfirmModal.svelte';
+  import { showModal } from '../modals/modalTools';
   import { activeDbKeysStore } from '../stores';
+  import { apiCall } from '../utility/api';
   import openNewTab from '../utility/openNewTab';
 
   import DbKeysSubTree from './DbKeysSubTree.svelte';
@@ -19,8 +22,27 @@ import { getIconForRedisType } from 'dbgate-tools';
 
   let isExpanded;
 
-
   // $: console.log(item.text, indentLevel);
+  function createMenu() {
+    return [
+      item.key != null && {
+        label: 'Delete',
+        onClick: () => {
+          showModal(ConfirmModal, {
+            message: `Really delete key ${item.key}?`,
+            onConfirm: async () => {
+              await apiCall('database-connections/call-method', {
+                conid,
+                database,
+                method: 'del',
+                args: [item.key],
+              });
+            },
+          });
+        },
+      },
+    ];
+  }
 </script>
 
 <AppObjectCore
@@ -53,6 +75,7 @@ import { getIconForRedisType } from 'dbgate-tools';
   }}
   extInfo={item.count ? `(${item.count})` : null}
   {indentLevel}
+  menu={createMenu}
 />
 <!-- <div on:click={() => (isExpanded = !isExpanded)}>
   <FontIcon icon={} />