MALIO-DEV/Ferme
4
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases 82 Wiki Activity

feat : admin fournisseurs creation et modif (WIP)

Browse Source
This commit is contained in:
Mattéo Dunoyer
2026-02-10 11:48:02 +01:00
parent 4e2fe556be
commit b1c12138f1
8 changed files with 248 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

183
frontend/components/supplier/supplier-form.vue
View File

@@ -14,63 +14,28 @@
</button>
</div>
<div class="grid gap-y-16 gap-x-40 mb-16">
<div class="grid grid-cols-2 gap-y-16 gap-x-12 mb-16">
<UiTextInput id="supplier-name" v-model="form.name" label="Nom du fournisseur" />
<UiTextInput id="supplier-email" v-model="form.email" label="Email" />
<UiTextInput id="supplier-phone" v-model="form.phone" label="Téléphone" />
<UiTextInput
id="supplier-name"
v-model="form.name"
label="Nom du fournisseur"
/>
<UiTextInput
id="supplier-email"
v-model="form.email"
label="Email"
/>
<UiTextInput
id="supplier-phone"
v-model="form.phone"
label="Téléphone"
/>
<UiTextInput
id="supplier-street"
v-model="form.addresses[0].street"
label="Rue"
/>
<UiTextInput
id="supplier-street2"
v-model="form.addresses[0].street2"
label="Complément"
/>
<UiTextInput
id="supplier-postalCode"
v-model="form.addresses[0].postalCode"
label="Code postal"
/>
<UiTextInput
id="supplier-city"
v-model="form.addresses[0].city"
label="Ville"
/>
<UiTextInput
id="supplier-country"
v-model="form.addresses[0].country"
label="Pays"
/>
<UiTextInput id="supplier-street" v-model="form.addresses[0].street" label="Rue" />
<UiTextInput id="supplier-street2" v-model="form.addresses[0].street2" label="Complément" />
<UiTextInput id="supplier-postalCode" v-model="form.addresses[0].postalCode" label="Code postal" />
<UiTextInput id="supplier-city" v-model="form.addresses[0].city" label="Ville" />
<UiTextInput id="supplier-country" v-model="form.addresses[0].countryCode" label="Pays" />
</div>
<p v-if="errorMsg" class="text-red-600 mt-4">{{ errorMsg }}</p>
</form>
</template>
<script setup lang="ts">
import { computed, reactive, ref, watch } from "vue"
import { createSupplier, getSupplier, updateSupplier } from "~/services/supplier"
import type { SupplierData, SupplierFormData } from "~/services/dto/supplier-data"
import { createAddress, updateAddress, type AddressPayload } from "~/services/address"
import type { SupplierData, SupplierFormData, SupplierPayload } from "~/services/dto/supplier-data"
import type { AddressFormData } from "~/services/dto/address-data"
definePageMeta({ layout: "admin" })
@@ -87,50 +52,51 @@ const resolveId = (param: unknown) => {
const supplierId = computed(() => resolveId(route.params.id))
const isLoading = ref(false)
const isHydrating = ref(false)
const errorMsg = ref<string | null>(null)
const emptyAddress = (): AddressFormData => ({
id: null,
label: "",
street: "",
street2: null,
postalCode: "",
city: "",
countryCode: "",
})
const form = reactive<SupplierFormData>({
name: "",
email: "",
phone: "",
addresses: [
{
id: null,
street: "",
street2: "",
postalCode: "",
city: "",
country: ""
}
]
addresses: [emptyAddress()],
})
const hydrateFromSupplier = (supplier: SupplierData | null) => {
if (!supplier) return
isHydrating.value = true
form.name = supplier.name ?? ""
form.email = supplier.email ?? ""
form.phone = supplier.phone ?? ""
const a0 = supplier.addresses?.[0] ?? null
if (!Array.isArray(supplier.addresses) || supplier.addresses.length === 0) return
const a0 = supplier.addresses[0]
form.addresses[0].id = a0?.id ?? null
form.addresses[0].street = a0?.street ?? ""
form.addresses[0].street2 = a0?.street2 ?? ""
form.addresses[0].postalCode = a0?.postalCode ?? ""
form.addresses[0].city = a0?.city ?? ""
form.addresses[0].country = a0?.country ?? ""
// si IRIs -> ignore
if (typeof a0 === "string") return
isHydrating.value = false
form.addresses[0].id = a0.id ?? null
form.addresses[0].label = a0.label ?? ""
form.addresses[0].street = a0.street ?? ""
form.addresses[0].street2 = a0.street2 ?? null
form.addresses[0].postalCode = a0.postalCode ?? ""
form.addresses[0].city = a0.city ?? ""
form.addresses[0].countryCode = a0.countryCode ?? ""
}
watch(
() => supplierId.value,
async (id) => {
if (id === null) return
isLoading.value = true
try {
const supplier = await getSupplier(id)
@@ -143,41 +109,56 @@ watch(
)
async function validate() {
if (isLoading.value) return
isLoading.value = true
errorMsg.value = null
const name = form.name.trim()
const email = form.email.trim()
const phone = form.phone.trim()
try {
const name = form.name.trim()
const email = (form.email ?? "").trim() || null
const phone = (form.phone ?? "").trim() || null
const a0 = form.addresses[0]
const street = a0.street.trim()
const street2 = (a0.street2 ?? "").trim()
const postalCode = a0.postalCode.trim()
const city = a0.city.trim()
const country = a0.country.trim()
const a0 = form.addresses[0]
const payload = {
name,
email,
phone,
addresses: [
{
id: a0.id ?? undefined,
street,
street2: street2 || undefined,
postalCode,
city,
country
}
]
}
const label = a0.label.trim() || name || "Adresse"
const addressPayload: AddressPayload = {
label,
street: a0.street.trim(),
street2: a0.street2?.trim() || null,
postalCode: a0.postalCode.trim(),
city: a0.city.trim(),
countryCode: a0.countryCode.trim(),
}
let addressId: number
if (a0.id) {
const updated = await updateAddress(a0.id, addressPayload)
addressId = updated.id
} else {
const created = await createAddress(addressPayload)
addressId = created.id
a0.id = addressId
}
const supplierPayload: SupplierPayload = {
name,
email,
phone,
addresses: [`/api/addresses/${addressId}`],
}
if (supplierId.value !== null) {
await updateSupplier(supplierId.value, supplierPayload)
} else {
await createSupplier(supplierPayload)
}
if (supplierId.value !== null) {
await updateSupplier(supplierId.value, payload)
await router.push("/admin/supplier/supplier-list")
return
} catch (e) {
errorMsg.value = "Erreur lors de l’enregistrement."
throw e
} finally {
isLoading.value = false
}
await createSupplier(payload)
await router.push("/admin/supplier/supplier-list")
}
</script>