|
|
@ -53,7 +53,11 @@
|
|
|
|
</vue-multiselect>
|
|
|
|
</vue-multiselect>
|
|
|
|
<div v-if="newDraftTag.select?.name == null" class="d-flex mb-2">
|
|
|
|
<div v-if="newDraftTag.select?.name == null" class="d-flex mb-2">
|
|
|
|
<div class="w-50 pe-2">
|
|
|
|
<div class="w-50 pe-2">
|
|
|
|
<input v-model="newDraftTag.name" class="form-control" :class="{'is-invalid': validateDraftTag.nameInvalid}" :placeholder="$t('name')" />
|
|
|
|
<input v-model="newDraftTag.name" class="form-control"
|
|
|
|
|
|
|
|
:class="{'is-invalid': validateDraftTag.nameInvalid}"
|
|
|
|
|
|
|
|
:placeholder="$t('name')"
|
|
|
|
|
|
|
|
@keydown.enter.prevent="onEnter"
|
|
|
|
|
|
|
|
/>
|
|
|
|
<div class="invalid-feedback">
|
|
|
|
<div class="invalid-feedback">
|
|
|
|
{{ $t("Tag with this name already exist.") }}
|
|
|
|
{{ $t("Tag with this name already exist.") }}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -90,7 +94,11 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="mb-2">
|
|
|
|
<div class="mb-2">
|
|
|
|
<input v-model="newDraftTag.value" class="form-control" :class="{'is-invalid': validateDraftTag.valueInvalid}" :placeholder="$t('value (optional)')" />
|
|
|
|
<input v-model="newDraftTag.value" class="form-control"
|
|
|
|
|
|
|
|
:class="{'is-invalid': validateDraftTag.valueInvalid}"
|
|
|
|
|
|
|
|
:placeholder="$t('value (optional)')"
|
|
|
|
|
|
|
|
@keydown.enter.prevent="onEnter"
|
|
|
|
|
|
|
|
/>
|
|
|
|
<div class="invalid-feedback">
|
|
|
|
<div class="invalid-feedback">
|
|
|
|
{{ $t("Tag with this value already exist.") }}
|
|
|
|
{{ $t("Tag with this value already exist.") }}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -308,6 +316,11 @@ export default {
|
|
|
|
this.$root.getSocket().emit("deleteMonitorTag", tagId, monitorId, value, resolve);
|
|
|
|
this.$root.getSocket().emit("deleteMonitorTag", tagId, monitorId, value, resolve);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
onEnter() {
|
|
|
|
|
|
|
|
if (!this.validateDraftTag.invalid) {
|
|
|
|
|
|
|
|
this.addDraftTag();
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
async submit(monitorId) {
|
|
|
|
async submit(monitorId) {
|
|
|
|
console.log(`Submitting tag changes for monitor ${monitorId}...`);
|
|
|
|
console.log(`Submitting tag changes for monitor ${monitorId}...`);
|
|
|
|
this.processing = true;
|
|
|
|
this.processing = true;
|
|
|
|