test/jcrm
1
0
Fork 0
forked from test/crm
Code Pull Requests Activity

fix: show status indicator color in listview

Browse Source
This commit is contained in:
Shariq Ansari 2023-07-25 16:32:25 +05:30
parent 36c2ff6867
commit d346247e57
3 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/Icons/IndicatorIcon.vue
View File

@ -6,7 +6,7 @@
viewBox="0 0 16 16" viewBox="0 0 16 16"
fill="none" fill="none"
> >
<rect width="16" height="16" rx="4.5" :fill="color" /> <rect width="16" height="16" rx="4.5" :class="['fill-current', color]" />
<circle cx="8" cy="8" r="3" fill="white" /> <circle cx="8" cy="8" r="3" fill="white" />
</svg> </svg>
</template> </template>

2
frontend/src/components/ListView.vue
View File

@ -84,7 +84,7 @@
/> />
</div> </div>
<div v-else-if="column.type === 'status'"> <div v-else-if="column.type === 'status'">
<IndicatorIcon /> <IndicatorIcon :color="getValue(row[column.key]).color" />
</div> </div>
<div class="text-base text-gray-900 truncate"> <div class="text-base text-gray-900 truncate">
{{ getValue(row[column.key]).label }} {{ getValue(row[column.key]).label }}

13
frontend/src/pages/Leads.vue
View File

@ -75,11 +75,22 @@ const rows = computed(() => {
return { return {
full_name: lead.first_name + ' ' + lead.last_name, full_name: lead.first_name + ' ' + lead.last_name,
organization_name: lead.organization_name, organization_name: lead.organization_name,
status: lead.status, status: {
label: lead.status,
color: indicatorColor[lead.status],
},
email: lead.email, email: lead.email,
mobile_no: lead.mobile_no, mobile_no: lead.mobile_no,
lead_owner: getUser(lead.lead_owner), lead_owner: getUser(lead.lead_owner),
} }
}) })
}) })
const indicatorColor = {
New: 'text-gray-600',
'Contact made': 'text-orange-500',
'Proposal made': 'text-blue-600',
Negotiation: 'text-red-600',
Converted: 'text-green-600',
}
</script> </script>