matt
/
port-nimara-client-portal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Enhance sales process level selector with colored chips 

- Add colored chip display to dropdown items for better visual clarity
- Apply consistent base color to list items based on sales level
- Change progress bar to use static blue color instead of dynamic coloring
- Improve visual hierarchy and readability of sales process levels
This commit is contained in:
Matt 2025-06-04 20:05:49 +02:00
parent 2ea72ef24e
commit afc709282f
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
components/InterestDetailsModal.vue
View File

@ -386,12 +386,24 @@
</v-chip> </v-chip>
</template> </template>
<template v-slot:item="{ item, props }"> <template v-slot:item="{ item, props }">
<v-list-item v-bind="props"> <v-list-item
v-bind="props"
:base-color="getSalesLevelColor(item.value)"
>
<template v-slot:prepend> <template v-slot:prepend>
<v-icon :color="getSalesLevelColor(item.value)"> <v-icon :color="getSalesLevelColor(item.value)">
mdi-circle mdi-circle
</v-icon> </v-icon>
</template> </template>
<v-list-item-title>
<v-chip
:color="getSalesLevelColor(item.value)"
size="small"
class="text-white"
>
{{ item.value }}
</v-chip>
</v-list-item-title>
</v-list-item> </v-list-item>
</template> </template>
</v-select> </v-select>
@ -400,7 +412,7 @@
:model-value="(currentStep + 1) / InterestSalesProcessLevelFlow.length * 100" :model-value="(currentStep + 1) / InterestSalesProcessLevelFlow.length * 100"
height="10" height="10"
rounded rounded
:color="getSalesLevelColor(interest['Sales Process Level'])" color="blue"
/> />
<div class="text-caption text-center mt-2"> <div class="text-caption text-center mt-2">
Progress: {{ currentStep + 1 }} of {{ InterestSalesProcessLevelFlow.length }} stages Progress: {{ currentStep + 1 }} of {{ InterestSalesProcessLevelFlow.length }} stages