76 lines
1.7 KiB
Vue
76 lines
1.7 KiB
Vue
<script>
|
|
import ConversationCard from './widgets/conversation/ConversationCard.vue';
|
|
export default {
|
|
components: {
|
|
ConversationCard,
|
|
},
|
|
inject: [
|
|
'selectConversation',
|
|
'deSelectConversation',
|
|
'assignAgent',
|
|
'assignTeam',
|
|
'assignLabels',
|
|
'removeLabels',
|
|
'updateConversationStatus',
|
|
'toggleContextMenu',
|
|
'markAsUnread',
|
|
'markAsRead',
|
|
'assignPriority',
|
|
'isConversationSelected',
|
|
'deleteConversation',
|
|
],
|
|
props: {
|
|
source: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
teamId: {
|
|
type: [String, Number],
|
|
default: 0,
|
|
},
|
|
label: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
conversationType: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
foldersId: {
|
|
type: [String, Number],
|
|
default: 0,
|
|
},
|
|
showAssignee: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<ConversationCard
|
|
:key="source.id"
|
|
:active-label="label"
|
|
:team-id="teamId"
|
|
:folders-id="foldersId"
|
|
:chat="source"
|
|
:conversation-type="conversationType"
|
|
:selected="isConversationSelected(source.id)"
|
|
:show-assignee="showAssignee"
|
|
enable-context-menu
|
|
@select-conversation="selectConversation"
|
|
@de-select-conversation="deSelectConversation"
|
|
@assign-agent="assignAgent"
|
|
@assign-team="assignTeam"
|
|
@assign-label="assignLabels"
|
|
@remove-label="removeLabels"
|
|
@update-conversation-status="updateConversationStatus"
|
|
@context-menu-toggle="toggleContextMenu"
|
|
@mark-as-unread="markAsUnread"
|
|
@mark-as-read="markAsRead"
|
|
@assign-priority="assignPriority"
|
|
@delete-conversation="deleteConversation"
|
|
/>
|
|
</template>
|