freifunk/ffffng
0
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Re-validate form inputs when model is changed from outside.

Browse source 
* This fixes the issue of the coordinates input still being displayed as
  invalid after pickig coordinates from the map.
This commit is contained in:
baldo 2022-09-01 14:05:54 +02:00
parent 903a1bcf8a
commit 9387df8dd3
1 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/components/form/ValidationFormInput.vue
View file

@ -1,5 +1,5 @@
<script setup lang="ts">
import { computed, getCurrentInstance, onMounted, ref } from "vue";
import { computed, getCurrentInstance, onMounted, ref, watch } from "vue";
import { type Constraint, forConstraint } from "@/shared/validation/validator";
import ExpandableHelpBox from "@/components/ExpandableHelpBox.vue";
@ -39,6 +39,10 @@ const hasResetIcon = computed(
() => !!(props.modelValue && props.resetIconTitle)
);
watch(props, () => {
onValueChange();
});
function registerValidationComponent() {
const instance = getCurrentInstance();
let parent = instance?.parent;
@ -64,6 +68,12 @@ function withInputElement(callback: (element: HTMLInputElement) => void): void {
callback(element);
}
function onValueChange() {
if (validated.value) {
validate();
}
}
function onInput() {
if (validated.value) {
validate();