Compare commits
5 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 11d9d15dd8 | |||
| c18566124a | |||
| 4202977950 | |||
| f1b18cfbbe | |||
| 5734aaef54 |
+1
-1
@@ -1,2 +1,2 @@
|
|||||||
parameters:
|
parameters:
|
||||||
app.version: '0.1.131'
|
app.version: '0.1.132'
|
||||||
|
|||||||
@@ -525,7 +525,29 @@
|
|||||||
},
|
},
|
||||||
"toast": {
|
"toast": {
|
||||||
"error": "Une erreur est survenue. Réessayez.",
|
"error": "Une erreur est survenue. Réessayez.",
|
||||||
"exportError": "L'export du répertoire transporteurs a échoué. Réessayez."
|
"exportError": "L'export du répertoire transporteurs a échoué. Réessayez.",
|
||||||
|
"createSuccess": "Transporteur créé avec succès"
|
||||||
|
},
|
||||||
|
"tab": {
|
||||||
|
"qualimat": "Qualimat",
|
||||||
|
"addresses": "Adresses",
|
||||||
|
"contacts": "Contacts",
|
||||||
|
"prices": "Prix"
|
||||||
|
},
|
||||||
|
"form": {
|
||||||
|
"title": "Ajouter un transporteur",
|
||||||
|
"back": "Retour au répertoire",
|
||||||
|
"submit": "Valider",
|
||||||
|
"comingSoon": "À venir",
|
||||||
|
"duplicateName": "Un transporteur actif portant ce nom existe déjà.",
|
||||||
|
"main": {
|
||||||
|
"name": "Nom",
|
||||||
|
"certificationType": "Certification transport",
|
||||||
|
"isChartered": "Affréter"
|
||||||
|
},
|
||||||
|
"errors": {
|
||||||
|
"nameRequired": "Le nom du transporteur est obligatoire."
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -0,0 +1,191 @@
|
|||||||
|
import { beforeEach, describe, expect, it, vi } from 'vitest'
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Tests du workflow « Ajouter un transporteur » (M4 Transport, ERP-165).
|
||||||
|
*
|
||||||
|
* `useCarrierForm` porte le formulaire principal (Nom + Certification + Affréter)
|
||||||
|
* et l'orchestration des onglets de création. On vérifie ici le CONTRAT propre à
|
||||||
|
* la création :
|
||||||
|
* - pré-check front : nom requis → POST bloqué, erreur inline, aucun appel réseau ;
|
||||||
|
* - POST /carriers (groupe carrier:write:main) : payload + Accept ld+json +
|
||||||
|
* toast:false ; au succès, verrouillage + bascule sur l'onglet Qualimat +
|
||||||
|
* réaffichage du nom normalisé ;
|
||||||
|
* - 409 doublon (RG-4.12) → erreur inline dédiée sur `name` ;
|
||||||
|
* - 422 → mapping inline par champ (propertyPath) ;
|
||||||
|
* - onglets : 4 onglets (Qualimat/Adresses/Contacts/Prix), completeTab
|
||||||
|
* déverrouille/avance et signale le dernier onglet ;
|
||||||
|
* - patchCarrier : PATCH partiel, no-op avant création.
|
||||||
|
*/
|
||||||
|
|
||||||
|
const mockPost = vi.hoisted(() => vi.fn())
|
||||||
|
const mockPatch = vi.hoisted(() => vi.fn())
|
||||||
|
|
||||||
|
vi.stubGlobal('useApi', () => ({
|
||||||
|
get: vi.fn(),
|
||||||
|
post: mockPost,
|
||||||
|
put: vi.fn(),
|
||||||
|
patch: mockPatch,
|
||||||
|
delete: vi.fn(),
|
||||||
|
}))
|
||||||
|
vi.stubGlobal('useI18n', () => ({ t: (key: string) => key }))
|
||||||
|
vi.stubGlobal('useToast', () => ({
|
||||||
|
success: vi.fn(),
|
||||||
|
error: vi.fn(),
|
||||||
|
warning: vi.fn(),
|
||||||
|
info: vi.fn(),
|
||||||
|
}))
|
||||||
|
|
||||||
|
const { useCarrierForm, CARRIER_TAB_KEYS } = await import('../useCarrierForm')
|
||||||
|
|
||||||
|
describe('useCarrierForm', () => {
|
||||||
|
beforeEach(() => {
|
||||||
|
mockPost.mockReset()
|
||||||
|
mockPatch.mockReset()
|
||||||
|
})
|
||||||
|
|
||||||
|
it('front : nom vide → erreur inline sur name, pas de POST', async () => {
|
||||||
|
const form = useCarrierForm()
|
||||||
|
|
||||||
|
const created = await form.submitMain()
|
||||||
|
|
||||||
|
expect(created).toBe(false)
|
||||||
|
expect(mockPost).not.toHaveBeenCalled()
|
||||||
|
expect(form.mainErrors.errors.name).toBe('transport.carriers.form.errors.nameRequired')
|
||||||
|
expect(form.mainLocked.value).toBe(false)
|
||||||
|
})
|
||||||
|
|
||||||
|
it('front : nom en espaces uniquement → erreur inline, pas de POST', async () => {
|
||||||
|
const form = useCarrierForm()
|
||||||
|
form.main.name = ' '
|
||||||
|
|
||||||
|
const created = await form.submitMain()
|
||||||
|
|
||||||
|
expect(created).toBe(false)
|
||||||
|
expect(mockPost).not.toHaveBeenCalled()
|
||||||
|
expect(form.mainErrors.errors.name).toBe('transport.carriers.form.errors.nameRequired')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('POST /carriers avec Accept ld+json, verrouille et bascule sur Qualimat', async () => {
|
||||||
|
mockPost.mockResolvedValueOnce({ id: 42, name: 'TRANSPORTS ACME', certificationType: 'GMP_PLUS' })
|
||||||
|
const form = useCarrierForm()
|
||||||
|
form.main.name = 'Transports Acme'
|
||||||
|
form.main.certificationType = 'GMP_PLUS'
|
||||||
|
form.main.isChartered = true
|
||||||
|
|
||||||
|
const created = await form.submitMain()
|
||||||
|
|
||||||
|
expect(created).toBe(true)
|
||||||
|
expect(mockPost).toHaveBeenCalledTimes(1)
|
||||||
|
const [url, body, opts] = mockPost.mock.calls[0] ?? []
|
||||||
|
expect(url).toBe('/carriers')
|
||||||
|
expect(body).toEqual({
|
||||||
|
name: 'Transports Acme',
|
||||||
|
certificationType: 'GMP_PLUS',
|
||||||
|
isChartered: true,
|
||||||
|
})
|
||||||
|
expect(opts).toMatchObject({ toast: false, headers: { Accept: 'application/ld+json' } })
|
||||||
|
|
||||||
|
expect(form.carrierId.value).toBe(42)
|
||||||
|
// RG-4.13 : réaffiche le nom normalisé (UPPERCASE) renvoyé par le serveur.
|
||||||
|
expect(form.main.name).toBe('TRANSPORTS ACME')
|
||||||
|
expect(form.mainLocked.value).toBe(true)
|
||||||
|
expect(form.activeTab.value).toBe('qualimat')
|
||||||
|
expect(form.unlockedIndex.value).toBe(0)
|
||||||
|
})
|
||||||
|
|
||||||
|
it('payload : omet name et certificationType vides, garde isChartered', async () => {
|
||||||
|
mockPost.mockRejectedValueOnce({ response: { status: 422, _data: { violations: [] } } })
|
||||||
|
const form = useCarrierForm()
|
||||||
|
form.main.name = 'X' // nom présent pour passer le pré-check front
|
||||||
|
// certificationType laissé null → omis pour que la 422 « obligatoire » porte.
|
||||||
|
|
||||||
|
await form.submitMain()
|
||||||
|
|
||||||
|
const body = mockPost.mock.calls[0]?.[1] as Record<string, unknown>
|
||||||
|
expect(body).toEqual({ name: 'X', isChartered: false })
|
||||||
|
expect('certificationType' in body).toBe(false)
|
||||||
|
})
|
||||||
|
|
||||||
|
it('409 doublon (RG-4.12) : erreur inline dédiée sur name, pas de verrouillage', async () => {
|
||||||
|
mockPost.mockRejectedValueOnce({ response: { status: 409 } })
|
||||||
|
const form = useCarrierForm()
|
||||||
|
form.main.name = 'Doublon'
|
||||||
|
form.main.certificationType = 'AUTRE'
|
||||||
|
|
||||||
|
const created = await form.submitMain()
|
||||||
|
|
||||||
|
expect(created).toBe(false)
|
||||||
|
expect(form.mainErrors.errors.name).toBe('transport.carriers.form.duplicateName')
|
||||||
|
expect(form.mainLocked.value).toBe(false)
|
||||||
|
})
|
||||||
|
|
||||||
|
it('422 : mappe les violations serveur inline par champ', async () => {
|
||||||
|
mockPost.mockRejectedValueOnce({
|
||||||
|
response: {
|
||||||
|
status: 422,
|
||||||
|
_data: { violations: [{ propertyPath: 'certificationType', message: 'Le type de certification est obligatoire.' }] },
|
||||||
|
},
|
||||||
|
})
|
||||||
|
const form = useCarrierForm()
|
||||||
|
form.main.name = 'Sans Certif'
|
||||||
|
|
||||||
|
const created = await form.submitMain()
|
||||||
|
|
||||||
|
expect(created).toBe(false)
|
||||||
|
expect(form.mainErrors.errors.certificationType).toBe('Le type de certification est obligatoire.')
|
||||||
|
expect(form.mainLocked.value).toBe(false)
|
||||||
|
})
|
||||||
|
|
||||||
|
it('onglets : 4 clés Qualimat/Adresses/Contacts/Prix', () => {
|
||||||
|
expect(CARRIER_TAB_KEYS).toEqual(['qualimat', 'addresses', 'contacts', 'prices'])
|
||||||
|
const form = useCarrierForm()
|
||||||
|
expect(form.tabKeys.value).toEqual(['qualimat', 'addresses', 'contacts', 'prices'])
|
||||||
|
// Tous verrouillés tant que le formulaire principal n'est pas validé.
|
||||||
|
expect(form.unlockedIndex.value).toBe(-1)
|
||||||
|
})
|
||||||
|
|
||||||
|
it('completeTab : déverrouille/avance, et signale le dernier onglet du flux', () => {
|
||||||
|
const form = useCarrierForm()
|
||||||
|
|
||||||
|
// Qualimat → Adresses (pas le dernier).
|
||||||
|
expect(form.completeTab('qualimat')).toBe(false)
|
||||||
|
expect(form.isValidated('qualimat')).toBe(true)
|
||||||
|
expect(form.activeTab.value).toBe('addresses')
|
||||||
|
expect(form.unlockedIndex.value).toBe(1)
|
||||||
|
|
||||||
|
expect(form.completeTab('addresses')).toBe(false)
|
||||||
|
expect(form.activeTab.value).toBe('contacts')
|
||||||
|
|
||||||
|
expect(form.completeTab('contacts')).toBe(false)
|
||||||
|
expect(form.activeTab.value).toBe('prices')
|
||||||
|
|
||||||
|
// Prix = dernier onglet → true (création terminée).
|
||||||
|
expect(form.completeTab('prices')).toBe(true)
|
||||||
|
expect(form.isValidated('prices')).toBe(true)
|
||||||
|
})
|
||||||
|
|
||||||
|
it('editMode : completeTab ne verrouille pas et ne bascule pas d\'onglet', () => {
|
||||||
|
const form = useCarrierForm()
|
||||||
|
form.editMode.value = true
|
||||||
|
form.activeTab.value = 'qualimat'
|
||||||
|
|
||||||
|
expect(form.completeTab('qualimat')).toBe(false)
|
||||||
|
expect(form.isValidated('qualimat')).toBe(false)
|
||||||
|
expect(form.activeTab.value).toBe('qualimat')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('patchCarrier : PATCH /carriers/{id} en mode strict, no-op avant création', async () => {
|
||||||
|
const form = useCarrierForm()
|
||||||
|
|
||||||
|
await form.patchCarrier({ liotPlates: 'AA-123-BB' })
|
||||||
|
expect(mockPatch).not.toHaveBeenCalled()
|
||||||
|
|
||||||
|
mockPost.mockResolvedValueOnce({ id: 9, name: 'ACME', certificationType: 'OVOCOM' })
|
||||||
|
form.main.name = 'Acme'
|
||||||
|
form.main.certificationType = 'OVOCOM'
|
||||||
|
await form.submitMain()
|
||||||
|
|
||||||
|
await form.patchCarrier({ liotPlates: 'AA-123-BB' })
|
||||||
|
expect(mockPatch).toHaveBeenCalledWith('/carriers/9', { liotPlates: 'AA-123-BB' }, { toast: false })
|
||||||
|
})
|
||||||
|
})
|
||||||
@@ -0,0 +1,207 @@
|
|||||||
|
import { reactive, ref } from 'vue'
|
||||||
|
import { useFormErrors } from '~/shared/composables/useFormErrors'
|
||||||
|
import {
|
||||||
|
emptyCarrierMain,
|
||||||
|
type CarrierMainDraft,
|
||||||
|
type CarrierMainResponse,
|
||||||
|
} from '~/modules/transport/types/carrierForm'
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Workflow de l'écran « Ajouter un transporteur » (M4 Transport, ERP-165) —
|
||||||
|
* miroir conceptuel de `useSupplierForm` (M2) / `useProviderForm` (M3).
|
||||||
|
*
|
||||||
|
* Périmètre ERP-165 : le formulaire PRINCIPAL (pré-onglets) et l'orchestration de
|
||||||
|
* la barre d'onglets. La création est INCRÉMENTALE (spec-front § Écran Ajouter) :
|
||||||
|
* - on POST d'abord le formulaire principal (`POST /api/carriers`) ;
|
||||||
|
* - au succès le bloc principal passe en lecture seule, le 1er onglet (Qualimat)
|
||||||
|
* se déverrouille et devient actif ;
|
||||||
|
* - chaque onglet validé déverrouille le suivant (PATCH partiels par groupe de
|
||||||
|
* sérialisation) et passe en lecture seule.
|
||||||
|
*
|
||||||
|
* Les champs conditionnels du formulaire principal (indexation / benne / volume
|
||||||
|
* si affrété, décharge si AUTRE, cas LIOT) et la saisie assistée QUALIMAT arrivent
|
||||||
|
* à ERP-166 ; le contenu des onglets Adresses / Contacts / Prix aux tickets
|
||||||
|
* suivants. Ce composable pose le POST principal, le PATCH partiel et le gating
|
||||||
|
* des onglets.
|
||||||
|
*
|
||||||
|
* État 100 % local à l'instance (refs / reactive) — aucune persistance URL.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Clés des onglets du flux de création, dans l'ordre de la barre (spec-front
|
||||||
|
* § Écran Ajouter). Toujours les 4 (pas de gating par permission au M4, ≠ l'onglet
|
||||||
|
* Comptabilité du M3).
|
||||||
|
*/
|
||||||
|
export const CARRIER_TAB_KEYS = ['qualimat', 'addresses', 'contacts', 'prices'] as const
|
||||||
|
|
||||||
|
export function useCarrierForm() {
|
||||||
|
const api = useApi()
|
||||||
|
const { t } = useI18n()
|
||||||
|
const toast = useToast()
|
||||||
|
|
||||||
|
// Erreurs de validation par champ (ERP-101) du formulaire principal.
|
||||||
|
const mainErrors = useFormErrors()
|
||||||
|
|
||||||
|
// ── État du transporteur créé ─────────────────────────────────────────────
|
||||||
|
const carrierId = ref<number | null>(null)
|
||||||
|
const mainLocked = ref(false)
|
||||||
|
const mainSubmitting = ref(false)
|
||||||
|
|
||||||
|
// ── Formulaire principal ──────────────────────────────────────────────────
|
||||||
|
const main = reactive<CarrierMainDraft>(emptyCarrierMain())
|
||||||
|
|
||||||
|
// ── Onglets : ordre + gating progressif ───────────────────────────────────
|
||||||
|
const tabKeys = ref<string[]>([...CARRIER_TAB_KEYS])
|
||||||
|
// Index du dernier onglet déverrouillé (-1 tant que le transporteur n'est pas créé).
|
||||||
|
const unlockedIndex = ref(-1)
|
||||||
|
const activeTab = ref<string>(CARRIER_TAB_KEYS[0])
|
||||||
|
// Onglets validés (passent en lecture seule).
|
||||||
|
const validated = reactive<Record<string, boolean>>({})
|
||||||
|
// Mode MODIFICATION (ticket ultérieur) : navigation libre, pas de verrouillage
|
||||||
|
// ni de bascule automatique d'onglet à la validation (cf. completeTab).
|
||||||
|
const editMode = ref(false)
|
||||||
|
|
||||||
|
function isValidated(key: string): boolean {
|
||||||
|
return validated[key] === true
|
||||||
|
}
|
||||||
|
|
||||||
|
function tabIndex(key: string): number {
|
||||||
|
return tabKeys.value.indexOf(key)
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Validation FRONT du formulaire principal : seul le nom est requis côté front
|
||||||
|
* (RG-4.01). Le back reste la couche autoritaire (ERP-101) — la certification
|
||||||
|
* obligatoire (sauf LIOT) et les RG conditionnelles sont re-validées serveur et
|
||||||
|
* remontées en 422 inline, sans pré-check front (qui devrait connaître le cas
|
||||||
|
* LIOT, hors périmètre ERP-165).
|
||||||
|
*/
|
||||||
|
function validateMainFront(): boolean {
|
||||||
|
let valid = true
|
||||||
|
if (!main.name?.trim()) {
|
||||||
|
mainErrors.setError('name', t('transport.carriers.form.errors.nameRequired'))
|
||||||
|
valid = false
|
||||||
|
}
|
||||||
|
return valid
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Payload du POST principal (groupe `carrier:write:main`). `name` et
|
||||||
|
* `certificationType` sont omis s'ils sont vides afin que la 422 porte la
|
||||||
|
* violation métier (NotBlank sur le nom, « certification obligatoire » sur la
|
||||||
|
* certification) sur le champ plutôt qu'une erreur de type.
|
||||||
|
*/
|
||||||
|
function buildMainPayload(): Record<string, unknown> {
|
||||||
|
const payload: Record<string, unknown> = {
|
||||||
|
isChartered: main.isChartered,
|
||||||
|
}
|
||||||
|
if (main.name?.trim()) {
|
||||||
|
payload.name = main.name
|
||||||
|
}
|
||||||
|
if (main.certificationType) {
|
||||||
|
payload.certificationType = main.certificationType
|
||||||
|
}
|
||||||
|
return payload
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* POST /carriers (groupe `carrier:write:main`). Pré-check front (nom), puis
|
||||||
|
* création. Au succès : verrouille le bloc principal, déverrouille le 1er onglet
|
||||||
|
* et bascule sur « Qualimat ». Retourne true si créé, false sinon.
|
||||||
|
*/
|
||||||
|
async function submitMain(): Promise<boolean> {
|
||||||
|
if (mainSubmitting.value) return false
|
||||||
|
mainErrors.clearErrors()
|
||||||
|
if (!validateMainFront()) return false
|
||||||
|
|
||||||
|
mainSubmitting.value = true
|
||||||
|
try {
|
||||||
|
const created = await api.post<CarrierMainResponse>('/carriers', buildMainPayload(), {
|
||||||
|
headers: { Accept: 'application/ld+json' },
|
||||||
|
toast: false,
|
||||||
|
})
|
||||||
|
|
||||||
|
carrierId.value = created.id
|
||||||
|
// Réaffiche les valeurs normalisées renvoyées par le serveur (nom en
|
||||||
|
// UPPERCASE — RG-4.13 ; certification éventuellement forcée).
|
||||||
|
main.name = created.name ?? main.name
|
||||||
|
main.certificationType = created.certificationType ?? main.certificationType
|
||||||
|
|
||||||
|
mainLocked.value = true
|
||||||
|
unlockedIndex.value = 0
|
||||||
|
activeTab.value = tabKeys.value[0] ?? CARRIER_TAB_KEYS[0]
|
||||||
|
toast.success({ title: t('transport.carriers.toast.createSuccess') })
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
catch (error) {
|
||||||
|
// 409 = doublon de nom (RG-4.12) → erreur inline dédiée + toast ;
|
||||||
|
// 422 → mapping inline par champ ; autre → toast de fallback (ERP-101).
|
||||||
|
const status = (error as { response?: { status?: number } })?.response?.status
|
||||||
|
if (status === 409) {
|
||||||
|
const message = t('transport.carriers.form.duplicateName')
|
||||||
|
mainErrors.setError('name', message)
|
||||||
|
toast.error({ title: t('transport.carriers.toast.error'), message })
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
mainErrors.handleApiError(error, { fallbackMessage: t('transport.carriers.toast.error') })
|
||||||
|
}
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
finally {
|
||||||
|
mainSubmitting.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* PATCH partiel du transporteur (mode strict : un seul groupe de sérialisation
|
||||||
|
* par appel — spec-back § 2.9). Servira les onglets à champs scalaires des
|
||||||
|
* tickets suivants. No-op tant que le transporteur n'existe pas.
|
||||||
|
*/
|
||||||
|
async function patchCarrier(payload: Record<string, unknown>): Promise<void> {
|
||||||
|
if (carrierId.value === null) return
|
||||||
|
await api.patch(`/carriers/${carrierId.value}`, payload, { toast: false })
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Marque un onglet validé (passe en lecture seule), déverrouille et avance à
|
||||||
|
* l'onglet suivant. Retourne true si c'était le dernier onglet du flux (création
|
||||||
|
* terminée), false sinon.
|
||||||
|
*/
|
||||||
|
function completeTab(key: string): boolean {
|
||||||
|
// En modification : navigation libre, l'onglet reste éditable après validation.
|
||||||
|
if (editMode.value) {
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
validated[key] = true
|
||||||
|
const index = tabIndex(key)
|
||||||
|
const next = tabKeys.value[index + 1]
|
||||||
|
if (next === undefined) {
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
unlockedIndex.value = Math.max(unlockedIndex.value, index + 1)
|
||||||
|
activeTab.value = next
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
// état
|
||||||
|
main,
|
||||||
|
carrierId,
|
||||||
|
mainLocked,
|
||||||
|
mainSubmitting,
|
||||||
|
mainErrors,
|
||||||
|
// onglets
|
||||||
|
tabKeys,
|
||||||
|
activeTab,
|
||||||
|
unlockedIndex,
|
||||||
|
validated,
|
||||||
|
editMode,
|
||||||
|
isValidated,
|
||||||
|
// actions
|
||||||
|
validateMainFront,
|
||||||
|
buildMainPayload,
|
||||||
|
submitMain,
|
||||||
|
patchCarrier,
|
||||||
|
completeTab,
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1,152 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<!-- En-tete : retour vers le repertoire + titre. -->
|
||||||
|
<div class="flex items-center gap-3 pt-11">
|
||||||
|
<MalioButtonIcon
|
||||||
|
icon="mdi:arrow-left-bold"
|
||||||
|
icon-size="24"
|
||||||
|
variant="ghost"
|
||||||
|
v-bind="{ ariaLabel: t('transport.carriers.form.back') }"
|
||||||
|
@click="goBack"
|
||||||
|
/>
|
||||||
|
<h1 class="text-[30px] font-semibold text-m-primary">{{ t('transport.carriers.form.title') }}</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- ── Formulaire principal (pre-onglets) ─────────────────────────────
|
||||||
|
Sans validation de ce bloc, les onglets restent inaccessibles. Au
|
||||||
|
succes du POST, les champs passent en lecture seule et on bascule
|
||||||
|
automatiquement sur l'onglet Qualimat. Les champs conditionnels
|
||||||
|
(indexation / benne / volume si affrete, decharge si AUTRE, cas LIOT)
|
||||||
|
et la saisie assistee QUALIMAT arrivent a ERP-166. -->
|
||||||
|
<div class="mt-[48px] grid grid-cols-3 xl:grid-cols-4 gap-x-[44px] gap-y-4">
|
||||||
|
<MalioInputText
|
||||||
|
v-model="main.name"
|
||||||
|
:label="t('transport.carriers.form.main.name')"
|
||||||
|
:required="true"
|
||||||
|
:readonly="mainLocked"
|
||||||
|
:error="mainErrors.errors.name"
|
||||||
|
/>
|
||||||
|
<MalioSelect
|
||||||
|
:model-value="main.certificationType"
|
||||||
|
:options="certificationOptions"
|
||||||
|
:label="t('transport.carriers.form.main.certificationType')"
|
||||||
|
empty-option-label=""
|
||||||
|
:required="true"
|
||||||
|
:readonly="mainLocked"
|
||||||
|
:error="mainErrors.errors.certificationType"
|
||||||
|
@update:model-value="(v: string | number | null) => main.certificationType = v === null ? null : String(v)"
|
||||||
|
/>
|
||||||
|
<!-- Wrapper h-12 + centrage vertical : aligne la case a cocher sur la
|
||||||
|
ligne de champ des inputs/selects (qui posent un h-12 items-center
|
||||||
|
en interne). reserve-message-space=false pour un centrage exact. -->
|
||||||
|
<div class="flex h-12 items-center">
|
||||||
|
<MalioCheckbox
|
||||||
|
id="carrier-is-chartered"
|
||||||
|
:label="t('transport.carriers.form.main.isChartered')"
|
||||||
|
:model-value="main.isChartered"
|
||||||
|
:readonly="mainLocked"
|
||||||
|
:reserve-message-space="false"
|
||||||
|
@update:model-value="(val: boolean) => main.isChartered = val"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div v-if="!mainLocked" class="mt-12 flex justify-center">
|
||||||
|
<MalioButton
|
||||||
|
variant="primary"
|
||||||
|
:label="t('transport.carriers.form.submit')"
|
||||||
|
:disabled="mainSubmitting"
|
||||||
|
@click="onSubmitMain"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- ── Onglets a validation incrementale ─────────────────────────────
|
||||||
|
Barre Qualimat · Adresses · Contacts · Prix. Onglets verrouilles tant
|
||||||
|
que le formulaire principal n'est pas valide (unlockedIndex = -1) puis
|
||||||
|
deverrouilles progressivement. Le contenu de chaque onglet arrive aux
|
||||||
|
tickets suivants (ERP-166+) : placeholders « A venir » pour l'instant. -->
|
||||||
|
<MalioTabList v-model="activeTab" :tabs="tabs" class="mt-[60px]">
|
||||||
|
<template
|
||||||
|
v-for="key in tabKeys"
|
||||||
|
:key="key"
|
||||||
|
#[key]
|
||||||
|
>
|
||||||
|
<div class="mt-12 flex justify-center text-m-muted">
|
||||||
|
{{ t('transport.carriers.form.comingSoon') }}
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</MalioTabList>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
import { computed } from 'vue'
|
||||||
|
import { useCarrierForm } from '~/modules/transport/composables/useCarrierForm'
|
||||||
|
|
||||||
|
interface SelectOption {
|
||||||
|
value: string
|
||||||
|
label: string
|
||||||
|
}
|
||||||
|
|
||||||
|
const { t } = useI18n()
|
||||||
|
const router = useRouter()
|
||||||
|
const { can } = usePermissions()
|
||||||
|
|
||||||
|
useHead({ title: t('transport.carriers.form.title') })
|
||||||
|
|
||||||
|
// Gating de la route : la creation est reservee a `manage` (Admin / Bureau).
|
||||||
|
// Commerciale (consultation seule), Compta et Usine sont rediriges vers le repertoire.
|
||||||
|
if (!can('transport.carriers.manage')) {
|
||||||
|
await navigateTo('/carriers')
|
||||||
|
}
|
||||||
|
|
||||||
|
const {
|
||||||
|
main,
|
||||||
|
mainLocked,
|
||||||
|
mainSubmitting,
|
||||||
|
mainErrors,
|
||||||
|
tabKeys,
|
||||||
|
activeTab,
|
||||||
|
unlockedIndex,
|
||||||
|
submitMain,
|
||||||
|
} = useCarrierForm()
|
||||||
|
|
||||||
|
// Certifications selectionnables manuellement (spec § Formulaire principal).
|
||||||
|
// QUALIMAT n'est PAS dans cette liste : il est pose par la saisie assistee QUALIMAT
|
||||||
|
// (ERP-166), pas choisi a la main.
|
||||||
|
const SELECTABLE_CERTIFICATIONS = ['GMP_PLUS', 'OVOCOM', 'COMPTE_PROPRE', 'AUTRE'] as const
|
||||||
|
|
||||||
|
const certificationOptions = computed<SelectOption[]>(() =>
|
||||||
|
SELECTABLE_CERTIFICATIONS.map(code => ({
|
||||||
|
value: code,
|
||||||
|
label: t(`transport.carriers.certification.${code}`),
|
||||||
|
})),
|
||||||
|
)
|
||||||
|
|
||||||
|
// Icone (Iconify) affichee dans chaque onglet, par cle.
|
||||||
|
const TAB_ICONS: Record<string, string> = {
|
||||||
|
qualimat: 'mdi:truck-check-outline',
|
||||||
|
addresses: 'mdi:map-marker-outline',
|
||||||
|
contacts: 'mdi:account-box-plus-outline',
|
||||||
|
prices: 'mdi:currency-eur',
|
||||||
|
}
|
||||||
|
|
||||||
|
// Onglets desactives tant que le formulaire principal n'est pas valide
|
||||||
|
// (unlockedIndex = -1 au depart) ; deverrouillage progressif ensuite.
|
||||||
|
const tabs = computed(() => tabKeys.value.map((key, index) => ({
|
||||||
|
key,
|
||||||
|
label: t(`transport.carriers.tab.${key}`),
|
||||||
|
icon: TAB_ICONS[key],
|
||||||
|
disabled: index > unlockedIndex.value,
|
||||||
|
})))
|
||||||
|
|
||||||
|
/** Retour vers le repertoire transporteurs (fleche d'en-tete). */
|
||||||
|
function goBack(): void {
|
||||||
|
router.push('/carriers')
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Valide le formulaire principal (POST /carriers ; bascule gerée par le composable). */
|
||||||
|
async function onSubmitMain(): Promise<void> {
|
||||||
|
await submitMain()
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@@ -0,0 +1,40 @@
|
|||||||
|
/**
|
||||||
|
* Types du workflow « Ajouter un transporteur » (M4 Transport, ERP-165).
|
||||||
|
*
|
||||||
|
* Périmètre ERP-165 = formulaire PRINCIPAL (pré-onglets) uniquement : Nom +
|
||||||
|
* Certification + Affréter. Les champs conditionnels (indexation / benne / volume
|
||||||
|
* si affrété, décharge si AUTRE, immatriculations LIOT) et la saisie assistée
|
||||||
|
* QUALIMAT arrivent à ERP-166 ; les onglets Adresses / Contacts / Prix aux tickets
|
||||||
|
* suivants. On garde donc volontairement ce draft minimal — il s'étendra.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Brouillon du formulaire principal. `certificationType` est un code enum back
|
||||||
|
* (GMP_PLUS | OVOCOM | COMPTE_PROPRE | AUTRE ; QUALIMAT sera posé par la saisie
|
||||||
|
* assistée à ERP-166) ou `null` tant que rien n'est choisi.
|
||||||
|
*/
|
||||||
|
export interface CarrierMainDraft {
|
||||||
|
name: string
|
||||||
|
certificationType: string | null
|
||||||
|
isChartered: boolean
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Brouillon principal vide (état initial du formulaire de création). */
|
||||||
|
export function emptyCarrierMain(): CarrierMainDraft {
|
||||||
|
return {
|
||||||
|
name: '',
|
||||||
|
certificationType: null,
|
||||||
|
isChartered: false,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Réponse du POST / PATCH principal (groupe `carrier:read`). Le serveur renvoie
|
||||||
|
* le nom normalisé (UPPERCASE, RG-4.13) que l'UI réaffiche tel quel.
|
||||||
|
*/
|
||||||
|
export interface CarrierMainResponse {
|
||||||
|
id: number
|
||||||
|
name: string | null
|
||||||
|
certificationType: string | null
|
||||||
|
'@id'?: string
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user