From 2bec43244a038a220046a15a355f349c5b5f28f3 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Wed, 27 Dec 2023 17:21:09 +0530
Subject: [PATCH] fix: allow assigned_to in listview

---
 crm/api/doc.py                                      |  1 +
 frontend/src/components/ListViews/DealsListView.vue |  6 +++++-
 frontend/src/components/ListViews/LeadsListView.vue |  6 +++++-
 frontend/src/pages/Deals.vue                        | 13 ++++++++++++-
 frontend/src/pages/Leads.vue                        |  7 +++++++
 5 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/crm/api/doc.py b/crm/api/doc.py
index 335c511c..d109f409 100644
--- a/crm/api/doc.py
+++ b/crm/api/doc.py
@@ -107,6 +107,7 @@ def get_list_data(doctype: str, filters: dict, order_by: str):
 			"value": "modified_by",
 			"options": "User",
 		},
+		{"label": "Assigned To", "type": "Text", "value": "_assign"},
 		{"label": "Owner", "type": "Link", "value": "owner", "options": "User"},
 	]
 
diff --git a/frontend/src/components/ListViews/DealsListView.vue b/frontend/src/components/ListViews/DealsListView.vue
index a02b6996..05698535 100644
--- a/frontend/src/components/ListViews/DealsListView.vue
+++ b/frontend/src/components/ListViews/DealsListView.vue
@@ -17,7 +17,10 @@
         v-slot="{ column, item }"
         :row="row"
       >
-        <ListRowItem :item="item">
+        <div v-if="column.key === '_assign'" class="flex items-center">
+          <MultipleAvatar :avatars="item" />
+        </div>
+        <ListRowItem v-else :item="item">
           <template #prefix>
             <div v-if="column.key === 'status'">
               <IndicatorIcon :class="item.color" />
@@ -86,6 +89,7 @@
 </template>
 
 <script setup>
+import MultipleAvatar from '@/components/MultipleAvatar.vue'
 import IndicatorIcon from '@/components/Icons/IndicatorIcon.vue'
 import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
 import {
diff --git a/frontend/src/components/ListViews/LeadsListView.vue b/frontend/src/components/ListViews/LeadsListView.vue
index c8d78b8d..1dc656cb 100644
--- a/frontend/src/components/ListViews/LeadsListView.vue
+++ b/frontend/src/components/ListViews/LeadsListView.vue
@@ -17,7 +17,10 @@
         v-slot="{ column, item }"
         :row="row"
       >
-        <ListRowItem :item="item">
+        <div v-if="column.key === '_assign'" class="flex items-center">
+          <MultipleAvatar :avatars="item" />
+        </div>
+        <ListRowItem v-else :item="item">
           <template #prefix>
             <div v-if="column.key === 'status'">
               <IndicatorIcon :class="item.color" />
@@ -97,6 +100,7 @@
 <script setup>
 import IndicatorIcon from '@/components/Icons/IndicatorIcon.vue'
 import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
+import MultipleAvatar from '@/components/MultipleAvatar.vue'
 import {
   Avatar,
   ListView,
diff --git a/frontend/src/pages/Deals.vue b/frontend/src/pages/Deals.vue
index 1fb7573d..c84b9af7 100644
--- a/frontend/src/pages/Deals.vue
+++ b/frontend/src/pages/Deals.vue
@@ -33,7 +33,11 @@
       <ViewSettings doctype="CRM Deal" v-model="deals" />
     </div>
   </div>
-  <DealsListView v-if="deals.data && rows.length" :rows="rows" :columns="deals.data.columns" />
+  <DealsListView
+    v-if="deals.data && rows.length"
+    :rows="rows"
+    :columns="deals.data.columns"
+  />
   <div v-else-if="deals.data" class="flex h-full items-center justify-center">
     <div
       class="flex flex-col items-center gap-3 text-xl font-medium text-gray-500"
@@ -193,6 +197,13 @@ const rows = computed(() => {
           label: deal.deal_owner && getUser(deal.deal_owner).full_name,
           ...(deal.deal_owner && getUser(deal.deal_owner)),
         }
+      } else if (row == '_assign') {
+        let assignees = JSON.parse(deal._assign) || []
+        _rows[row] = assignees.map((user) => ({
+          name: user,
+          image: getUser(user).user_image,
+          label: getUser(user).full_name,
+        }))
       } else if (['modified', 'creation'].includes(row)) {
         _rows[row] = {
           label: dateFormat(deal[row], dateTooltipFormat),
diff --git a/frontend/src/pages/Leads.vue b/frontend/src/pages/Leads.vue
index b69ac198..2b13adec 100644
--- a/frontend/src/pages/Leads.vue
+++ b/frontend/src/pages/Leads.vue
@@ -196,6 +196,13 @@ const rows = computed(() => {
           label: lead.lead_owner && getUser(lead.lead_owner).full_name,
           ...(lead.lead_owner && getUser(lead.lead_owner)),
         }
+      } else if (row == '_assign') {
+        let assignees = JSON.parse(lead._assign) || []
+        _rows[row] = assignees.map((user) => ({
+          name: user,
+          image: getUser(user).user_image,
+          label: getUser(user).full_name,
+        }))
       } else if (['modified', 'creation'].includes(row)) {
         _rows[row] = {
           label: dateFormat(lead[row], dateTooltipFormat),