From 975384ad433bfd70c99e5a7d74f2a80d3fe64f34 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Fri, 26 Jan 2024 18:47:09 +0530
Subject: [PATCH] fix: allow deleting email templates from listview

---
 .../ListViews/EmailTemplatesListView.vue      | 48 +++++++++++++++++--
 frontend/src/pages/EmailTemplates.vue         |  1 +
 2 files changed, 46 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/ListViews/EmailTemplatesListView.vue b/frontend/src/components/ListViews/EmailTemplatesListView.vue
index 4f0f09b3..10d92063 100644
--- a/frontend/src/components/ListViews/EmailTemplatesListView.vue
+++ b/frontend/src/components/ListViews/EmailTemplatesListView.vue
@@ -46,7 +46,16 @@
         </ListRowItem>
       </ListRow>
     </ListRows>
-    <ListSelectBanner />
+    <ListSelectBanner>
+      <template #actions="{ selections, unselectAll }">
+        <Button
+          theme="red"
+          variant="subtle"
+          label="Delete"
+          @click="deleteEmailTemplate(selections, unselectAll)"
+        />
+      </template>
+    </ListSelectBanner>
   </ListView>
   <ListFooter
     class="border-t px-5 py-2"
@@ -60,7 +69,6 @@
 </template>
 <script setup>
 import {
-  Avatar,
   ListView,
   ListHeader,
   ListRows,
@@ -68,6 +76,7 @@ import {
   ListSelectBanner,
   ListRowItem,
   ListFooter,
+  call,
 } from 'frappe-ui'
 import { defineModel } from 'vue'
 
@@ -90,7 +99,40 @@ const props = defineProps({
   },
 })
 
-const emit = defineEmits(['loadMore', 'showEmailTemplate'])
+const emit = defineEmits(['loadMore', 'showEmailTemplate', 'reload'])
 
 const pageLengthCount = defineModel()
+
+function deleteEmailTemplate(selections, unselectAll) {
+  let title = 'Delete email template'
+  let message = 'Are you sure you want to delete this email template?'
+
+  if (selections.size > 1) {
+    title = 'Delete email templates'
+    message = 'Are you sure you want to delete these email templates?'
+  }
+
+  $dialog({
+    title: title,
+    message: message,
+    actions: [
+      {
+        label: 'Delete',
+        theme: 'red',
+        variant: 'solid',
+        async onClick(close) {
+          for (const selection of selections) {
+            await call('frappe.client.delete', {
+              doctype: 'Email Template',
+              name: selection,
+            })
+          }
+          close()
+          unselectAll()
+          emit('reload')
+        },
+      },
+    ],
+  })
+}
 </script>
diff --git a/frontend/src/pages/EmailTemplates.vue b/frontend/src/pages/EmailTemplates.vue
index e5ac35bc..ab404dc2 100644
--- a/frontend/src/pages/EmailTemplates.vue
+++ b/frontend/src/pages/EmailTemplates.vue
@@ -25,6 +25,7 @@
     }"
     @loadMore="() => loadMore++"
     @showEmailTemplate="showEmailTemplate"
+    @reload="() => emailTemplates.reload()"
   />
   <div
     v-else-if="emailTemplates.data"