diff --git a/app/src/components/TimeInputComponent.vue b/app/src/components/TimeInputComponent.vue index 9c7f42f..81f1fd0 100644 --- a/app/src/components/TimeInputComponent.vue +++ b/app/src/components/TimeInputComponent.vue @@ -38,11 +38,11 @@ const props = defineProps({ const emit = defineEmits(["update:hour", "update:minute"]); const interval = ref(null); const timeout = ref(null); -// Tymczasowe zmienne na input + const tempHour = ref(props.hour); const tempMinute = ref(props.minute); -// Nasłuchiwanie zmian propsów, aby synchronizować z ref + watch(() => props.hour, (newVal) => { tempHour.value = newVal; console.log("watch") @@ -51,13 +51,13 @@ watch(() => props.minute, (newVal) => { tempMinute.value = newVal; }); -// Funkcje walidacyjne + const validateHour = () => { const hour = Number(tempHour.value); if (!isNaN(hour) && hour >= 6 && hour <= 18) { emit("update:hour", hour); } else { - tempHour.value = props.hour; // Przywróć poprzednią wartość + tempHour.value = props.hour; } @@ -68,7 +68,7 @@ const validateMinute = () => { if (!isNaN(minute) && minute >= 0 && minute <= 59) { emit("update:minute", minute); } else { - tempMinute.value = props.minute; // Przywróć poprzednią wartość + tempMinute.value = props.minute; } }; @@ -76,10 +76,8 @@ const incrementValue = (type) => { if (type == "hour") { let newHour = tempHour.value + 1; if (newHour >= 6 && newHour <= 18) { - // tempHour.value = newHour; emit("update:hour", newHour); } - // validateHour(); } else if (type === "minute") { let newMinute = tempMinute.value + 1; if (newMinute >= 0 && newMinute <= 59) { @@ -129,10 +127,6 @@ const stopInterval = () => {