summaryrefslogtreecommitdiff
path: root/packages/client/src/components/MkNotificationSettingWindow.vue
diff options
context:
space:
mode:
Diffstat (limited to 'packages/client/src/components/MkNotificationSettingWindow.vue')
-rw-r--r--packages/client/src/components/MkNotificationSettingWindow.vue87
1 files changed, 0 insertions, 87 deletions
diff --git a/packages/client/src/components/MkNotificationSettingWindow.vue b/packages/client/src/components/MkNotificationSettingWindow.vue
deleted file mode 100644
index 75bea2976c..0000000000
--- a/packages/client/src/components/MkNotificationSettingWindow.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-<template>
-<XModalWindow
- ref="dialog"
- :width="400"
- :height="450"
- :with-ok-button="true"
- :ok-button-disabled="false"
- @ok="ok()"
- @close="dialog.close()"
- @closed="emit('closed')"
->
- <template #header>{{ i18n.ts.notificationSetting }}</template>
- <div class="_monolithic_">
- <div v-if="showGlobalToggle" class="_section">
- <MkSwitch v-model="useGlobalSetting">
- {{ i18n.ts.useGlobalSetting }}
- <template #caption>{{ i18n.ts.useGlobalSettingDesc }}</template>
- </MkSwitch>
- </div>
- <div v-if="!useGlobalSetting" class="_section">
- <MkInfo>{{ i18n.ts.notificationSettingDesc }}</MkInfo>
- <MkButton inline @click="disableAll">{{ i18n.ts.disableAll }}</MkButton>
- <MkButton inline @click="enableAll">{{ i18n.ts.enableAll }}</MkButton>
- <MkSwitch v-for="ntype in notificationTypes" :key="ntype" v-model="typesMap[ntype]">{{ i18n.t(`_notification._types.${ntype}`) }}</MkSwitch>
- </div>
- </div>
-</XModalWindow>
-</template>
-
-<script lang="ts" setup>
-import { } from 'vue';
-import { notificationTypes } from 'misskey-js';
-import MkSwitch from './form/switch.vue';
-import MkInfo from './MkInfo.vue';
-import MkButton from './MkButton.vue';
-import XModalWindow from '@/components/MkModalWindow.vue';
-import { i18n } from '@/i18n';
-
-const emit = defineEmits<{
- (ev: 'done', v: { includingTypes: string[] | null }): void,
- (ev: 'closed'): void,
-}>();
-
-const props = withDefaults(defineProps<{
- includingTypes?: typeof notificationTypes[number][] | null;
- showGlobalToggle?: boolean;
-}>(), {
- includingTypes: () => [],
- showGlobalToggle: true,
-});
-
-let includingTypes = $computed(() => props.includingTypes || []);
-
-const dialog = $ref<InstanceType<typeof XModalWindow>>();
-
-let typesMap = $ref<Record<typeof notificationTypes[number], boolean>>({});
-let useGlobalSetting = $ref((includingTypes === null || includingTypes.length === 0) && props.showGlobalToggle);
-
-for (const ntype of notificationTypes) {
- typesMap[ntype] = includingTypes.includes(ntype);
-}
-
-function ok() {
- if (useGlobalSetting) {
- emit('done', { includingTypes: null });
- } else {
- emit('done', {
- includingTypes: (Object.keys(typesMap) as typeof notificationTypes[number][])
- .filter(type => typesMap[type]),
- });
- }
-
- dialog.close();
-}
-
-function disableAll() {
- for (const type in typesMap) {
- typesMap[type as typeof notificationTypes[number]] = false;
- }
-}
-
-function enableAll() {
- for (const type in typesMap) {
- typesMap[type as typeof notificationTypes[number]] = true;
- }
-}
-</script>