opendesk

1<template>
2  <Notification
3    v-model:content="content"
4    :defaultContent="defaultContent"
5    v-model:enabled="enabled"
6    documentationLink="https://github.com/ikhsanddy/opendesk"
7    ref="compRef"
8    name="reply_to_agents"
9    :title="props.notification.label"
10    :description="props.notification.description"
11    :submitting="updateSettings.loading"
12    :onBack="props.onBack"
13    :onSubmit="onSubmit"
14    :onGetDataSuccess="onGetDataSuccess"
15  />
16</template>
17
18<script setup lang="ts">
19import { ref } from "vue";
20import Notification from "./Notification.vue";
21import { createResource, toast } from "frappe-ui";
22import type { BaseSettings, Notification as NotificationType } from "./types";
23import { __ } from "@/translation";
24
25const props = defineProps<{
26  onBack: () => void;
27  notification: NotificationType;
28}>();
29
30const content = ref("");
31const defaultContent = ref("");
32const enabled = ref(false);
33const compRef = ref<InstanceType<typeof Notification>>();
34
35const updateSettings = createResource({
36  url: "opendesk.api.settings.email_notifications.update_reply_to_agents",
37  method: "PUT",
38  auto: false,
39  onSuccess(data: BaseSettings) {
40    enabled.value = data.enabled;
41    content.value = data.content;
42    compRef.value.resetUnsavedChanges();
43  },
44});
45
46function onSubmit() {
47  toast.success(__("Settings updated successfully."));
48
49  return updateSettings.submit({
50    enabled: enabled.value,
51    content: content.value,
52  });
53}
54
55function onGetDataSuccess(data: BaseSettings & { default_content: string }) {
56  enabled.value = data.enabled;
57  content.value = data.content;
58  defaultContent.value = data.default_content;
59}
60</script>
61