test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: removed bg color from status

Browse Source
This commit is contained in:
Shariq Ansari 2023-09-23 12:17:42 +05:30
parent 8c21c5aa27
commit 5f01aab13d
3 changed files with 6 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/pages/Deal.vue
View File

@ -19,10 +19,7 @@
</Autocomplete> </Autocomplete>
<Dropdown :options="statusDropdownOptions(deal.data, 'deal', updateDeal)"> <Dropdown :options="statusDropdownOptions(deal.data, 'deal', updateDeal)">
<template #default="{ open }"> <template #default="{ open }">
<Button <Button :label="deal.data.deal_status">
:label="deal.data.deal_status"
:class="dealStatuses[deal.data.deal_status].bgColor"
>
<template #prefix> <template #prefix>
<IndicatorIcon <IndicatorIcon
:class="dealStatuses[deal.data.deal_status].color" :class="dealStatuses[deal.data.deal_status].color"

5
frontend/src/pages/Lead.vue
View File

@ -19,10 +19,7 @@
</Autocomplete> </Autocomplete>
<Dropdown :options="statusDropdownOptions(lead.data, 'lead', updateLead)"> <Dropdown :options="statusDropdownOptions(lead.data, 'lead', updateLead)">
<template #default="{ open }"> <template #default="{ open }">
<Button <Button :label="lead.data.status">
:label="lead.data.status"
:class="leadStatuses[lead.data.status].bgColor"
>
<template #prefix> <template #prefix>
<IndicatorIcon :class="leadStatuses[lead.data.status].color" /> <IndicatorIcon :class="leadStatuses[lead.data.status].color" />
</template> </template>

17
frontend/src/utils.js
View File

@ -22,58 +22,49 @@ export function timeAgo(date) {
export const dateTooltipFormat = 'ddd, MMM D, YYYY h:mm A' export const dateTooltipFormat = 'ddd, MMM D, YYYY h:mm A'
export const leadStatuses = { export const leadStatuses = {
Open: { label: 'Open', color: '!text-gray-600', bgColor: '!bg-gray-200' }, Open: { label: 'Open', color: '!text-gray-600' },
Contacted: { Contacted: {
label: 'Contacted', label: 'Contacted',
color: '!text-orange-600', color: '!text-orange-600',
bgColor: '!bg-orange-200',
}, },
Nurture: { Nurture: {
label: 'Nurture', label: 'Nurture',
color: '!text-blue-600', color: '!text-blue-600',
bgColor: '!bg-blue-200',
}, },
Qualified: { Qualified: {
label: 'Qualified', label: 'Qualified',
color: '!text-green-600', color: '!text-green-600',
bgColor: '!bg-green-200',
}, },
Unqualified: { Unqualified: {
label: 'Unqualified', label: 'Unqualified',
color: '!text-red-600', color: '!text-red-600',
bgColor: '!bg-red-200',
}, },
Junk: { label: 'Junk', color: '!text-purple-600', bgColor: '!bg-purple-200' }, Junk: { label: 'Junk', color: '!text-purple-600' },
} }
export const dealStatuses = { export const dealStatuses = {
Qualification: { Qualification: {
label: 'Qualification', label: 'Qualification',
color: '!text-gray-600', color: '!text-gray-600',
bgColor: '!bg-gray-200',
}, },
'Demo/Making': { 'Demo/Making': {
label: 'Demo/Making', label: 'Demo/Making',
color: '!text-orange-600', color: '!text-orange-600',
bgColor: '!bg-orange-200',
}, },
'Proposal/Quotation': { 'Proposal/Quotation': {
label: 'Proposal/Quotation', label: 'Proposal/Quotation',
color: '!text-blue-600', color: '!text-blue-600',
bgColor: '!bg-blue-200',
}, },
Negotiation: { Negotiation: {
label: 'Negotiation', label: 'Negotiation',
color: '!text-yellow-600', color: '!text-yellow-600',
bgColor: '!bg-yellow-100',
}, },
'Ready to Close': { 'Ready to Close': {
label: 'Ready to Close', label: 'Ready to Close',
color: '!text-purple-600', color: '!text-purple-600',
bgColor: '!bg-purple-200',
}, },
Won: { label: 'Won', color: '!text-green-600', bgColor: '!bg-green-200' }, Won: { label: 'Won', color: '!text-green-600' },
Lost: { label: 'Lost', color: '!text-red-600', bgColor: '!bg-red-200' }, Lost: { label: 'Lost', color: '!text-red-600' },
} }
export function statusDropdownOptions(data, doctype, action) { export function statusDropdownOptions(data, doctype, action) {