d6790dd37d
Auto Tag Develop / tag (push) Successful in 7s
ERP-94 (etape front 7/7 du M2). **Stack sur #97** (base = `feature/ERP-97-suppliers-i18n-sidebar`, elle-meme sur #93) pour un diff isole. A recibler sur `develop` une fois #93 (MR #81) et #97 (MR #82) mergees. Page « Ajouter un fournisseur » — **replique a l'identique le fonctionnement de l'ecran Client** (workflow inline par onglets, blocs reutilisables, validation 422 inline ERP-101), avec les specificites M2. ## Architecture (miroir Client) - Workflow par onglets **inline dans `suppliers/new.vue`** (comme `clients/new.vue` — il n'existe pas de `useClientForm` monolithique). Helpers paralleles : `useSupplierReferentials`, `useSupplierFormErrors`, `supplierFormRules`, `supplierEdit` (payloads), `types/supplierForm`. - Blocs `SupplierContactBlock` / `SupplierAddressBlock` (miroir des blocs Client). - POST `/suppliers` puis PATCH partiels par onglet (mode strict, groupes de serialisation). Sous-ressources : `/suppliers/{id}/contacts|addresses|ribs`. - Validation ERP-101 : 422 `violations[].propertyPath` mappees inline par champ (`useFormErrors` / `mapViolationsToRecord`), `{ toast: false }`, bouton Valider toujours actif. ## Specificites M2 (vs M1) - Formulaire principal **sans contact inline** (ERP-106) : Entreprise + Categorie (type FOURNISSEUR, `?typeCode=FOURNISSEUR`). - Adresse : **radio exclusif** Prospect/Depart/Rendu (`addressType` enum, RG-2.09), champs **Bennes** (stepper) + **Prestation de triage**, **pas d'email de facturation**. - Information : champ **Volume previsionnel** (8e champ). - Compta (Admin+Compta) : banque si VIREMENT (RG-2.07), RIB si LCR (RG-2.08) ; RIB sous-ressource gardee par `accounting.manage`. ## Tests (mirroir strategie Client) - `make nuxt-test` : 338 passed (specs ajoutees : supplierFormRules, supplierEdit, useSupplierReferentials, SupplierContactBlock, SupplierAddressBlock). - ESLint propre ; `nuxi typecheck` (lance en container) : **0 erreur**. - Golden path navigateur valide end-to-end : POST /suppliers OK, companyName normalise UPPERCASE (RG-2.12), gating des onglets (Information actif, Contacts deverrouille). ## Note de revue ~30 `WARN Duplicated imports` au typecheck : les helpers Supplier exportent les memes noms generiques que leurs equivalents Client (`buildMainPayload`, `omitEmptyRequired`, `RefOption`...), tous deux auto-importes par Nuxt. **Sans impact runtime** : tous les consommateurs utilisent des imports explicites (qui priment). Consequence directe du miroir 1:1 ; une factorisation des generiques dans `shared/` pourrait etre un suivi. Reviewed-on: #83 Co-authored-by: tristan <tristan@yuno.malio.fr> Co-committed-by: tristan <tristan@yuno.malio.fr>
119 lines
4.4 KiB
TypeScript
119 lines
4.4 KiB
TypeScript
import { ref } from 'vue'
|
|
|
|
/**
|
|
* Charge les referentiels (listes courtes) alimentant les selects de l'ecran
|
|
* « Ajouter un fournisseur » : categories (type FOURNISSEUR), sites, modes de TVA,
|
|
* delais et types de reglement, banques. Miroir de `useClientReferentials` (M1).
|
|
*
|
|
* Toutes les collections sont recuperees en entier via l'echappatoire prevue
|
|
* `?pagination=false` (referentiels de quelques dizaines d'entrees max), avec
|
|
* l'en-tete `Accept: application/ld+json` impose par API Platform 4 pour obtenir
|
|
* l'enveloppe Hydra (`member`). Les valeurs d'option sont les IRI Hydra (`@id`)
|
|
* renvoyees telles quelles dans les payloads POST/PATCH (relations M:1 / M:N).
|
|
*
|
|
* Difference M2 : pas de distributeurs/courtiers (absents du modele fournisseur).
|
|
*
|
|
* Etat 100 % local a l'instance (refs) — aucune persistance URL.
|
|
*/
|
|
|
|
/** Option generique au format attendu par MalioSelect / MalioSelectCheckbox. */
|
|
export interface RefOption {
|
|
value: string
|
|
label: string
|
|
}
|
|
|
|
/** Option de type de reglement enrichie de son code stable (RG-2.07 / RG-2.08). */
|
|
export interface PaymentTypeOption extends RefOption {
|
|
code: string
|
|
}
|
|
|
|
/** Option de categorie enrichie de son code stable. */
|
|
export interface CategoryOption extends RefOption {
|
|
code: string
|
|
}
|
|
|
|
interface HydraMember {
|
|
'@id': string
|
|
}
|
|
|
|
interface CategoryMember extends HydraMember {
|
|
code: string
|
|
name: string
|
|
}
|
|
|
|
interface SiteMember extends HydraMember {
|
|
name: string
|
|
postalCode: string
|
|
}
|
|
|
|
interface ReferentialMember extends HydraMember {
|
|
code: string
|
|
label: string
|
|
}
|
|
|
|
const LD_JSON_HEADERS = { Accept: 'application/ld+json' }
|
|
|
|
export function useSupplierReferentials() {
|
|
const api = useApi()
|
|
|
|
const categories = ref<CategoryOption[]>([])
|
|
const sites = ref<RefOption[]>([])
|
|
const tvaModes = ref<RefOption[]>([])
|
|
const paymentDelays = ref<RefOption[]>([])
|
|
const paymentTypes = ref<PaymentTypeOption[]>([])
|
|
const banks = ref<RefOption[]>([])
|
|
|
|
/** Recupere une collection complete (pagination desactivee) en Hydra. */
|
|
async function fetchAll<T extends HydraMember>(
|
|
url: string,
|
|
query: Record<string, string | string[]> = {},
|
|
): Promise<T[]> {
|
|
const res = await api.get<{ member?: T[] }>(
|
|
url,
|
|
{ pagination: 'false', ...query },
|
|
{ headers: LD_JSON_HEADERS, toast: false },
|
|
)
|
|
return res.member ?? []
|
|
}
|
|
|
|
/**
|
|
* Charge en parallele les referentiels communs.
|
|
*
|
|
* Chargement RESILIENT (Promise.allSettled) : chaque referentiel est isole.
|
|
* Necessaire pour les roles metier qui n'ont pas toutes les permissions de
|
|
* lecture (ex. Compta a `commercial.suppliers.view` mais pas forcement
|
|
* `catalog.categories.view` ni `sites.view`). Un referentiel en echec reste
|
|
* simplement vide.
|
|
*/
|
|
async function loadCommon(): Promise<void> {
|
|
await Promise.allSettled([
|
|
// Taxonomie multi-types (ERP-84) : un fournisseur ne porte que des
|
|
// categories de type FOURNISSEUR (RG-2.10) -> on filtre cote API.
|
|
fetchAll<CategoryMember>('/categories', { typeCode: 'FOURNISSEUR' })
|
|
.then((cats) => { categories.value = cats.map(c => ({ value: c['@id'], label: c.name, code: c.code })) }),
|
|
fetchAll<SiteMember>('/sites')
|
|
// Libelle = numero de departement (2 premiers chiffres du code
|
|
// postal du site), ex: 86100 -> « 86 ».
|
|
.then((sitesList) => { sites.value = sitesList.map(s => ({ value: s['@id'], label: (s.postalCode ?? '').slice(0, 2) })) }),
|
|
fetchAll<ReferentialMember>('/tva_modes')
|
|
.then((tva) => { tvaModes.value = tva.map(t => ({ value: t['@id'], label: t.label })) }),
|
|
fetchAll<ReferentialMember>('/payment_delays')
|
|
.then((delays) => { paymentDelays.value = delays.map(d => ({ value: d['@id'], label: d.label })) }),
|
|
fetchAll<ReferentialMember>('/payment_types')
|
|
.then((types) => { paymentTypes.value = types.map(t => ({ value: t['@id'], label: t.label, code: t.code })) }),
|
|
fetchAll<ReferentialMember>('/banks')
|
|
.then((banksList) => { banks.value = banksList.map(b => ({ value: b['@id'], label: b.label })) }),
|
|
])
|
|
}
|
|
|
|
return {
|
|
categories,
|
|
sites,
|
|
tvaModes,
|
|
paymentDelays,
|
|
paymentTypes,
|
|
banks,
|
|
loadCommon,
|
|
}
|
|
}
|