fix(front) : masque le Valider du premier onglet tant que le formulaire principal n'est pas valide (ERP-193)

Sur les ecrans d'ajout Client / Fournisseur / Prestataire, le Valider du
premier onglet (onglet actif par defaut) etait seulement desactive et
s'affichait a cote de celui du formulaire principal. On le masque desormais
tant que l'entite n'est pas creee (id null).
This commit is contained in:
2026-06-19 15:01:21 +02:00
parent 833d992ebb
commit 0786e4f461
3 changed files with 17 additions and 10 deletions
@@ -149,15 +149,15 @@
:error="informationErrors.errors.profitAmount" :error="informationErrors.errors.profitAmount"
/> />
</div> </div>
<div v-if="!isValidated('information')" class="mt-12 flex justify-center"> <!-- Masque tant que le client n'est pas cree : Information etant
<!-- Desactive tant que le client n'est pas cree (evite un PATCH l'onglet actif par defaut, son Valider ne doit pas apparaitre a
avant le POST si clic trop tot, Information etant l'onglet cote de celui du formulaire principal (ERP-193). Onglet facultatif :
actif par defaut). Onglet facultatif : un enregistrement a un enregistrement a vide reste possible, c'est le back qui valide. -->
vide reste possible, c'est le back qui valide. --> <div v-if="!isValidated('information') && clientId !== null" class="mt-12 flex justify-center">
<MalioButton <MalioButton
variant="primary" variant="primary"
:label="t('commercial.clients.form.submit')" :label="t('commercial.clients.form.submit')"
:disabled="tabSubmitting || clientId === null" :disabled="tabSubmitting"
@click="submitInformation" @click="submitInformation"
/> />
</div> </div>
@@ -118,11 +118,14 @@
:error="informationErrors.errors.volumeForecast" :error="informationErrors.errors.volumeForecast"
/> />
</div> </div>
<div v-if="!isValidated('information')" class="mt-12 flex justify-center"> <!-- Masque tant que le fournisseur n'est pas cree : Information etant
l'onglet actif par defaut, son Valider ne doit pas apparaitre a cote
de celui du formulaire principal (ERP-193). -->
<div v-if="!isValidated('information') && supplierId !== null" class="mt-12 flex justify-center">
<MalioButton <MalioButton
variant="primary" variant="primary"
:label="t('commercial.suppliers.form.submit')" :label="t('commercial.suppliers.form.submit')"
:disabled="tabSubmitting || supplierId === null" :disabled="tabSubmitting"
@click="submitInformation" @click="submitInformation"
/> />
</div> </div>
@@ -78,7 +78,11 @@
@update:model-value="(v) => contacts[index] = v" @update:model-value="(v) => contacts[index] = v"
@remove="askRemoveContact(index)" @remove="askRemoveContact(index)"
/> />
<div v-if="!isValidated('contact')" class="flex justify-center gap-6"> <!-- Masque tant que le prestataire n'est pas cree : Contact etant
l'onglet actif par defaut, ses actions (Ajouter / Valider) ne
doivent pas apparaitre a cote du Valider du formulaire principal
(ERP-193). -->
<div v-if="!isValidated('contact') && providerId !== null" class="flex justify-center gap-6">
<MalioButton <MalioButton
variant="secondary" variant="secondary"
icon-name="mdi:add-bold" icon-name="mdi:add-bold"
@@ -90,7 +94,7 @@
<MalioButton <MalioButton
variant="primary" variant="primary"
:label="t('technique.providers.form.submit')" :label="t('technique.providers.form.submit')"
:disabled="tabSubmitting || providerId === null" :disabled="tabSubmitting"
@click="onSubmitContacts" @click="onSubmitContacts"
/> />
</div> </div>