summaryrefslogtreecommitdiffstats
path: root/src/components/notifications/LunaSea.vue
blob: 4c55b3c214ed17b59c1e79d742a0a2b693c22c94 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
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>