33 lines
1.5 KiB
Vue
33 lines
1.5 KiB
Vue
<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>
|