@@ -2,7 +2,7 @@
|
|||||||
.calendar-column-wrapper.flex.flex-col
|
.calendar-column-wrapper.flex.flex-col
|
||||||
.header.flex.items-center.justify-between.py-2.px-6.top-0
|
.header.flex.items-center.justify-between.py-2.px-6.top-0
|
||||||
.flex.items-center
|
.flex.items-center
|
||||||
base-avatar.mr-2(:size="32" :color="ownerData.color")
|
base-avatar.mr-2(:size="32", :color="ownerData.color")
|
||||||
img(:src="ownerData.avatar" alt="Team member" v-if="ownerData.avatar")
|
img(:src="ownerData.avatar" alt="Team member" v-if="ownerData.avatar")
|
||||||
span(v-if="!ownerData.avatar") {{ defaultAvatar }}
|
span(v-if="!ownerData.avatar") {{ defaultAvatar }}
|
||||||
span.owner-name.font-medium.text-base.mr-6 {{ ownerName }}
|
span.owner-name.font-medium.text-base.mr-6 {{ ownerName }}
|
||||||
|
|||||||
@@ -150,6 +150,7 @@ export default {
|
|||||||
last_name: elem.last_name,
|
last_name: elem.last_name,
|
||||||
first_name: elem.first_name,
|
first_name: elem.first_name,
|
||||||
patronymic: elem.patronymic,
|
patronymic: elem.patronymic,
|
||||||
|
color: elem.color,
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
return filteredArray;
|
return filteredArray;
|
||||||
|
|||||||
@@ -89,6 +89,7 @@ export default {
|
|||||||
},
|
},
|
||||||
contacts: [...this.client.contacts],
|
contacts: [...this.client.contacts],
|
||||||
avatar: `${this.client.last_name[0]}${this.client.first_name[0]}`,
|
avatar: `${this.client.last_name[0]}${this.client.first_name[0]}`,
|
||||||
|
color: this.client.color,
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template lang="pug">
|
<template lang="pug">
|
||||||
.flex.box-border.px-4.items-center.gap-x-3.w-full.text-sm(:style="{ minWidth : width + 'px' }")
|
.flex.box-border.px-4.items-center.gap-x-3.w-full.text-sm(:style="{ minWidth : width + 'px' }")
|
||||||
BaseAvatar(:size="36" :color="avatarColor") {{avatar}}
|
BaseAvatar(:size="36", :color="avatarColor") {{avatar}}
|
||||||
span.font-semibold(v-if="!isOpenChange") {{value.fullName}}
|
span.font-semibold(v-if="!isOpenChange") {{value.fullName}}
|
||||||
base-input(v-if="isOpenChange" type="text" v-model:value="value.fullName" :width-input="300")
|
base-input(v-if="isOpenChange" type="text" v-model:value="value.fullName" :width-input="300")
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Reference in New Issue
Block a user