fix: render assigned_to in kanban

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

View File

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

View File

@ -153,6 +153,12 @@
:label="getRow(itemName, fieldName).value"
/>
</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">
{{ getRow(itemName, fieldName).label }}
</div>
@ -244,6 +250,7 @@
</template>
<script setup>
import MultipleAvatar from '@/components/MultipleAvatar.vue'
import CustomActions from '@/components/CustomActions.vue'
import EmailAtIcon from '@/components/Icons/EmailAtIcon.vue'
import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
@ -298,7 +305,7 @@ const viewControls = ref(null)
function getRow(name, field) {
function getValue(value) {
if (value && typeof value === 'object') {
if (value && typeof value === 'object' && !Array.isArray(value)) {
return value
}
return { label: value }

View File

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