From 9ed627848e1b814b002aaf3879f297895a95e2f8 Mon Sep 17 00:00:00 2001
From: Guilbert Pierre <pierre.guilbert@epfl.ch>
Date: Mon, 25 Mar 2024 19:59:41 +0100
Subject: [PATCH] fix(frontend): add a rule for numbers on shelter page #334

closes #334
---
 .../Step1ProjectInformation.vue                      | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/shelter_sustainability/ShelterSustainabilityItem/Step1ProjectInformation.vue b/frontend/src/views/shelter_sustainability/ShelterSustainabilityItem/Step1ProjectInformation.vue
index 87493535..e427896b 100644
--- a/frontend/src/views/shelter_sustainability/ShelterSustainabilityItem/Step1ProjectInformation.vue
+++ b/frontend/src/views/shelter_sustainability/ShelterSustainabilityItem/Step1ProjectInformation.vue
@@ -45,7 +45,11 @@
       <v-col>
         <v-sheet v-if="localShelter" elevation="2" rounded>
           <v-container fluid>
-            <v-form v-model="localShelter.completed_info">
+            <v-form
+              ref="form"
+              v-model="localShelter.completed_info"
+              :lazy-validation="false"
+            >
               <v-row>
                 <v-col class="about-first-column" cols="6">
                   <v-text-field
@@ -149,6 +153,7 @@
                     required
                     :rules="numberRules"
                     label="Number of people for setup"
+                    type="string"
                     @change="updateFormInput"
                   />
                   <v-text-field
@@ -156,6 +161,7 @@
                     name="setup_time"
                     required
                     :rules="numberRules"
+                    type="string"
                     label="Time for setup (days)"
                     @change="updateFormInput"
                   />
@@ -417,6 +423,7 @@ export default class Step1 extends Vue {
   readonly attribution = attributionMap;
 
   public updateFormInput(): void {
+    this.$refs.form?.validate();
     const newShelter = cloneDeep(this.localShelter);
     this.$emit("update:shelter", newShelter);
     this.$emit("input", newShelter); // for v-model
@@ -509,6 +516,9 @@ export default class Step1 extends Vue {
     (v: string | number): boolean | string => {
       return (v !== undefined && v !== "") || `is required`;
     },
+    (v: string | number): boolean | string => {
+      return Number.isInteger(v) || `should be an integer`;
+    },
   ];
 
   shelterTypeRules = this.textRules;