0740d4762f
* Use conversationPage module for pagination * Load more conversations * Reset list if conversation status is changed * Add specs to conversationPage * Reset filter when page is re-mounted * Update text * Update text
63 lines
1.5 KiB
Vue
63 lines
1.5 KiB
Vue
<template>
|
|
<button
|
|
type="button"
|
|
class="button nice resolve--button"
|
|
:class="buttonClass"
|
|
@click="toggleStatus"
|
|
>
|
|
<i v-if="!isLoading" class="icon" :class="buttonIconClass" />
|
|
<spinner v-if="isLoading" />
|
|
{{ currentStatus }}
|
|
</button>
|
|
</template>
|
|
|
|
<script>
|
|
/* eslint no-console: 0 */
|
|
/* global bus */
|
|
import { mapGetters } from 'vuex';
|
|
import Spinner from 'shared/components/Spinner';
|
|
import wootConstants from '../../constants';
|
|
|
|
export default {
|
|
components: {
|
|
Spinner,
|
|
},
|
|
props: ['conversationId'],
|
|
data() {
|
|
return {
|
|
isLoading: false,
|
|
};
|
|
},
|
|
computed: {
|
|
...mapGetters({
|
|
currentChat: 'getSelectedChat',
|
|
}),
|
|
currentStatus() {
|
|
const ButtonName =
|
|
this.currentChat.status === wootConstants.STATUS_TYPE.OPEN
|
|
? this.$t('CONVERSATION.HEADER.RESOLVE_ACTION')
|
|
: this.$t('CONVERSATION.HEADER.REOPEN_ACTION');
|
|
return ButtonName;
|
|
},
|
|
buttonClass() {
|
|
return this.currentChat.status === wootConstants.STATUS_TYPE.OPEN
|
|
? 'success'
|
|
: 'warning';
|
|
},
|
|
buttonIconClass() {
|
|
return this.currentChat.status === wootConstants.STATUS_TYPE.OPEN
|
|
? 'ion-checkmark'
|
|
: 'ion-refresh';
|
|
},
|
|
},
|
|
methods: {
|
|
toggleStatus() {
|
|
this.isLoading = true;
|
|
this.$store.dispatch('toggleStatus', this.currentChat.id).then(() => {
|
|
bus.$emit('newToastMessage', this.$t('CONVERSATION.CHANGE_STATUS'));
|
|
this.isLoading = false;
|
|
});
|
|
},
|
|
},
|
|
};
|
|
</script>
|