feat: added Data tab in Lead & Deal
This commit is contained in:
parent
b9c43df357
commit
a73d9a39db
@ -364,6 +364,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div v-else-if="title == 'Data'" class="h-full flex flex-col px-3 sm:px-10">
|
||||||
|
<div>Data</div>
|
||||||
|
</div>
|
||||||
<div
|
<div
|
||||||
v-else
|
v-else
|
||||||
class="flex flex-1 flex-col items-center justify-center gap-3 text-xl font-medium text-ink-gray-4"
|
class="flex flex-1 flex-col items-center justify-center gap-3 text-xl font-medium text-ink-gray-4"
|
||||||
@ -457,6 +460,7 @@ import AttachmentArea from '@/components/Activities/AttachmentArea.vue'
|
|||||||
import UserAvatar from '@/components/UserAvatar.vue'
|
import UserAvatar from '@/components/UserAvatar.vue'
|
||||||
import ActivityIcon from '@/components/Icons/ActivityIcon.vue'
|
import ActivityIcon from '@/components/Icons/ActivityIcon.vue'
|
||||||
import Email2Icon from '@/components/Icons/Email2Icon.vue'
|
import Email2Icon from '@/components/Icons/Email2Icon.vue'
|
||||||
|
import DetailsIcon from '@/components/Icons/DetailsIcon.vue'
|
||||||
import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
|
import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
|
||||||
import NoteIcon from '@/components/Icons/NoteIcon.vue'
|
import NoteIcon from '@/components/Icons/NoteIcon.vue'
|
||||||
import TaskIcon from '@/components/Icons/TaskIcon.vue'
|
import TaskIcon from '@/components/Icons/TaskIcon.vue'
|
||||||
@ -719,6 +723,8 @@ const emptyText = computed(() => {
|
|||||||
text = 'No Email Communications'
|
text = 'No Email Communications'
|
||||||
} else if (title.value == 'Comments') {
|
} else if (title.value == 'Comments') {
|
||||||
text = 'No Comments'
|
text = 'No Comments'
|
||||||
|
} else if (title.value == 'Data') {
|
||||||
|
text = 'No Data'
|
||||||
} else if (title.value == 'Calls') {
|
} else if (title.value == 'Calls') {
|
||||||
text = 'No Call Logs'
|
text = 'No Call Logs'
|
||||||
} else if (title.value == 'Notes') {
|
} else if (title.value == 'Notes') {
|
||||||
@ -739,6 +745,8 @@ const emptyTextIcon = computed(() => {
|
|||||||
icon = Email2Icon
|
icon = Email2Icon
|
||||||
} else if (title.value == 'Comments') {
|
} else if (title.value == 'Comments') {
|
||||||
icon = CommentIcon
|
icon = CommentIcon
|
||||||
|
} else if (title.value == 'Data') {
|
||||||
|
icon = DetailsIcon
|
||||||
} else if (title.value == 'Calls') {
|
} else if (title.value == 'Calls') {
|
||||||
icon = PhoneIcon
|
icon = PhoneIcon
|
||||||
} else if (title.value == 'Notes') {
|
} else if (title.value == 'Notes') {
|
||||||
|
|||||||
@ -1,5 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
|
v-if="title !== 'Data'"
|
||||||
class="mx-4 my-3 flex items-center justify-between text-lg font-medium sm:mx-10 sm:mb-4 sm:mt-8"
|
class="mx-4 my-3 flex items-center justify-between text-lg font-medium sm:mx-10 sm:mb-4 sm:mt-8"
|
||||||
>
|
>
|
||||||
<div class="flex h-8 items-center text-xl font-semibold text-ink-gray-8">
|
<div class="flex h-8 items-center text-xl font-semibold text-ink-gray-8">
|
||||||
|
|||||||
@ -326,6 +326,7 @@ import ActivityIcon from '@/components/Icons/ActivityIcon.vue'
|
|||||||
import EmailIcon from '@/components/Icons/EmailIcon.vue'
|
import EmailIcon from '@/components/Icons/EmailIcon.vue'
|
||||||
import Email2Icon from '@/components/Icons/Email2Icon.vue'
|
import Email2Icon from '@/components/Icons/Email2Icon.vue'
|
||||||
import CommentIcon from '@/components/Icons/CommentIcon.vue'
|
import CommentIcon from '@/components/Icons/CommentIcon.vue'
|
||||||
|
import DetailsIcon from '@/components/Icons/DetailsIcon.vue'
|
||||||
import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
|
import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
|
||||||
import TaskIcon from '@/components/Icons/TaskIcon.vue'
|
import TaskIcon from '@/components/Icons/TaskIcon.vue'
|
||||||
import NoteIcon from '@/components/Icons/NoteIcon.vue'
|
import NoteIcon from '@/components/Icons/NoteIcon.vue'
|
||||||
@ -554,6 +555,11 @@ const tabs = computed(() => {
|
|||||||
label: __('Comments'),
|
label: __('Comments'),
|
||||||
icon: CommentIcon,
|
icon: CommentIcon,
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
name: 'Data',
|
||||||
|
label: __('Data'),
|
||||||
|
icon: DetailsIcon,
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: 'Calls',
|
name: 'Calls',
|
||||||
label: __('Calls'),
|
label: __('Calls'),
|
||||||
|
|||||||
@ -298,6 +298,7 @@ import ActivityIcon from '@/components/Icons/ActivityIcon.vue'
|
|||||||
import EmailIcon from '@/components/Icons/EmailIcon.vue'
|
import EmailIcon from '@/components/Icons/EmailIcon.vue'
|
||||||
import Email2Icon from '@/components/Icons/Email2Icon.vue'
|
import Email2Icon from '@/components/Icons/Email2Icon.vue'
|
||||||
import CommentIcon from '@/components/Icons/CommentIcon.vue'
|
import CommentIcon from '@/components/Icons/CommentIcon.vue'
|
||||||
|
import DetailsIcon from '@/components/Icons/DetailsIcon.vue'
|
||||||
import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
|
import PhoneIcon from '@/components/Icons/PhoneIcon.vue'
|
||||||
import TaskIcon from '@/components/Icons/TaskIcon.vue'
|
import TaskIcon from '@/components/Icons/TaskIcon.vue'
|
||||||
import NoteIcon from '@/components/Icons/NoteIcon.vue'
|
import NoteIcon from '@/components/Icons/NoteIcon.vue'
|
||||||
@ -500,6 +501,11 @@ const tabs = computed(() => {
|
|||||||
label: __('Comments'),
|
label: __('Comments'),
|
||||||
icon: CommentIcon,
|
icon: CommentIcon,
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
name: 'Data',
|
||||||
|
label: __('Data'),
|
||||||
|
icon: DetailsIcon,
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: 'Calls',
|
name: 'Calls',
|
||||||
label: __('Calls'),
|
label: __('Calls'),
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user