mirror of
https://github.com/louislam/uptime-kuma.git
synced 2025-03-14 05:14:46 +00:00
71 lines
3.3 KiB
Vue
71 lines
3.3 KiB
Vue
<template>
|
|
<div class="mb-3">
|
|
<label for="discord-webhook-url" class="form-label">{{ $t("Discord Webhook URL") }}</label>
|
|
<input id="discord-webhook-url" v-model="$parent.notification.discordWebhookUrl" type="text" class="form-control" required autocomplete="false">
|
|
<div class="form-text">
|
|
{{ $t("wayToGetDiscordURL") }}
|
|
<i18n-t keypath="wayToGetDiscordURLEnhanced">
|
|
<a
|
|
href="https://discord.com/developers/docs/resources/webhook#create-webhook"
|
|
target="_blank"
|
|
>{{ $t("withADiscordBot") }}</a>
|
|
</i18n-t>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label for="discord-username" class="form-label">{{ $t("Bot Display Name") }}</label>
|
|
<input id="discord-username" v-model="$parent.notification.discordUsername" type="text" class="form-control" autocomplete="false" :placeholder="$root.appName">
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label for="discord-prefix-message" class="form-label">{{ $t("Prefix Custom Message") }}</label>
|
|
<input id="discord-prefix-message" v-model="$parent.notification.discordPrefixMessage" type="text" class="form-control" autocomplete="false" :placeholder="$t('Hello @everyone is...')">
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label for="discord-message-type" class="form-label">{{ $t("Select message type") }}</label>
|
|
<select id="discord-message-type" v-model="$parent.notification.discordChannelType" class="form-select">
|
|
<option value="channel">{{ $t("Send to channel") }}</option>
|
|
<option value="createNewForumPost">{{ $t("Create new forum post") }}</option>
|
|
<option value="postToThread">{{ $t("postToExistingThread") }}</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div v-if="$parent.notification.discordChannelType === 'createNewForumPost'">
|
|
<div class="mb-3">
|
|
<label for="discord-target" class="form-label">
|
|
{{ $t("forumPostName") }}
|
|
</label>
|
|
<input id="discord-target" v-model="$parent.notification.postName" type="text" class="form-control" autocomplete="false">
|
|
<div class="form-text">
|
|
{{ $t("whatHappensAtForumPost", { option: $t("postToExistingThread") }) }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div v-if="$parent.notification.discordChannelType === 'postToThread'">
|
|
<div class="mb-3">
|
|
<label for="discord-target" class="form-label">
|
|
{{ $t("threadForumPostID") }}
|
|
</label>
|
|
<input id="discord-target" v-model="$parent.notification.threadId" type="text" class="form-control" autocomplete="false" :placeholder="$t('e.g. {discordThreadID}', { discordThreadID: 1177566663751782411 })">
|
|
<div class="form-text">
|
|
<i18n-t keypath="wayToGetDiscordThreadId">
|
|
<a
|
|
href="https://support.discord.com/hc/en-us/articles/206346498-Where-can-I-find-my-User-Server-Message-ID-"
|
|
target="_blank"
|
|
>{{ $t("here") }}</a>
|
|
</i18n-t>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
mounted() {
|
|
if (!this.$parent.notification.discordChannelType) {
|
|
this.$parent.notification.discordChannelType = "channel";
|
|
}
|
|
}
|
|
};
|
|
</script>
|