mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-04 04:57:51 +00:00
7fd8b4d03a
Porting changes from https://github.com/chatwoot/chatwoot/pull/10552 --------- Co-authored-by: Pranav <pranav@chatwoot.com> Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com> Co-authored-by: Vishnu Narayanan <vishnu@chatwoot.com> Co-authored-by: Sojan <sojan@pepalo.com> Co-authored-by: iamsivin <iamsivin@gmail.com> Co-authored-by: Pranav <pranavrajs@gmail.com>
109 lines
2.7 KiB
Vue
109 lines
2.7 KiB
Vue
<script>
|
|
import { mapGetters } from 'vuex';
|
|
import { useAlert } from 'dashboard/composables';
|
|
import { emitter } from 'shared/helpers/mitt';
|
|
import EmailTranscriptModal from './EmailTranscriptModal.vue';
|
|
import ResolveAction from '../../buttons/ResolveAction.vue';
|
|
import ButtonV4 from 'dashboard/components-next/button/Button.vue';
|
|
|
|
import {
|
|
CMD_MUTE_CONVERSATION,
|
|
CMD_SEND_TRANSCRIPT,
|
|
CMD_UNMUTE_CONVERSATION,
|
|
} from 'dashboard/helper/commandbar/events';
|
|
|
|
export default {
|
|
components: {
|
|
EmailTranscriptModal,
|
|
ResolveAction,
|
|
ButtonV4,
|
|
},
|
|
data() {
|
|
return {
|
|
showEmailActionsModal: false,
|
|
};
|
|
},
|
|
computed: {
|
|
...mapGetters({ currentChat: 'getSelectedChat' }),
|
|
},
|
|
mounted() {
|
|
emitter.on(CMD_MUTE_CONVERSATION, this.mute);
|
|
emitter.on(CMD_UNMUTE_CONVERSATION, this.unmute);
|
|
emitter.on(CMD_SEND_TRANSCRIPT, this.toggleEmailActionsModal);
|
|
},
|
|
unmounted() {
|
|
emitter.off(CMD_MUTE_CONVERSATION, this.mute);
|
|
emitter.off(CMD_UNMUTE_CONVERSATION, this.unmute);
|
|
emitter.off(CMD_SEND_TRANSCRIPT, this.toggleEmailActionsModal);
|
|
},
|
|
methods: {
|
|
mute() {
|
|
this.$store.dispatch('muteConversation', this.currentChat.id);
|
|
useAlert(this.$t('CONTACT_PANEL.MUTED_SUCCESS'));
|
|
},
|
|
unmute() {
|
|
this.$store.dispatch('unmuteConversation', this.currentChat.id);
|
|
useAlert(this.$t('CONTACT_PANEL.UNMUTED_SUCCESS'));
|
|
},
|
|
toggleEmailActionsModal() {
|
|
this.showEmailActionsModal = !this.showEmailActionsModal;
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div class="relative flex items-center gap-2 actions--container">
|
|
<ButtonV4
|
|
v-if="!currentChat.muted"
|
|
v-tooltip="$t('CONTACT_PANEL.MUTE_CONTACT')"
|
|
size="sm"
|
|
variant="ghost"
|
|
color="slate"
|
|
icon="i-lucide-volume-off"
|
|
@click="mute"
|
|
/>
|
|
<ButtonV4
|
|
v-else
|
|
v-tooltip.left="$t('CONTACT_PANEL.UNMUTE_CONTACT')"
|
|
size="sm"
|
|
variant="ghost"
|
|
color="slate"
|
|
icon="i-lucide-volume-1"
|
|
@click="unmute"
|
|
/>
|
|
<ButtonV4
|
|
v-tooltip="$t('CONTACT_PANEL.SEND_TRANSCRIPT')"
|
|
size="sm"
|
|
variant="ghost"
|
|
color="slate"
|
|
icon="i-lucide-share"
|
|
@click="toggleEmailActionsModal"
|
|
/>
|
|
<ResolveAction
|
|
:conversation-id="currentChat.id"
|
|
:status="currentChat.status"
|
|
/>
|
|
<EmailTranscriptModal
|
|
v-if="showEmailActionsModal"
|
|
:show="showEmailActionsModal"
|
|
:current-chat="currentChat"
|
|
@cancel="toggleEmailActionsModal"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped lang="scss">
|
|
.more--button {
|
|
@apply items-center flex ml-2 rtl:ml-0 rtl:mr-2;
|
|
}
|
|
|
|
.dropdown-pane {
|
|
@apply -right-2 top-12;
|
|
}
|
|
|
|
.icon {
|
|
@apply mr-1 rtl:mr-0 rtl:ml-1 min-w-[1rem];
|
|
}
|
|
</style>
|