diff options
author | Daniel Baumann <daniel@debian.org> | 2024-11-26 09:28:28 +0100 |
---|---|---|
committer | Daniel Baumann <daniel@debian.org> | 2024-11-26 12:25:58 +0100 |
commit | a1882b67c41fe9901a0cd8059b5cc78a5beadec0 (patch) | |
tree | 2a24507c67aa99a15416707b2f7e645142230ed8 /src/components/notifications/Ntfy.vue | |
parent | Initial commit. (diff) | |
download | uptime-kuma-upstream.tar.xz uptime-kuma-upstream.zip |
Adding upstream version 2.0.0~beta.0+dfsg.upstream/2.0.0_beta.0+dfsgupstream
Signed-off-by: Daniel Baumann <daniel@debian.org>
Diffstat (limited to 'src/components/notifications/Ntfy.vue')
-rw-r--r-- | src/components/notifications/Ntfy.vue | 82 |
1 files changed, 82 insertions, 0 deletions
diff --git a/src/components/notifications/Ntfy.vue b/src/components/notifications/Ntfy.vue new file mode 100644 index 0000000..ba94451 --- /dev/null +++ b/src/components/notifications/Ntfy.vue @@ -0,0 +1,82 @@ +<template> + <div class="mb-3"> + <label for="ntfy-ntfytopic" class="form-label">{{ $t("ntfy Topic") }}</label> + <input id="ntfy-ntfytopic" v-model="$parent.notification.ntfytopic" type="text" class="form-control" required> + </div> + <div class="mb-3"> + <label for="ntfy-server-url" class="form-label">{{ $t("Server URL") }}</label> + <input id="ntfy-server-url" v-model="$parent.notification.ntfyserverurl" type="text" class="form-control" required> + <div class="form-text"> + {{ $t("Server URL should not contain the nfty topic") }} + </div> + </div> + <div class="mb-3"> + <label for="ntfy-priority" class="form-label">{{ $t("Priority") }}</label> + <input id="ntfy-priority" v-model="$parent.notification.ntfyPriority" type="number" class="form-control" required min="1" max="5" step="1"> + <div class="form-text"> + <p v-if="$parent.notification.ntfyPriority >= 5"> + {{ $t("ntfyPriorityHelptextAllEvents") }} + </p> + <i18n-t v-else tag="p" keypath="ntfyPriorityHelptextAllExceptDown"> + <code>DOWN</code> + <code>{{ $parent.notification.ntfyPriority + 1 }}</code> + </i18n-t> + </div> + </div> + <div class="mb-3"> + <label for="authentication-method" class="form-label">{{ $t("ntfyAuthenticationMethod") }}</label> + <select id="authentication-method" v-model="$parent.notification.ntfyAuthenticationMethod" class="form-select"> + <option v-for="(name, type) in authenticationMethods" :key="type" :value="type">{{ name }}</option> + </select> + </div> + <div v-if="$parent.notification.ntfyAuthenticationMethod === 'usernamePassword'" class="mb-3"> + <label for="ntfy-username" class="form-label">{{ $t("Username") }}</label> + <input id="ntfy-username" v-model="$parent.notification.ntfyusername" type="text" class="form-control"> + </div> + <div v-if="$parent.notification.ntfyAuthenticationMethod === 'usernamePassword'" class="mb-3"> + <label for="ntfy-password" class="form-label">{{ $t("Password") }}</label> + <HiddenInput id="ntfy-password" v-model="$parent.notification.ntfypassword" autocomplete="new-password"></HiddenInput> + </div> + <div v-if="$parent.notification.ntfyAuthenticationMethod === 'accessToken'" class="mb-3"> + <label for="ntfy-access-token" class="form-label">{{ $t("Access Token") }}</label> + <HiddenInput id="ntfy-access-token" v-model="$parent.notification.ntfyaccesstoken"></HiddenInput> + </div> + <div class="mb-3"> + <label for="ntfy-icon" class="form-label">{{ $t("IconUrl") }}</label> + <input id="ntfy-icon" v-model="$parent.notification.ntfyIcon" type="text" class="form-control"> + </div> +</template> + +<script> +import HiddenInput from "../HiddenInput.vue"; + +export default { + components: { + HiddenInput, + }, + computed: { + authenticationMethods() { + return { + none: this.$t("None"), + usernamePassword: this.$t("ntfyUsernameAndPassword"), + accessToken: this.$t("Access Token") + }; + } + }, + mounted() { + if (typeof this.$parent.notification.ntfyPriority === "undefined") { + this.$parent.notification.ntfyserverurl = "https://ntfy.sh"; + this.$parent.notification.ntfyPriority = 5; + } + + // Handling notifications that added before 1.22.0 + if (typeof this.$parent.notification.ntfyAuthenticationMethod === "undefined") { + if (!this.$parent.notification.ntfyusername) { + this.$parent.notification.ntfyAuthenticationMethod = "none"; + } else { + this.$parent.notification.ntfyAuthenticationMethod = "usernamePassword"; + } + } + }, +}; +</script> |