mirror of
https://github.com/lingble/chatwoot.git
synced 2025-10-30 18:47:51 +00:00
280bc58963
# Pull Request Template ### Changes includes * Update send message and add note button <img width="151" alt="image" src="https://github.com/user-attachments/assets/646d1d22-07be-4f2f-9090-6642556aa761" /> <img width="151" alt="image" src="https://github.com/user-attachments/assets/b5651420-c48b-4932-aff9-911788b9eabc" /> <img width="165" alt="image" src="https://github.com/user-attachments/assets/f1ace171-2115-4eba-9055-e568d1b73c5e" /> <img width="165" alt="image" src="https://github.com/user-attachments/assets/0c818461-ccdb-46ab-b7d3-3917e4ee4e74" /> <img width="165" alt="image" src="https://github.com/user-attachments/assets/eef1545b-1bed-47a1-8b83-ed5d5da3f24f" /> <img width="165" alt="image" src="https://github.com/user-attachments/assets/429de6e6-1263-4216-9222-4eaece95da81" /> <img width="165" alt="image" src="https://github.com/user-attachments/assets/59a69867-4da1-4695-b88c-329142a693a8" /> <img width="165" alt="image" src="https://github.com/user-attachments/assets/7114745c-836f-4c5a-b5d6-e200e1343a73" /> * Remove Unused component `AnnouncementPopup.vue` * Updated button for custom attributes in conversation sidebar. <img width="225" alt="image" src="https://github.com/user-attachments/assets/a71f6c31-aca9-4e1b-bf63-6b9d5ed183c8" /> <img width="310" alt="image" src="https://github.com/user-attachments/assets/8d847e1b-4a13-4108-a487-ce3d36257afa" /> * Update button in custom snooze modal buttons <img width="207" alt="image" src="https://github.com/user-attachments/assets/78315ce6-9734-467b-a4d3-e753d3eca384" /> * Update modal component close button <img width="80" alt="image" src="https://github.com/user-attachments/assets/643e9ef0-b781-47ce-a66b-a9ee4760c952" /> * Update AI assistant modal and AICTA modal <img width="319" alt="image" src="https://github.com/user-attachments/assets/8d0986ec-ec7a-4abb-9327-f73df8b4d942" /> <img width="565" alt="image" src="https://github.com/user-attachments/assets/1e02ddd1-7f51-4d8a-bb57-558b9a50c938" /> * Update remove attachment button <img width="301" alt="image" src="https://github.com/user-attachments/assets/90c93eee-0b4d-4839-9db5-edc4b023df4b" /> * Update the conversation header buttons <img width="256" alt="image" src="https://github.com/user-attachments/assets/abac5d7e-dd83-40ae-b548-76bbafaa2231" /> * Update the retry button in old message bubbles. --------- Co-authored-by: Pranav <pranav@chatwoot.com>
78 lines
1.8 KiB
Vue
78 lines
1.8 KiB
Vue
<script>
|
|
import DatePicker from 'vue-datepicker-next';
|
|
import NextButton from 'dashboard/components-next/button/Button.vue';
|
|
|
|
export default {
|
|
components: {
|
|
DatePicker,
|
|
NextButton,
|
|
},
|
|
emits: ['close', 'chooseTime'],
|
|
|
|
data() {
|
|
return {
|
|
snoozeTime: null,
|
|
lang: {
|
|
days: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
|
|
yearFormat: 'YYYY',
|
|
monthFormat: 'MMMM',
|
|
},
|
|
};
|
|
},
|
|
|
|
methods: {
|
|
onClose() {
|
|
this.$emit('close');
|
|
},
|
|
chooseTime() {
|
|
this.$emit('chooseTime', this.snoozeTime);
|
|
},
|
|
disabledDate(date) {
|
|
// Disable all the previous dates
|
|
const yesterday = new Date();
|
|
yesterday.setDate(yesterday.getDate() - 1);
|
|
return date < yesterday;
|
|
},
|
|
disabledTime(date) {
|
|
// Allow only time after 1 hour
|
|
const now = new Date();
|
|
now.setHours(now.getHours() + 1);
|
|
return date < now;
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex flex-col">
|
|
<woot-modal-header :header-title="$t('CONVERSATION.CUSTOM_SNOOZE.TITLE')" />
|
|
<form
|
|
class="modal-content w-full pt-2 px-5 pb-6"
|
|
@submit.prevent="chooseTime"
|
|
>
|
|
<DatePicker
|
|
v-model:value="snoozeTime"
|
|
type="datetime"
|
|
inline
|
|
input-class="mx-input "
|
|
:lang="lang"
|
|
:disabled-date="disabledDate"
|
|
:disabled-time="disabledTime"
|
|
/>
|
|
<div class="flex flex-row justify-end w-full gap-2 px-0 py-2">
|
|
<NextButton
|
|
faded
|
|
slate
|
|
type="reset"
|
|
:label="$t('CONVERSATION.CUSTOM_SNOOZE.CANCEL')"
|
|
@click.prevent="onClose"
|
|
/>
|
|
<NextButton
|
|
type="submit"
|
|
:label="$t('CONVERSATION.CUSTOM_SNOOZE.APPLY')"
|
|
/>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</template>
|