diff options
Diffstat (limited to 'src/components/notifications/LunaSea.vue')
| -rw-r--r-- | src/components/notifications/LunaSea.vue | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/src/components/notifications/LunaSea.vue b/src/components/notifications/LunaSea.vue new file mode 100644 index 0000000..4c55b3c --- /dev/null +++ b/src/components/notifications/LunaSea.vue @@ -0,0 +1,33 @@ +<template> + <div class="mb-3"> + <label for="lunasea-notification-target" class="form-label">{{ $t("lunaseaTarget") }}<span style="color: red;"><sup>*</sup></span></label> + <div class="form-text"> + <p> + <select id="lunasea-notification-target" v-model="$parent.notification.lunaseaTarget" class="form-select" required> + <option value="device">{{ $t("lunaseaDeviceID") }}</option> + <option value="user">{{ $t("lunaseaUserID") }}</option> + </select> + </p> + </div> + <div v-if="$parent.notification.lunaseaTarget === 'device'"> + <label for="lunasea-device" class="form-label">{{ $t("lunaseaDeviceID") }}<span style="color: red;"><sup>*</sup></span></label> + <input id="lunasea-device" v-model="$parent.notification.lunaseaDevice" type="text" class="form-control"> + </div> + <div v-if="$parent.notification.lunaseaTarget === 'user'"> + <label for="lunasea-device" class="form-label">{{ $t("lunaseaUserID") }}<span style="color: red;"><sup>*</sup></span></label> + <input id="lunasea-device" v-model="$parent.notification.lunaseaUserID" type="text" class="form-control"> + </div> + </div> +</template> + +<script lang="ts"> + +export default { + mounted() { + if (typeof this.$parent.notification.lunaseaTarget === "undefined") { + this.$parent.notification.lunaseaTarget = "device"; + } + } +}; + +</script> |