feat(informations-vacanciers): change way to sum nb person

SocialGouv · Sep 18, 2024 · f958a65 · f958a65
1 parent 7f6d107
commit f958a65
Showing 1 changed file with 27 additions and 15 deletions.
diff --git a/packages/frontend-usagers/src/components/DS/informations-vacanciers.vue b/packages/frontend-usagers/src/components/DS/informations-vacanciers.vue
@@ -7,19 +7,6 @@
       >
     </div>
     <div class>
-      <div class="fr-fieldset__element">
-        <DsfrInputGroup
-          name="effectifPrevisionnel"
-          :label="`${DeclarationSejour.isPost8Jour(declarationStatut) ? 'Effectif des vacanciers' : 'Effectif prévisionnel des vacanciers'}`"
-          :label-visible="true"
-          :model-value="effectifPrevisionnel"
-          :readonly="!props.modifiable"
-          :is-valid="effectifPrevisionnelMeta.valid"
-          :error-message="effectifPrevisionnelErrorMessage"
-          placeholder="5"
-          @update:model-value="onEffectifPrevisionnelChange"
-        />
-      </div>
       <div class="fr-fieldset__element">
         <DsfrInputGroup
           name="effectifPrevisionnelHomme"
@@ -46,6 +33,23 @@
           @update:model-value="onEffectifPrevisionnelFemmeChange"
         />
       </div>
+      <div class="fr-fieldset__element">
+        <DsfrInputGroup
+          name="effectifPrevisionnel"
+          :label="`${DeclarationSejour.isPost8Jour(declarationStatut) ? 'Effectif des vacanciers' : 'Effectif prévisionnel des vacanciers'}`"
+          :label-visible="true"
+          :model-value="
+            effectifPrevisionnel ??
+            (parseInt(effectifPrevisionnelFemme, 10) || 0) +
+              (parseInt(effectifPrevisionnelHomme, 10) || 0)
+          "
+          :readonly="!props.modifiable"
+          :is-valid="effectifPrevisionnelMeta.valid"
+          :error-message="effectifPrevisionnelErrorMessage"
+          placeholder="5"
+          disabled
+        />
+      </div>
       <div class="fr-fieldset__element">
         <DsfrCheckboxSet
           v-model="trancheAge"
@@ -137,7 +141,6 @@ const { meta, values } = useForm({
 const {
   value: effectifPrevisionnel,
   errorMessage: effectifPrevisionnelErrorMessage,
-  handleChange: onEffectifPrevisionnelChange,
   meta: effectifPrevisionnelMeta,
 } = useField("effectifPrevisionnel");
 const {
@@ -169,7 +172,16 @@ function next() {
   }
   emit(
     "update",
-    { ...values, meta: meta.value.valid },
+    {
+      ...values,
+      meta: meta.value.valid,
+      effectifPrevisionnel:
+        effectifPrevisionnel.value ??
+        String(
+          (parseInt(effectifPrevisionnelHomme.value, 10) || 0) +
+            (parseInt(effectifPrevisionnelFemme.value, 10) || 0),
+        ),
+    },
     "informationsVacanciers",
   );
 }