From 506ac11923052d500dcd465cf09a3a8bbd184edf Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Fri, 29 Mar 2024 13:59:52 +0530
Subject: [PATCH] fix: allow bulk delete for call logs from list view

---
 .../components/ListViews/CallLogsListView.vue | 89 ++++++++++++++++++-
 frontend/src/pages/CallLogs.vue               |  2 +-
 2 files changed, 88 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/ListViews/CallLogsListView.vue b/frontend/src/components/ListViews/CallLogsListView.vue
index 7807e5f9..f2bf2858 100644
--- a/frontend/src/components/ListViews/CallLogsListView.vue
+++ b/frontend/src/components/ListViews/CallLogsListView.vue
@@ -66,7 +66,17 @@
         </ListRowItem>
       </ListRow>
     </ListRows>
-    <ListSelectBanner />
+    <ListSelectBanner>
+      <template #actions="{ selections, unselectAll }">
+        <Dropdown :options="bulkActions(selections, unselectAll)">
+          <Button variant="ghost">
+            <template #icon>
+              <FeatherIcon name="more-horizontal" class="h-4 w-4" />
+            </template>
+          </Button>
+        </Dropdown>
+      </template>
+    </ListSelectBanner>
   </ListView>
   <ListFooter
     class="border-t px-5 py-2"
@@ -89,8 +99,13 @@ import {
   ListRowItem,
   ListFooter,
   Tooltip,
+  Dropdown,
+  call,
 } from 'frappe-ui'
-import { watch } from 'vue'
+import { setupBulkActions, createToast } from '@/utils'
+import { globalStore } from '@/stores/global'
+import { onMounted, ref, watch } from 'vue'
+import { useRouter } from 'vue-router'
 
 const props = defineProps({
   rows: {
@@ -121,9 +136,79 @@ const emit = defineEmits([
 ])
 
 const pageLengthCount = defineModel()
+const list = defineModel('list')
+
+const router = useRouter()
+
+const { $dialog } = globalStore()
 
 watch(pageLengthCount, (val, old_value) => {
   if (val === old_value) return
   emit('updatePageCount', val)
 })
+
+function deleteValues(selections, unselectAll) {
+  $dialog({
+    title: 'Delete',
+    message: `Are you sure you want to delete ${selections.size} item${
+      selections.size > 1 ? 's' : ''
+    }?`,
+    variant: 'danger',
+    actions: [
+      {
+        label: 'Delete',
+        variant: 'solid',
+        theme: 'red',
+        onClick: (close) => {
+          call('frappe.desk.reportview.delete_items', {
+            items: JSON.stringify(Array.from(selections)),
+            doctype: 'CRM Call Log',
+          }).then(() => {
+            createToast({
+              title: 'Deleted successfully',
+              icon: 'check',
+              iconClasses: 'text-green-600',
+            })
+            unselectAll()
+            list.value.reload()
+            close()
+          })
+        },
+      },
+    ],
+  })
+}
+
+const customBulkActions = ref([])
+
+function bulkActions(selections, unselectAll) {
+  let actions = [
+    {
+      label: 'Delete',
+      onClick: () => deleteValues(selections, unselectAll),
+    },
+  ]
+  customBulkActions.value.forEach((action) => {
+    actions.push({
+      label: action.label,
+      onClick: () =>
+        action.onClick({
+          list: list.value,
+          selections,
+          unselectAll,
+          call,
+          createToast,
+          $dialog,
+          router,
+        }),
+    })
+  })
+  return actions
+}
+
+onMounted(() => {
+  if (!list.value?.data) return
+  setupBulkActions(list.value.data)
+  customBulkActions.value = list.value?.data?.bulkActions || []
+})
 </script>
diff --git a/frontend/src/pages/CallLogs.vue b/frontend/src/pages/CallLogs.vue
index 0f640362..1c6b4ace 100644
--- a/frontend/src/pages/CallLogs.vue
+++ b/frontend/src/pages/CallLogs.vue
@@ -15,6 +15,7 @@
   <CallLogsListView
     v-if="callLogs.data && rows.length"
     v-model="callLogs.data.page_length_count"
+    v-model:list="callLogs"
     :rows="rows"
     :columns="callLogs.data.columns"
     :options="{
@@ -26,7 +27,6 @@
     @loadMore="() => loadMore++"
     @columnWidthUpdated="() => triggerResize++"
     @updatePageCount="(count) => (updatedPageCount = count)"
-    @reload="callLogs.reload()"
     @applyFilter="(data) => viewControls.applyFilter(data)"
   />
   <div