diff options
Diffstat (limited to 'packages/client/src/pages/settings/webhook.edit.vue')
| -rw-r--r-- | packages/client/src/pages/settings/webhook.edit.vue | 94 |
1 files changed, 0 insertions, 94 deletions
diff --git a/packages/client/src/pages/settings/webhook.edit.vue b/packages/client/src/pages/settings/webhook.edit.vue deleted file mode 100644 index 35f3cb1dab..0000000000 --- a/packages/client/src/pages/settings/webhook.edit.vue +++ /dev/null @@ -1,94 +0,0 @@ -<template> -<div class="_formRoot"> - <FormInput v-model="name" class="_formBlock"> - <template #label>Name</template> - </FormInput> - - <FormInput v-model="url" type="url" class="_formBlock"> - <template #label>URL</template> - </FormInput> - - <FormInput v-model="secret" class="_formBlock"> - <template #prefix><i class="fas fa-lock"></i></template> - <template #label>Secret</template> - </FormInput> - - <FormSection> - <template #label>Events</template> - - <FormSwitch v-model="event_follow" class="_formBlock">Follow</FormSwitch> - <FormSwitch v-model="event_followed" class="_formBlock">Followed</FormSwitch> - <FormSwitch v-model="event_note" class="_formBlock">Note</FormSwitch> - <FormSwitch v-model="event_reply" class="_formBlock">Reply</FormSwitch> - <FormSwitch v-model="event_renote" class="_formBlock">Renote</FormSwitch> - <FormSwitch v-model="event_reaction" class="_formBlock">Reaction</FormSwitch> - <FormSwitch v-model="event_mention" class="_formBlock">Mention</FormSwitch> - </FormSection> - - <FormSwitch v-model="active" class="_formBlock">Active</FormSwitch> - - <div class="_formBlock" style="display: flex; gap: var(--margin); flex-wrap: wrap;"> - <FormButton primary inline @click="save"><i class="fas fa-check"></i> {{ i18n.ts.save }}</FormButton> - </div> -</div> -</template> - -<script lang="ts" setup> -import { } from 'vue'; -import FormInput from '@/components/form/input.vue'; -import FormSection from '@/components/form/section.vue'; -import FormSwitch from '@/components/form/switch.vue'; -import FormButton from '@/components/MkButton.vue'; -import * as os from '@/os'; -import { i18n } from '@/i18n'; -import { definePageMetadata } from '@/scripts/page-metadata'; - -const props = defineProps<{ - webhookId: string; -}>(); - -const webhook = await os.api('i/webhooks/show', { - webhookId: props.webhookId, -}); - -let name = $ref(webhook.name); -let url = $ref(webhook.url); -let secret = $ref(webhook.secret); -let active = $ref(webhook.active); - -let event_follow = $ref(webhook.on.includes('follow')); -let event_followed = $ref(webhook.on.includes('followed')); -let event_note = $ref(webhook.on.includes('note')); -let event_reply = $ref(webhook.on.includes('reply')); -let event_renote = $ref(webhook.on.includes('renote')); -let event_reaction = $ref(webhook.on.includes('reaction')); -let event_mention = $ref(webhook.on.includes('mention')); - -async function save(): Promise<void> { - const events = []; - if (event_follow) events.push('follow'); - if (event_followed) events.push('followed'); - if (event_note) events.push('note'); - if (event_reply) events.push('reply'); - if (event_renote) events.push('renote'); - if (event_reaction) events.push('reaction'); - if (event_mention) events.push('mention'); - - os.apiWithDialog('i/webhooks/update', { - name, - url, - secret, - on: events, - active, - }); -} - -const headerActions = $computed(() => []); - -const headerTabs = $computed(() => []); - -definePageMetadata({ - title: 'Edit webhook', - icon: 'fas fa-bolt', -}); -</script> |