feat(catalog) : M7 — écran Modification d'un stockage /admin/storages/{id}/edit (ERP-218)

- Route /admin/storages/{id}/edit, gate catalog.storages.manage, détail via useStorage (GET /api/storages/{id})
- Formulaire factorisé create/edit dans useStorageForm : prefill + bouton « Enregistrer » → PATCH /api/storages/{id} (RG-7.08)
- Mêmes champs/validations que l'ajout (RG-7.01→7.06), erreurs 422 inline par champ
- 409 doublon (site, type, numéro, exclut le courant côté back) → inline sous Numéro + toast
- Pas d'onglets (HP-M7-06) ; libellés i18n edit.* + toast.updateSuccess
- Tests Vitest useStorageForm mode édition (prefill + PATCH + 409)
This commit is contained in:
2026-06-30 11:58:02 +02:00
parent aa7cda48b3
commit e3e1f9738c
5 changed files with 298 additions and 8 deletions
@@ -21,6 +21,7 @@ import {
useSiteOptions,
useStorageTypeOptions,
} from '~/modules/catalog/composables/useProductOptions'
import type { Storage } from '~/modules/catalog/types/storage'
/** Etats d'un stockage (miroir de l'enum back Storage::STATE_*, RG-7.04). */
export const STORAGE_STATES = ['RECEPTION', 'PRODUCTION', 'TRIAGE'] as const
@@ -46,6 +47,11 @@ export function useStorageForm() {
const submitting = ref(false)
// Id du stockage edite (null = creation). Pilote l'URL/methode du submit
// (RG-7.08 : « Modification » = meme formulaire/regles que « Ajouter »,
// bouton « Enregistrer » → PATCH).
const storageId = ref<number | null>(null)
/** Met a jour le site (select simple, RG-7.02). */
function setSite(iri: string | null): void {
form.siteIri = iri
@@ -71,10 +77,26 @@ export function useStorageForm() {
}
/**
* Soumet la creation. Retourne true au succes (la page redirige), false sinon.
* 422 → mapping inline par champ (useFormErrors, `{ toast: false }`) ; 409
* doublon du triplet (site, type, numero, RG-7.01) → erreur inline sur `numero`
* (propertyPath exploitable cote back) + toast explicite.
* Pre-remplit le formulaire depuis un stockage charge (mode edition, RG-7.08).
* Les relations sont reprises via leur IRI `@id` (= valeur d'option des selects).
* Le referentiel de types est plat (charge par loadReferentials) : prefill se
* contente de mapper la selection courante (pas de cascade par site).
*/
function prefill(storage: Storage): void {
storageId.value = storage.id
form.siteIri = storage.site?.['@id'] ?? null
form.storageTypeIri = storage.storageType?.['@id'] ?? null
form.numero = storage.numero
form.states = [...storage.states]
}
/**
* Soumet le formulaire. Retourne true au succes (la page redirige), false sinon.
* Creation → `POST /storages` ; edition (storageId non nul, RG-7.08) →
* `PATCH /storages/{id}` (mode merge-patch gere par useApi). 422 → mapping inline
* par champ (useFormErrors, `{ toast: false }`) ; 409 doublon du triplet (site,
* type, numero, RG-7.01 — le back exclut le stockage courant en PATCH) → erreur
* inline sur `numero` (propertyPath exploitable cote back) + toast explicite.
*/
async function submit(): Promise<boolean> {
if (submitting.value) {
@@ -82,6 +104,7 @@ export function useStorageForm() {
}
submitting.value = true
formErrors.clearErrors()
const editing = storageId.value !== null
try {
const payload: Record<string, unknown> = {
// Chaine vide (jamais null) : le setter back setNumero attend un
@@ -104,8 +127,14 @@ export function useStorageForm() {
}
const options = { headers: { Accept: 'application/ld+json' }, toast: false }
await api.post('/storages', payload, options)
toast.success({ title: t('admin.storages.toast.createSuccess') })
if (editing) {
await api.patch(`/storages/${storageId.value}`, payload, options)
toast.success({ title: t('admin.storages.toast.updateSuccess') })
}
else {
await api.post('/storages', payload, options)
toast.success({ title: t('admin.storages.toast.createSuccess') })
}
return true
}
catch (error) {
@@ -128,6 +157,7 @@ export function useStorageForm() {
return {
form,
storageId,
errors: formErrors.errors,
submitting,
siteOptions: sites.options,
@@ -136,6 +166,7 @@ export function useStorageForm() {
setStorageType,
setStates,
loadReferentials,
prefill,
submit,
}
}