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

fix: render assigned_to in kanban

Browse Source
This commit is contained in:
Shariq Ansari 2024-06-26 22:51:50 +05:30
parent 24b7b49068
commit 9da7693d34
3 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -12,7 +12,7 @@
shape="circle" shape="circle"
:image="avatars[0].image" :image="avatars[0].image"
:label="avatars[0].label" :label="avatars[0].label"
size="sm" :size="size"
/> />
<div class="truncate">{{ avatars[0].label }}</div> <div class="truncate">{{ avatars[0].label }}</div>
</div> </div>

9
frontend/src/pages/Deals.vue
View File

@ -153,6 +153,12 @@
:label="getRow(itemName, fieldName).value" :label="getRow(itemName, fieldName).value"
/> />
</div> </div>
<div v-else-if="fieldName === '_assign'" class="flex items-center">
<MultipleAvatar
:avatars="getRow(itemName, fieldName).label"
size="xs"
/>
</div>
<div v-else class="truncate text-base"> <div v-else class="truncate text-base">
{{ getRow(itemName, fieldName).label }} {{ getRow(itemName, fieldName).label }}
</div> </div>
@ -244,6 +250,7 @@
</template> </template>
<script setup> <script setup>
import MultipleAvatar from '@/components/MultipleAvatar.vue'
import CustomActions from '@/components/CustomActions.vue' import CustomActions from '@/components/CustomActions.vue'
import EmailAtIcon from '@/components/Icons/EmailAtIcon.vue' import EmailAtIcon from '@/components/Icons/EmailAtIcon.vue'
import PhoneIcon from '@/components/Icons/PhoneIcon.vue' import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
@ -298,7 +305,7 @@ const viewControls = ref(null)
function getRow(name, field) { function getRow(name, field) {
function getValue(value) { function getValue(value) {
if (value && typeof value === 'object') { if (value && typeof value === 'object' && !Array.isArray(value)) {
return value return value
} }
return { label: value } return { label: value }

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

@ -180,12 +180,10 @@
:label="getRow(itemName, fieldName).value" :label="getRow(itemName, fieldName).value"
/> />
</div> </div>
<div v-else-if="fieldName === 'Check'"> <div v-else-if="fieldName === '_assign'" class="flex items-center">
<FormControl <MultipleAvatar
type="checkbox" :avatars="getRow(itemName, fieldName).label"
:modelValue="getRow(itemName, fieldName)" size="xs"
:disabled="true"
class="text-gray-900"
/> />
</div> </div>
<div v-else class="truncate text-base"> <div v-else class="truncate text-base">
@ -278,6 +276,7 @@
</template> </template>
<script setup> <script setup>
import MultipleAvatar from '@/components/MultipleAvatar.vue'
import CustomActions from '@/components/CustomActions.vue' import CustomActions from '@/components/CustomActions.vue'
import EmailAtIcon from '@/components/Icons/EmailAtIcon.vue' import EmailAtIcon from '@/components/Icons/EmailAtIcon.vue'
import PhoneIcon from '@/components/Icons/PhoneIcon.vue' import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
@ -326,7 +325,7 @@ const viewControls = ref(null)
function getRow(name, field) { function getRow(name, field) {
function getValue(value) { function getValue(value) {
if (value && typeof value === 'object') { if (value && typeof value === 'object' && !Array.isArray(value)) {
return value return value
} }
return { label: value } return { label: value }