diff options
Diffstat (limited to 'packages/frontend/src/pages/admin/instance-block.vue')
| -rw-r--r-- | packages/frontend/src/pages/admin/instance-block.vue | 25 |
1 files changed, 20 insertions, 5 deletions
diff --git a/packages/frontend/src/pages/admin/instance-block.vue b/packages/frontend/src/pages/admin/instance-block.vue index 9a0f5e026b..259354b3d0 100644 --- a/packages/frontend/src/pages/admin/instance-block.vue +++ b/packages/frontend/src/pages/admin/instance-block.vue @@ -5,14 +5,17 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <MkStickyContainer> - <template #header><XHeader :actions="headerActions" :tabs="headerTabs"/></template> + <template #header><XHeader v-model:tab="tab" :actions="headerActions" :tabs="headerTabs"/></template> <MkSpacer :contentMax="700" :marginMin="16" :marginMax="32"> <FormSuspense :p="init"> - <MkTextarea v-model="blockedHosts"> + <MkTextarea v-if="tab === 'block'" v-model="blockedHosts"> <span>{{ i18n.ts.blockedInstances }}</span> <template #caption>{{ i18n.ts.blockedInstancesDescription }}</template> </MkTextarea> - + <MkTextarea v-else-if="tab === 'silence'" v-model="silencedHosts" class="_formBlock"> + <span>{{ i18n.ts.silencedInstances }}</span> + <template #caption>{{ i18n.ts.silencedInstancesDescription }}</template> + </MkTextarea> <MkButton primary @click="save"><i class="ti ti-device-floppy"></i> {{ i18n.ts.save }}</MkButton> </FormSuspense> </MkSpacer> @@ -20,7 +23,6 @@ SPDX-License-Identifier: AGPL-3.0-only </template> <script lang="ts" setup> -import { } from 'vue'; import XHeader from './_header_.vue'; import MkButton from '@/components/MkButton.vue'; import MkTextarea from '@/components/MkTextarea.vue'; @@ -31,15 +33,20 @@ import { i18n } from '@/i18n.js'; import { definePageMetadata } from '@/scripts/page-metadata.js'; let blockedHosts: string = $ref(''); +let silencedHosts: string = $ref(''); +let tab = $ref('block'); async function init() { const meta = await os.api('admin/meta'); blockedHosts = meta.blockedHosts.join('\n'); + silencedHosts = meta.silencedHosts.join('\n'); } function save() { os.apiWithDialog('admin/update-meta', { blockedHosts: blockedHosts.split('\n') || [], + silencedHosts: silencedHosts.split('\n') || [], + }).then(() => { fetchInstance(); }); @@ -47,7 +54,15 @@ function save() { const headerActions = $computed(() => []); -const headerTabs = $computed(() => []); +const headerTabs = $computed(() => [{ + key: 'block', + title: i18n.ts.block, + icon: 'ti ti-ban', +}, { + key: 'silence', + title: i18n.ts.silence, + icon: 'ti ti-eye-off', +}]); definePageMetadata({ title: i18n.ts.instanceBlocking, |