From 3b1cd968b01c17a0aaa879f5dc4b7ab42a78db5c Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 20 Jun 2024 16:31:02 +0530
Subject: [PATCH] fix: added kanban view in views dropdown

---
 frontend/src/components/Icons/KanbanIcon.vue | 18 ++++++++++++++++++
 frontend/src/components/ViewControls.vue     | 15 +++++++++++++++
 frontend/src/pages/Deals.vue                 |  2 +-
 frontend/src/pages/Leads.vue                 |  2 +-
 frontend/src/pages/Tasks.vue                 |  3 +++
 5 files changed, 38 insertions(+), 2 deletions(-)
 create mode 100644 frontend/src/components/Icons/KanbanIcon.vue

diff --git a/frontend/src/components/Icons/KanbanIcon.vue b/frontend/src/components/Icons/KanbanIcon.vue
new file mode 100644
index 00000000..bb12b401
--- /dev/null
+++ b/frontend/src/components/Icons/KanbanIcon.vue
@@ -0,0 +1,18 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="16"
+    height="16"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="1.5"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="lucide lucide-kanban"
+  >
+    <path d="M6 5v11" />
+    <path d="M12 5v6" />
+    <path d="M18 5v14" />
+  </svg>
+</template>
diff --git a/frontend/src/components/ViewControls.vue b/frontend/src/components/ViewControls.vue
index 6c20a93a..6d0a1628 100644
--- a/frontend/src/components/ViewControls.vue
+++ b/frontend/src/components/ViewControls.vue
@@ -249,6 +249,7 @@
 </template>
 <script setup>
 import DetailsIcon from '@/components/Icons/DetailsIcon.vue'
+import KanbanIcon from '@/components/Icons/KanbanIcon.vue'
 import QuickFilterField from '@/components/QuickFilterField.vue'
 import RefreshIcon from '@/components/Icons/RefreshIcon.vue'
 import EditIcon from '@/components/Icons/EditIcon.vue'
@@ -319,6 +320,10 @@ function getViewType() {
       label: __('Group By View'),
       icon: markRaw(DetailsIcon),
     },
+    kanban: {
+      label: __('Kanban View'),
+      icon: markRaw(KanbanIcon),
+    },
   }
 
   return types[viewType]
@@ -499,6 +504,16 @@ if (allowedViews.includes('group_by')) {
     },
   })
 }
+if (allowedViews.includes('kanban')) {
+  defaultViews.push({
+    label: __(props.options?.defaultViewName) || __('Kanban View'),
+    icon: markRaw(KanbanIcon),
+    onClick() {
+      viewUpdated.value = false
+      router.push({ name: route.name, params: { viewType: 'kanban' } })
+    },
+  })
+}
 
 function getIcon(icon, type) {
   if (isEmoji(icon)) {
diff --git a/frontend/src/pages/Deals.vue b/frontend/src/pages/Deals.vue
index 2debed3f..14dba1dd 100644
--- a/frontend/src/pages/Deals.vue
+++ b/frontend/src/pages/Deals.vue
@@ -25,7 +25,7 @@
     v-model:updatedPageCount="updatedPageCount"
     doctype="CRM Deal"
     :options="{
-      allowedViews: ['list', 'group_by'],
+      allowedViews: ['list', 'group_by', 'kanban'],
     }"
   />
   <DealsListView
diff --git a/frontend/src/pages/Leads.vue b/frontend/src/pages/Leads.vue
index a8bb010e..2733eb51 100644
--- a/frontend/src/pages/Leads.vue
+++ b/frontend/src/pages/Leads.vue
@@ -26,7 +26,7 @@
     doctype="CRM Lead"
     :filters="{ converted: 0 }"
     :options="{
-      allowedViews: ['list', 'group_by'],
+      allowedViews: ['list', 'group_by', 'kanban'],
     }"
   />
   <LeadsListView
diff --git a/frontend/src/pages/Tasks.vue b/frontend/src/pages/Tasks.vue
index 77482462..db0a75d4 100644
--- a/frontend/src/pages/Tasks.vue
+++ b/frontend/src/pages/Tasks.vue
@@ -20,6 +20,9 @@
     v-model:resizeColumn="triggerResize"
     v-model:updatedPageCount="updatedPageCount"
     doctype="CRM Task"
+    :options="{
+      allowedViews: ['list', 'kanban'],
+    }"
   />
   <TasksListView
     ref="tasksListView"