Lethary/Ferme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix : corrections de tous les retours + modification de la seed et fixtures

Browse Source
This commit is contained in:
tristan
2026-02-16 16:26:00 +01:00
parent 08e7c1508c
commit be29daf4d1
41 changed files with 253 additions and 207 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/card-link.vue
+4 -5
View File
@@ -2,7 +2,7 @@
<template> <template>
<NuxtLink :to="link"> <NuxtLink :to="link">
<div class="w-[324px] h-[228px] border border-black rounded-lg p-6 flex flex-col justify-between"> <div class="w-[300px] h-[216px] border border-black rounded-lg p-6 flex flex-col justify-between gap-4">
<div class="flex justify-between"> <div class="flex justify-between">
<div class="rounded-full w-[80px] h-[80px] bg-[#D9D9D9] flex justify-center items-center"> <div class="rounded-full w-[80px] h-[80px] bg-[#D9D9D9] flex justify-center items-center">
<Icon :name="iconName" style="color: black" size="44" /> <Icon :name="iconName" style="color: black" size="44" />
@@ -12,12 +12,12 @@
</div> </div>
</div> </div>
<div class="uppercase font-bold"> <div class="uppercase font-bold">
<p class="text-3xl"> {{ label }} </p> <p class="text-3xl text-primary-500">
<slot name="label">{{ label }}</slot>
</p>
</div> </div>
</div> </div>
</NuxtLink> </NuxtLink>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@@ -27,4 +27,3 @@ const props = defineProps<{
label: string label: string
}>() }>()
</script> </script>
frontend/components/reception/reception-bovine-received.vue
+1 -1
View File
@@ -2,7 +2,7 @@
<div <div
v-if="receptionStore.current?.receptionType?.code === RECEPTION_TYPE_CODES.BOVINS" v-if="receptionStore.current?.receptionType?.code === RECEPTION_TYPE_CODES.BOVINS"
class="flex flex-col items-center gap-16"> class="flex flex-col items-center gap-16">
<h1 class="text-4xl uppercase font-bold">Sélection des races réceptionnées</h1> <h1 class="text-4xl uppercase font-bold text-primary-500">Sélection des races réceptionnées</h1>
<div <div
class="flex flex-row gap-8 items-center"> class="flex flex-row gap-8 items-center">
<div <div
frontend/components/reception/reception-form.vue
+17 -17
View File
@@ -1,7 +1,7 @@
<template> <template>
<form @submit.prevent="validate"> <form @submit.prevent="validate">
<div class="grid grid-cols-2 items-start gap-y-8 gap-x-40 mb-16"> <div class="grid grid-cols-2 items-start gap-y-8 gap-x-40 mb-16">
<h1 class="font-bold text-5xl uppercase col-start-1 row-start-1">Réception</h1> <h1 class="font-bold text-5xl uppercase col-start-1 row-start-1 text-primary-500">Réception</h1>
<!-- Nom de l'utilisateur --> <!-- Nom de l'utilisateur -->
<UiSelect <UiSelect
id="reception-user" id="reception-user"
@@ -81,21 +81,8 @@
select-class="h-[34px]" select-class="h-[34px]"
wrapper-class="col-start-2 row-start-3" wrapper-class="col-start-2 row-start-3"
/> />
<!-- Chauffeur (LIOT) -->
<UiSelect
id="reception-driver"
v-model="form.driverId"
label="Nom du chauffeur si LIOT"
:options="filteredDrivers.map((driver) => ({
value: String(driver.id),
label: driver.name
}))"
:loading="isLoadingDrivers"
v-if="isLiotCarrier"
wrapper-class="col-start-2 row-start-4"
/>
<!-- Plaque d'immatriculation --> <!-- Plaque d'immatriculation -->
<div v-if="!isLiotCarrier" class="col-start-2 row-start-5"> <div v-if="!isLiotCarrier" class="col-start-2 row-start-4">
<UiLicensePlateInput <UiLicensePlateInput
v-model="form.licensePlate" v-model="form.licensePlate"
v-model:allowAny="allowAnyLicensePlate" v-model:allowAny="allowAnyLicensePlate"
@@ -113,15 +100,28 @@
}))" }))"
:loading="isLoadingVehicles" :loading="isLoadingVehicles"
:disabled="isLoadingVehicles || filteredVehicles.length === 0" :disabled="isLoadingVehicles || filteredVehicles.length === 0"
wrapper-class="col-start-2 row-start-4 h-[64px]"
/>
<!-- Chauffeur (LIOT) -->
<UiSelect
id="reception-driver"
v-model="form.driverId"
label="Nom du chauffeur si LIOT"
:options="filteredDrivers.map((driver) => ({
value: String(driver.id),
label: driver.name
}))"
:loading="isLoadingDrivers"
v-if="isLiotCarrier"
wrapper-class="col-start-2 row-start-5" wrapper-class="col-start-2 row-start-5"
/> />
</div> </div>
<div class="flex justify-center"> <div class="flex justify-center">
<button <UiButton
type="submit" type="submit"
class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] justify-self-end" class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] justify-self-end"
>Valider >Valider
</button> </UiButton>
</div> </div>
</form> </form>
frontend/components/reception/reception-product-received.vue
+2 -2
View File
@@ -3,7 +3,7 @@
<div <div
v-if="receptionStore.current?.receptionType?.code === RECEPTION_TYPE_CODES.MERCHANDISES" v-if="receptionStore.current?.receptionType?.code === RECEPTION_TYPE_CODES.MERCHANDISES"
class="flex flex-col gap-16 items-center w-full"> class="flex flex-col gap-16 items-center w-full">
<h1 class="text-4xl uppercase font-bold">Sélection des marchandises réceptionnnées</h1> <h1 class="text-4xl uppercase font-bold text-primary-500">Sélection des marchandises réceptionnnées</h1>
<UiSelect <UiSelect
id="merchandise-type" id="merchandise-type"
v-model="selectedMerchandiseTypeId" v-model="selectedMerchandiseTypeId"
@@ -47,7 +47,7 @@
> >
<div class="grid grid-cols-1 gap-10 md:grid-cols-4"> <div class="grid grid-cols-1 gap-10 md:grid-cols-4">
<div v-for="type in pelletTypes" :key="type.id" class="flex flex-col gap-4"> <div v-for="type in pelletTypes" :key="type.id" class="flex flex-col gap-4">
<p class="font-bold uppercase">{{ type.label }}</p> <p class="font-bold uppercase text-primary-500">{{ type.label }}</p>
<div <div
v-for="building in buildings" v-for="building in buildings"
:key="building.id" :key="building.id"
frontend/components/reception/reception-weight.vue
+9 -9
View File
@@ -1,9 +1,9 @@
<template> <template>
<div class="flex justify-center"> <div class="flex justify-center">
<div class="flex flex-col items-center w-[660px]"> <div class="flex flex-col items-center w-[660px]">
<h1 class="font-bold text-5xl uppercase">{{ title }}</h1> <h1 class="font-bold text-5xl uppercase text-primary-500">{{ title }}</h1>
<!--@TODO Voir comment faire pour savoir si le pont-bascule et bien connecté + ajouter un icon comme sur la maquette--> <!--@TODO Voir comment faire pour savoir si le pont-bascule et bien connecté + ajouter un icon comme sur la maquette-->
<p class="text-primary-500 uppercase text-2xl mt-2">Pont-bascule connecté</p> <p class="text-primary-500 uppercase text-2xl text-primary-500 mt-2">Pont-bascule connecté</p>
<div <div
v-if="showLoadingBox" v-if="showLoadingBox"
class="w-full flex flex-col items-center justify-center border border-black h-[90px] mt-12 mb-[86px]"> class="w-full flex flex-col items-center justify-center border border-black h-[90px] mt-12 mb-[86px]">
@@ -11,27 +11,27 @@
</div> </div>
<div v-else-if="displayWeight !== null" class="w-full"> <div v-else-if="displayWeight !== null" class="w-full">
<div <div
class="w-full flex flex-col items-center justify-center border border-black h-[90px] mt-12 mb-[25px] text-4xl"> class="w-full flex flex-col items-center justify-center border border-black h-[90px] mt-12 mb-[25px] text-4xl text-primary-500">
{{ displayWeight }} kg {{ displayWeight }} kg
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="flex justify-center mt-[54px]"> <div class="flex justify-center mt-[54px]">
<button <UiButton
class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]" class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]"
@click="fetchWeight" @click="fetchWeight"
>{{ displayWeight !== null ? 'refaire une pesee' : 'peser' }}</button> >{{ displayWeight !== null ? 'refaire une pesée' : 'peser' }}</UiButton>
<button <UiButton
v-if="displayWeight !== null && !showGenerateReceipt" v-if="displayWeight !== null && !showGenerateReceipt"
class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] ml-4" class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] ml-4"
@click="saveWeight" @click="saveWeight"
>Valider</button> >Valider la pesée</UiButton>
<button <UiButton
v-if="showGenerateReceipt" v-if="showGenerateReceipt"
class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] ml-4" class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] ml-4"
@click="printReceipt" @click="printReceipt"
>Générer le bon</button> >Générer le bon</UiButton>
</div> </div>
</template> </template>
frontend/components/reception/update-bovin.vue
+2 -2
View File
@@ -27,12 +27,12 @@
/> />
</div> </div>
</div> </div>
<button <UiButton
type="submit" type="submit"
class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]" class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]"
:disabled="!auth.isAdmin" :disabled="!auth.isAdmin"
>Valider >Valider
</button> </UiButton>
</div> </div>
</form> </form>
</template> </template>
frontend/components/reception/update-merchandise.vue
+2 -2
View File
@@ -67,13 +67,13 @@
</div> </div>
</div> </div>
</div> </div>
<button <UiButton
v-if="auth.isAdmin" v-if="auth.isAdmin"
type="submit" type="submit"
class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]" class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]"
:disabled="!auth.isAdmin" :disabled="!auth.isAdmin"
>Valider >Valider
</button> </UiButton>
</div> </div>
</form> </form>
</template> </template>
frontend/components/reception/update-weight.vue
+2 -2
View File
@@ -30,14 +30,14 @@
</div> </div>
<div class="flex justify-center"> <div class="flex justify-center">
<button <UiButton
v-if="auth.isAdmin" v-if="auth.isAdmin"
type="submit" type="submit"
class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]" class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]"
> >
Valider Valider
</button> </UiButton>
</div> </div>
</form> </form>
frontend/components/shipment/shipment-form.vue
+19 -19
View File
@@ -1,7 +1,7 @@
<template> <template>
<form @submit.prevent="validate"> <form @submit.prevent="validate">
<div class="grid grid-cols-2 items-start gap-y-8 gap-x-40 mb-16"> <div class="grid grid-cols-2 items-start gap-y-8 gap-x-40 mb-16">
<h1 class="font-bold text-5xl uppercase col-start-1 row-start-1">Expédition</h1> <h1 class="font-bold text-5xl uppercase col-start-1 row-start-1 text-primary-500">Expédition</h1>
<!-- Nom de l'utilisateur --> <!-- Nom de l'utilisateur -->
<UiSelect <UiSelect
id="shipment-user" id="shipment-user"
@@ -23,11 +23,11 @@
/> />
<!-- Type d'expédition --> <!-- Type d'expédition -->
<div class="col-start-1 row-start-4 h-[64px]"> <div class="col-start-1 row-start-4 h-[64px]">
<div class="flex items-end gap-8"> <div class="flex items-end gap-8 justify-between">
<UiRadioGroup <UiRadioGroup
id="shipment-type" id="shipment-type"
name="shipment-type" name="shipment-type"
label="Type d'expédition" label="Type d'expédition bovine"
v-model="selectedShipmentTypeId" v-model="selectedShipmentTypeId"
:options="bovineShipment.map((type) => ({ :options="bovineShipment.map((type) => ({
value: String(type.id), value: String(type.id),
@@ -89,21 +89,8 @@
}))" }))"
wrapper-class="col-start-2 row-start-3" wrapper-class="col-start-2 row-start-3"
/> />
<!-- Chauffeur (LIOT) -->
<UiSelect
id="shipment-driver"
v-model="form.driverId"
label="Nom du chauffeur si LIOT"
:options="filteredDrivers.map((driver) => ({
value: String(driver.id),
label: driver.name
}))"
:loading="isLoadingDrivers"
wrapper-class="col-start-2 row-start-4"
v-if="isLiotCarrier"
/>
<!-- Plaque d'immatriculation (hors LIOT) --> <!-- Plaque d'immatriculation (hors LIOT) -->
<div v-if="!isLiotCarrier" class="col-start-2 row-start-5"> <div v-if="!isLiotCarrier" class="col-start-2 row-start-4">
<UiLicensePlateInput <UiLicensePlateInput
v-model="form.licencePlate" v-model="form.licencePlate"
v-model:allowAny="allowAnyLicensePlate" v-model:allowAny="allowAnyLicensePlate"
@@ -121,15 +108,28 @@
}))" }))"
:loading="isLoadingVehicles" :loading="isLoadingVehicles"
:disabled="isLoadingVehicles || filteredVehicles.length === 0" :disabled="isLoadingVehicles || filteredVehicles.length === 0"
wrapper-class="col-start-2 row-start-4"
/>
<!-- Chauffeur (LIOT) -->
<UiSelect
id="shipment-driver"
v-model="form.driverId"
label="Nom du chauffeur si LIOT"
:options="filteredDrivers.map((driver) => ({
value: String(driver.id),
label: driver.name
}))"
:loading="isLoadingDrivers"
wrapper-class="col-start-2 row-start-5" wrapper-class="col-start-2 row-start-5"
v-if="isLiotCarrier"
/> />
</div> </div>
<div class="flex justify-center"> <div class="flex justify-center">
<button <UiButton
type="submit" type="submit"
class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] justify-self-end" class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] justify-self-end"
>Valider >Valider
</button> </UiButton>
</div> </div>
</form> </form>
</template> </template>
frontend/components/shipment/shipment-loading.vue
+4 -4
View File
@@ -1,14 +1,14 @@
<template> <template>
<div class="flex flex-col items-center gap-16"> <div class="flex flex-col items-center gap-[118px]">
<h1 class="font-bold text-5xl uppercase">Charment des bovins</h1> <h1 class="font-bold text-5xl uppercase text-primary-500">Charment des bovins</h1>
<div <div
class="w-full flex flex-col items-center justify-center"> class="w-full flex flex-col items-center justify-center">
<UiLoadingDots /> <UiLoadingDots />
</div> </div>
<button <UiButton
class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] ml-4" class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] ml-4"
@click="goNext" @click="goNext"
>Pesée</button> >Peser</UiButton>
</div> </div>
</template> </template>
frontend/components/shipment/shipment-weight.vue
+8 -8
View File
@@ -1,7 +1,7 @@
<template> <template>
<div class="flex justify-center"> <div class="flex justify-center">
<div class="flex flex-col items-center w-[660px]"> <div class="flex flex-col items-center w-[660px]">
<h1 class="font-bold text-5xl uppercase">{{ title }}</h1> <h1 class="font-bold text-5xl uppercase text-primary-500">{{ title }}</h1>
<!--@TODO Voir comment faire pour savoir si le pont-bascule et bien connecté + ajouter un icon comme sur la maquette--> <!--@TODO Voir comment faire pour savoir si le pont-bascule et bien connecté + ajouter un icon comme sur la maquette-->
<p class="text-primary-500 uppercase text-2xl mt-2">Pont-bascule connecté</p> <p class="text-primary-500 uppercase text-2xl mt-2">Pont-bascule connecté</p>
<div <div
@@ -11,27 +11,27 @@
</div> </div>
<div v-else-if="displayWeight !== null" class="w-full"> <div v-else-if="displayWeight !== null" class="w-full">
<div <div
class="w-full flex flex-col items-center justify-center border border-black h-[90px] mt-12 mb-[25px] text-4xl"> class="w-full flex flex-col items-center justify-center border border-primary-500 h-[90px] mt-12 mb-[25px] text-4xl text-primary-500">
{{ displayWeight }} kg {{ displayWeight }} kg
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="flex justify-center mt-[54px]"> <div class="flex justify-center mt-[54px]">
<button <UiButton
class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]" class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]"
@click="fetchWeight" @click="fetchWeight"
>{{ displayWeight !== null ? 'refaire une pesee' : 'peser' }}</button> >{{ displayWeight !== null ? 'refaire une pesée' : 'peser' }}</UiButton>
<button <UiButton
v-if="displayWeight !== null && !showGenerateReceipt" v-if="displayWeight !== null && !showGenerateReceipt"
class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] ml-4" class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] ml-4"
@click="saveWeight" @click="saveWeight"
>Valider la pesée</button> >Valider la pesée</UiButton>
<button <UiButton
v-if="showGenerateReceipt" v-if="showGenerateReceipt"
class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] ml-4" class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] ml-4"
@click="printReceipt" @click="printReceipt"
>Générer le bon</button> >Générer le bon</UiButton>
</div> </div>
</template> </template>
frontend/components/ui/UiButton.vue
+39
View File
@@ -0,0 +1,39 @@
<template>
<component
:is="'button'"
:type="type"
:disabled="isDisabled"
class="inline-flex items-center justify-center rounded-md"
:class="[
isDisabled ? 'cursor-not-allowed opacity-60' : 'cursor-pointer',
buttonClass
]"
v-bind="attrs"
>
<slot v-if="!loading" />
<UiLoadingDots v-else />
</component>
</template>
<script setup lang="ts">
import {computed, useAttrs} from 'vue'
defineOptions({inheritAttrs: false})
const props = withDefaults(
defineProps<{
type?: 'button' | 'submit' | 'reset'
disabled?: boolean
loading?: boolean
buttonClass?: string
}>(),
{
disabled: false,
loading: false,
buttonClass: ''
}
)
const attrs = useAttrs()
const isDisabled = computed(() => props.disabled || props.loading)
</script>
frontend/components/ui/UiCheckbox.vue
+2 -2
View File
@@ -1,14 +1,14 @@
<template> <template>
<div :class="wrapperClass"> <div :class="wrapperClass">
<label <label
class="flex items-center gap-2 cursor-pointer" class="flex items-center gap-2 cursor-pointer text-primary-500"
:class="labelClass" :class="labelClass"
> >
<input <input
type="checkbox" type="checkbox"
:checked="checked" :checked="checked"
:disabled="disabled" :disabled="disabled"
:class="['cursor-pointer', inputClass]" :class="['cursor-pointer text-primary-500', inputClass]"
@change="onChange" @change="onChange"
> >
<span v-if="label">{{ label }}</span> <span v-if="label">{{ label }}</span>
frontend/components/ui/UiDateInput.vue
+2 -2
View File
@@ -3,7 +3,7 @@
<label <label
v-if="label" v-if="label"
:for="id" :for="id"
class="font-bold uppercase text-xl" class="font-bold uppercase text-xl text-primary-500"
:class="labelClass" :class="labelClass"
> >
{{ label }} {{ label }}
@@ -14,7 +14,7 @@
:value="modelValue ?? ''" :value="modelValue ?? ''"
:disabled="disabled" :disabled="disabled"
v-bind="attrs" v-bind="attrs"
class="border-b border-black justify-self-start text-xl py-[6px] uppercase bg-transparent appearance-none h-[34px]" class="border-b border-black justify-self-start text-xl text-primary-500 py-[6px] uppercase bg-transparent appearance-none h-[34px]"
:class="[ :class="[
isEmpty ? 'text-neutral-400' : 'text-black', isEmpty ? 'text-neutral-400' : 'text-black',
disabled ? 'cursor-not-allowed' : 'cursor-pointer', disabled ? 'cursor-not-allowed' : 'cursor-pointer',
frontend/components/ui/UiNumberInput.vue
+2 -2
View File
@@ -3,7 +3,7 @@
<label <label
v-if="label" v-if="label"
:for="id" :for="id"
class="text-xl flex items-center gap-2" class="text-xl flex items-center gap-2 text-primary-500"
:class="labelClass" :class="labelClass"
> >
<span <span
@@ -25,7 +25,7 @@
:step="step" :step="step"
:disabled="disabled" :disabled="disabled"
v-bind="attrs" v-bind="attrs"
class="border-b border-black text-xl bg-transparent w-16" class="border-b border-black text-xl bg-transparent w-16 text-primary-500"
:class="[ :class="[
isEmpty ? 'text-neutral-400' : 'text-black', isEmpty ? 'text-neutral-400' : 'text-black',
disabled ? 'cursor-not-allowed' : 'cursor-text', disabled ? 'cursor-not-allowed' : 'cursor-text',
frontend/components/ui/UiRadioGroup.vue
+2 -2
View File
@@ -2,7 +2,7 @@
<div :class="['flex flex-col', wrapperClass]"> <div :class="['flex flex-col', wrapperClass]">
<label <label
v-if="label" v-if="label"
class="font-bold uppercase text-xl" class="font-bold uppercase text-xl text-primary-500"
:class="labelClass" :class="labelClass"
> >
{{ label }} {{ label }}
@@ -16,7 +16,7 @@
v-for="option in options" v-for="option in options"
:key="String(option.value)" :key="String(option.value)"
:for="`${id || 'radio'}-${option.value}`" :for="`${id || 'radio'}-${option.value}`"
class="flex items-center gap-2" class="flex items-center gap-2 text-primary-500"
:class="itemClass" :class="itemClass"
> >
<input <input
frontend/components/ui/UiSelect.vue
+2 -2
View File
@@ -3,7 +3,7 @@
<label <label
v-if="label" v-if="label"
:for="id" :for="id"
class="font-bold uppercase text-xl" class="font-bold uppercase text-xl text-primary-500"
:class="labelClass" :class="labelClass"
> >
{{ label }} {{ label }}
@@ -13,7 +13,7 @@
:value="modelValue ?? ''" :value="modelValue ?? ''"
:disabled="disabled || loading" :disabled="disabled || loading"
v-bind="attrs" v-bind="attrs"
class="border-b border-black justify-self-start text-xl py-[6px] bg-transparent" class="border-b border-black justify-self-start text-xl text-primary-500 py-[6px] bg-transparent"
:class="[ :class="[
isEmpty ? 'text-neutral-400' : 'text-black', isEmpty ? 'text-neutral-400' : 'text-black',
disabled || loading ? 'cursor-not-allowed' : 'cursor-pointer', disabled || loading ? 'cursor-not-allowed' : 'cursor-pointer',
frontend/components/ui/UiTextInput.vue
+2 -2
View File
@@ -3,7 +3,7 @@
<label <label
v-if="label" v-if="label"
:for="id" :for="id"
class="font-bold uppercase text-xl" class="font-bold uppercase text-xl text-primary-500"
:class="labelClass" :class="labelClass"
> >
{{ label }} {{ label }}
@@ -16,7 +16,7 @@
:maxlength="maxlength" :maxlength="maxlength"
:disabled="disabled" :disabled="disabled"
v-bind="attrs" v-bind="attrs"
class="border-b border-black text-xl py-[6px] bg-transparent" class="border-b border-black text-xl py-[6px] bg-transparent text-primary-500"
:class="[ :class="[
isEmpty ? 'text-neutral-400' : 'text-black', isEmpty ? 'text-neutral-400' : 'text-black',
disabled ? 'cursor-not-allowed' : 'cursor-text', disabled ? 'cursor-not-allowed' : 'cursor-text',
frontend/components/ui/license-plate-input.vue
+2 -2
View File
@@ -1,6 +1,6 @@
<template> <template>
<div class="flex flex-col"> <div class="flex flex-col">
<label :for="inputId" class="font-bold uppercase text-xl">{{ label }}</label> <label :for="inputId" class="font-bold uppercase text-xl text-primary-500">{{ label }}</label>
<div class="flex items-end gap-8"> <div class="flex items-end gap-8">
<input <input
:id="inputId" :id="inputId"
@@ -9,7 +9,7 @@
type="text" type="text"
:maxlength="maxLength" :maxlength="maxLength"
:placeholder="placeholderText" :placeholder="placeholderText"
class="border-b border-black flex-1 min-w-0 text-xl uppercase h-[30px]" class="border-b border-black flex-1 min-w-0 text-xl text-primary-500 uppercase h-[36px] py-[6px]"
@input="handleInput" @input="handleInput"
/> />
<UiCheckbox <UiCheckbox
frontend/components/ui/stepper.vue
+1 -1
View File
@@ -4,7 +4,7 @@
<div <div
v-for="(label, index) in labels" v-for="(label, index) in labels"
:key="label" :key="label"
class="absolute top-0 whitespace-nowrap" class="absolute top-0 whitespace-nowrap text-primary-500"
:class="labelClass(index)" :class="labelClass(index)"
:style="positionStyle(index)" :style="positionStyle(index)"
> >
frontend/layouts/default.vue
+11 -26
View File
@@ -2,7 +2,7 @@
<div class="min-h-screen text-neutral-900 flex flex-col"> <div class="min-h-screen text-neutral-900 flex flex-col">
<!-- HEADER --> <!-- HEADER -->
<header class="w-full bg-primary-500 py-5 px-6"> <header class="w-full bg-primary-500 py-5 px-6">
<div class="flex w-full items-center "> <div class="flex w-full items-center justify-between">
<!-- Burger (mobile) --> <!-- Burger (mobile) -->
<button <button
type="button" type="button"
@@ -111,24 +111,23 @@
<div class="w-[44px] md:hidden"></div> <div class="w-[44px] md:hidden"></div>
<!-- User dropdown à droite (desktop) --> <!-- User dropdown à droite (desktop) -->
<div v-if="auth.isAuthenticated" class="ml-auto relative hidden md:flex items-center text-white"> <div v-if="auth.isAuthenticated" class="ml-auto relative hidden md:flex items-center text-white group">
<button <button
type="button" type="button"
class="inline-flex items-center text-xl leading-none transition hover:opacity-80" class="inline-flex items-center py-2 -my-2 text-xl leading-none transition hover:opacity-80"
@click="toggleUserMenu"
aria-haspopup="true" aria-haspopup="true"
:aria-expanded="isUserMenuOpen ? 'true' : 'false'"
> >
<span class="capitalize font-bold">{{ userDisplayName }}</span> <span class="capitalize font-bold">{{ userDisplayName }}</span>
<span class="ml-[6px] inline-flex items-center font-bold"> <span class="ml-[6px] inline-flex items-center font-bold transition-transform group-hover:rotate-180 group-focus-within:rotate-180">
<Icon v-if="isUserMenuOpen" name="mdi:chevron-up" size="20"/> <Icon name="mdi:chevron-down" size="20"/>
<Icon v-else name="mdi:chevron-down" size="20"/>
</span> </span>
</button> </button>
<div <div
v-if="isUserMenuOpen" class="absolute right-0 top-full z-10 w-56 rounded-md bg-primary-500 py-2 border-neutral-300 border shadow-lg
class="absolute right-0 top-full z-10 mt-2 w-56 rounded-md bg-primary-500 py-2 border-neutral-300 border shadow-lg" opacity-0 invisible pointer-events-none transition
group-hover:opacity-100 group-hover:visible group-hover:pointer-events-auto
group-focus-within:opacity-100 group-focus-within:visible group-focus-within:pointer-events-auto"
role="menu" role="menu"
> >
<button <button
@@ -169,9 +168,7 @@
> >
<aside <aside
v-if="isMenuOpen" v-if="isMenuOpen"
class="fixed left-0 top-0 z-50 h-full w-full bg-primary-600 px-6 pb-8 pt-6 text-white shadow-xl md:hidden" class="fixed left-0 top-0 z-50 h-full w-full bg-primary-500 px-6 pb-8 pt-6 text-white shadow-xl md:hidden"
role="dialog"
aria-modal="true"
> >
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<span class="text-2xl font-bold uppercase">Menu</span> <span class="text-2xl font-bold uppercase">Menu</span>
@@ -212,11 +209,9 @@
</aside> </aside>
</transition> </transition>
</header> </header>
<main class="mx-auto w-full max-w-[1280px] mt-16">
<main class="mx-auto w-full max-w-[1280px] py-2 flex-1">
<slot/> <slot/>
</main> </main>
<footer class="w-full mt-auto bg-primary-500 px-6 py-3"> <footer class="w-full mt-auto bg-primary-500 px-6 py-3">
<p class="font-bold text-white text-right">v{{ version }}</p> <p class="font-bold text-white text-right">v{{ version }}</p>
</footer> </footer>
@@ -231,7 +226,6 @@ const auth = useAuthStore()
const {version} = useAppVersion() const {version} = useAppVersion()
const isMenuOpen = ref(false) const isMenuOpen = ref(false)
const isUserMenuOpen = ref(false)
const userDisplayName = computed(() => auth.user?.username ?? 'Utilisateur') const userDisplayName = computed(() => auth.user?.username ?? 'Utilisateur')
@@ -241,14 +235,6 @@ const closeMenu = () => {
const toggleMenu = () => { const toggleMenu = () => {
isMenuOpen.value = !isMenuOpen.value isMenuOpen.value = !isMenuOpen.value
// évite d’avoir deux menus ouverts en même temps
if (isMenuOpen.value) isUserMenuOpen.value = false
}
const toggleUserMenu = () => {
isUserMenuOpen.value = !isUserMenuOpen.value
// idem
if (isUserMenuOpen.value) isMenuOpen.value = false
} }
const handleLogout = async () => { const handleLogout = async () => {
@@ -256,7 +242,6 @@ const handleLogout = async () => {
await auth.logout() await auth.logout()
} finally { } finally {
closeMenu() closeMenu()
isUserMenuOpen.value = false
await navigateTo('/login') await navigateTo('/login')
} }
} }
frontend/pages/admin/carrier/[[id]].vue
+16 -8
View File
@@ -1,19 +1,19 @@
<template> <template>
<form @submit.prevent="validate"> <form @submit.prevent="validate">
<div class="flex items-center justify-between "> <div class="flex items-center justify-between">
<h1 class="text-3xl font-bold uppercase"> <h1 class="text-3xl font-bold uppercase">
{{ route.params.id ? 'Modifier transporteur' : 'Ajout transporteur' }} {{ route.params.id ? 'Modifier transporteur' : 'Ajout transporteur' }}
</h1> </h1>
<button <UiButton
type="submit" type="submit"
class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] justify-self-end" class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] justify-self-end"
>Enregistrer >Enregistrer
</button> </UiButton>
</div> </div>
<div class="grid grid-cols-2 items-start gap-y-8 gap-x-40 mb-16"> <div class="grid grid-cols-2 items-start gap-y-8 gap-x-40 py-12">
<UiTextInput <UiTextInput
label = "nom du fournisseur" label = "nom du fournisseur"
id="carrier-name" id="carrier-name"
@@ -33,12 +33,20 @@
<script setup lang="ts"> <script setup lang="ts">
import {createCarrier, getCarrier, updateCarrier} from "~/services/carrier"; import {createCarrier, getCarrier, updateCarrier} from "~/services/carrier";
import type {CarrierData, CarrierFormData} from "~/services/dto/carrier-data"; import type {CarrierData, CarrierFormData} from "~/services/dto/carrier-data";
import {computed} from "vue";
const router = useRouter() const router = useRouter()
const route = useRoute() const route = useRoute()
const idCarrier = Number(route.params.id) const idCarrier = computed(() => resolveId(route.params.id))
const isLoading = ref(false) const isLoading = ref(false)
const isHydrating = ref(false) const isHydrating = ref(false)
const resolveId = (param: unknown) => {
const idStr = Array.isArray(param) ? param[0] : param
if (!idStr) return null
const id = Number(idStr)
return Number.isFinite(id) ? id : null
}
const form = reactive<CarrierFormData>({ const form = reactive<CarrierFormData>({
code:'', code:'',
name:'' name:''
@@ -59,7 +67,7 @@ const hydrateFromUser = (carrier: CarrierData | null) => {
} }
watch( watch(
() => idCarrier, () => idCarrier.value,
async (id) => { async (id) => {
if (id === null) { if (id === null) {
return return
@@ -85,8 +93,8 @@ async function validate() {
} }
if(idCarrier){ if(idCarrier.value){
await updateCarrier(idCarrier, basePayload) await updateCarrier(idCarrier.value, basePayload)
navigate() navigate()
return return
} }
frontend/pages/admin/carrier/carrier-list.vue
+5 -3
View File
@@ -1,11 +1,13 @@
<template> <template>
<div class="flex items-center justify-between "> <div class="flex items-center justify-between ">
<h1 class="text-3xl font-bold uppercase">listes des transporteurs</h1> <h1 class="text-3xl font-bold uppercase text-primary-500">listes des transporteurs</h1>
<NuxtLink <NuxtLink
to="/admin/carrier" to="/admin/carrier"
class="flex items-center justify-center text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]" class="inline-flex items-center justify-center gap-2 text-xl uppercase bg-primary-500 text-white h-[50px] px-8 rounded"
>Ajouter >
<Icon name="mdi:plus" size="28" />
Ajouter
</NuxtLink> </NuxtLink>
</div> </div>
frontend/pages/admin/customer/[[id]].vue
+4 -4
View File
@@ -5,13 +5,13 @@
{{ customerId ? "Modifications du client" : "Ajout d'un client" }} {{ customerId ? "Modifications du client" : "Ajout d'un client" }}
</h1> </h1>
<button <UiButton
class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]" class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]"
type="submit" type="submit"
:disabled="isLoading || !auth.isAdmin" :disabled="isLoading || !auth.isAdmin"
> >
{{ customerId ? "Sauvegarder" : "Ajouter" }} {{ customerId ? "Sauvegarder" : "Ajouter" }}
</button> </UiButton>
</div> </div>
<div class="grid grid-cols-2 gap-y-8 gap-x-80 mb-10 py-12"> <div class="grid grid-cols-2 gap-y-8 gap-x-80 mb-10 py-12">
@@ -23,14 +23,14 @@
<div class="mx-24 mb-4 py-6 border-t border-black"></div> <div class="mx-24 mb-4 py-6 border-t border-black"></div>
<div class="flex items-center justify-between mb-4"> <div class="flex items-center justify-between mb-4">
<h2 class="text-3xl font-bold uppercase">Adresses client</h2> <h2 class="text-3xl font-bold uppercase">Adresses client</h2>
<button <UiButton
type="button" type="button"
class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]" class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]"
:disabled="customerId === null || !auth.isAdmin" :disabled="customerId === null || !auth.isAdmin"
@click="goToAddAddress" @click="goToAddAddress"
> >
Ajouter Ajouter
</button> </UiButton>
</div> </div>
<div class="overflow-x-auto mb-10"> <div class="overflow-x-auto mb-10">
<table class="w-full border-collapse"> <table class="w-full border-collapse">
frontend/pages/admin/customer/customer-list.vue
+3 -2
View File
@@ -1,12 +1,13 @@
<template> <template>
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<h1 class="text-3xl font-bold uppercase">Liste des Clients</h1> <h1 class="text-3xl font-bold uppercase text-primary-500">Liste des Clients</h1>
<NuxtLink <NuxtLink
to="/admin/customer" to="/admin/customer"
class="flex items-center justify-center text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]" class="inline-flex items-center justify-center gap-2 text-xl uppercase bg-primary-500 text-white h-[50px] px-8 rounded-md"
:class="auth.isAdmin ? '' : 'cursor-not-allowed opacity-60'" :class="auth.isAdmin ? '' : 'cursor-not-allowed opacity-60'"
@click="handleAddClick" @click="handleAddClick"
> >
<Icon name="mdi:plus" size="28" />
Ajouter Ajouter
</NuxtLink> </NuxtLink>
</div> </div>
frontend/pages/admin/supplier/[[id]].vue
+4 -4
View File
@@ -5,13 +5,13 @@
{{ supplierId ? "Modifications du fournisseur" : "Ajout d'un fournisseur" }} {{ supplierId ? "Modifications du fournisseur" : "Ajout d'un fournisseur" }}
</h1> </h1>
<button <UiButton
class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]" class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]"
type="submit" type="submit"
:disabled="isLoading || !auth.isAdmin" :disabled="isLoading || !auth.isAdmin"
> >
{{ supplierId ? "Sauvegarder" : "Ajouter" }} {{ supplierId ? "Sauvegarder" : "Ajouter" }}
</button> </UiButton>
</div> </div>
<div class="grid grid-cols-2 gap-y-8 gap-x-80 mb-10 py-12"> <div class="grid grid-cols-2 gap-y-8 gap-x-80 mb-10 py-12">
@@ -23,14 +23,14 @@
<div class="mx-24 mb-4 py-6 border-t border-black"></div> <div class="mx-24 mb-4 py-6 border-t border-black"></div>
<div class="flex items-center justify-between mb-4"> <div class="flex items-center justify-between mb-4">
<h2 class="text-3xl font-bold uppercase">Adresses fournisseur</h2> <h2 class="text-3xl font-bold uppercase">Adresses fournisseur</h2>
<button <UiButton
type="button" type="button"
class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]" class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]"
:disabled="supplierId === null || !auth.isAdmin" :disabled="supplierId === null || !auth.isAdmin"
@click="goToAddAddress" @click="goToAddAddress"
> >
Ajouter Ajouter
</button> </UiButton>
</div> </div>
<div class="overflow-x-auto mb-10"> <div class="overflow-x-auto mb-10">
<table class="w-full border-collapse"> <table class="w-full border-collapse">
frontend/pages/admin/supplier/supplier-list.vue
+3 -2
View File
@@ -1,12 +1,13 @@
<template> <template>
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<h1 class="text-3xl font-bold uppercase">Liste des fournisseurs</h1> <h1 class="text-3xl font-bold uppercase text-primary-500">Liste des fournisseurs</h1>
<NuxtLink <NuxtLink
to="/admin/supplier" to="/admin/supplier"
class="flex items-center justify-center text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]" class="inline-flex items-center justify-center gap-2 text-xl uppercase bg-primary-500 text-white h-[50px] px-8 rounded"
:class="auth.isAdmin ? '' : 'cursor-not-allowed opacity-60'" :class="auth.isAdmin ? '' : 'cursor-not-allowed opacity-60'"
@click="handleAddClick" @click="handleAddClick"
> >
<Icon name="mdi:plus" size="28" />
Ajouter Ajouter
</NuxtLink> </NuxtLink>
</div> </div>
frontend/pages/admin/user/[[id]].vue
+3 -3
View File
@@ -5,15 +5,15 @@
<h1 class="text-3xl font-bold uppercase"> <h1 class="text-3xl font-bold uppercase">
{{ userId ? "Modifications de l'utilisateur" : "Ajout d'un utilisateur" }} {{ userId ? "Modifications de l'utilisateur" : "Ajout d'un utilisateur" }}
</h1> </h1>
<button <UiButton
class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]" class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]"
type="submit" type="submit"
> >
{{ userId ? 'Sauvegarder' : 'Ajouter' }} {{ userId ? 'Sauvegarder' : 'Ajouter' }}
</button> </UiButton>
</div> </div>
<div class="grid gap-y-16 gap-x-40 mb-16"> <div class="grid gap-y-16 gap-x-40 py-12">
<UiTextInput <UiTextInput
id="user-name" id="user-name"
v-model="form.username" v-model="form.username"
frontend/pages/admin/user/list.vue
+3 -2
View File
@@ -1,10 +1,11 @@
<template> <template>
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<h1 class="text-3xl font-bold uppercase">Liste des utilisateurs</h1> <h1 class="text-3xl font-bold uppercase text-primary-500">Liste des utilisateurs</h1>
<NuxtLink <NuxtLink
class="flex items-center justify-center text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]" class="inline-flex items-center justify-center gap-2 text-xl uppercase bg-primary-500 text-white h-[50px] px-8 rounded-md"
@click="router.push('/admin/user/')" @click="router.push('/admin/user/')"
> >
<Icon name="mdi:plus" size="28" />
Ajouter Ajouter
</NuxtLink> </NuxtLink>
frontend/pages/index.vue
+16 -4
View File
@@ -1,15 +1,27 @@
<script setup lang="ts"> <script setup lang="ts">
</script> </script>
<template> <template>
<div class="flex flex-wrap justify-center mt-8 gap-12 mb-8 md:mb-0"> <div class="flex flex-wrap justify-center pb-16 gap-12">
<card-link label="NOUVELLE RÉCEPTION" link="/reception" iconName="mdi:truck-outline" /> <card-link label="NOUVELLE RÉCEPTION" link="/reception" iconName="mdi:truck-outline" />
<card-link label="NOUVELLE EXPÉDITION" link="/shipment" iconName="mdi:truck-fast-outline" /> <card-link label="NOUVELLE EXPÉDITION" link="/shipment" iconName="mdi:truck-fast-outline" />
<card-link label="PLAN DE SITE" link="/" iconName="material-symbols:warehouse-outline-rounded" /> <card-link label="PLAN DE SITE" link="/" iconName="material-symbols:warehouse-outline-rounded" />
<card-link label="RÉCEPTIONS EN ATTENTE" link="/reception/waiting-reception" iconName="mdi:truck-remove-outline" /> <card-link link="/reception/waiting-reception" iconName="mdi:truck-remove-outline">
<card-link label="EXPÉDITIONS EN ATTENTE" link="/shipment/waiting-shipment" iconName="mdi:truck-cargo-container" /> <template #label>
Réceptions<br>EN ATTENTE
</template>
</card-link>
<card-link link="/shipment/waiting-shipment" iconName="mdi:truck-cargo-container">
<template #label>
EXPÉDITIONS<br>EN ATTENTE
</template>
</card-link>
<card-link label="CASES" link="/" iconName="material-symbols:bottom-sheets-outline" /> <card-link label="CASES" link="/" iconName="material-symbols:bottom-sheets-outline" />
<card-link label="RÉCEPTIONS FINIES" link="/reception/finish-reception" iconName="mdi:truck-check-outline" /> <card-link label="RÉCEPTIONS FINIES" link="/reception/finish-reception" iconName="mdi:truck-check-outline" />
<card-link label="EXPÉDITIONS FINIES" link="/shipment/finish-shipment" iconName="mdi:truck-delivery-outline" /> <card-link label="EXPÉDITIONS FINIES" link="/shipment/finish-shipment" iconName="mdi:truck-delivery-outline" />
<card-link label="PASSEPORT DU BOVIN" link="/" iconName="mdi:cow" /> <card-link link="/" iconName="mdi:cow">
<template #label>
PASSEPORT<br>DU BOVIN
</template>
</card-link>
</div> </div>
</template> </template>
frontend/pages/login.vue
+2 -2
View File
@@ -39,13 +39,13 @@
/> />
</div> </div>
<button <UiButton
type="submit" type="submit"
class="w-full rounded-md bg-primary-500 px-4 py-2 text-base font-semibold text-white transition hover:bg-primary-600 disabled:cursor-not-allowed disabled:opacity-60" class="w-full rounded-md bg-primary-500 px-4 py-2 text-base font-semibold text-white transition hover:bg-primary-600 disabled:cursor-not-allowed disabled:opacity-60"
:disabled="isSubmitting" :disabled="isSubmitting"
> >
Connexion Connexion
</button> </UiButton>
<p class="font-bold">v{{ version }}</p> <p class="font-bold">v{{ version }}</p>
</form> </form>
</div> </div>
frontend/pages/reception/[[id]].vue
+3 -3
View File
@@ -1,5 +1,5 @@
<template> <template>
<div class="flex justify-between h-[52px] mt-16 mb-[80px]"> <div class="flex justify-between h-[52px] mb-[80px]">
<div class="flex flex-1 mr-16"> <div class="flex flex-1 mr-16">
<UiStepper <UiStepper
:labels="RECEPTION_STEP_LABELS" :labels="RECEPTION_STEP_LABELS"
@@ -7,12 +7,12 @@
@select="handleStepSelect" @select="handleStepSelect"
/> />
</div> </div>
<button <UiButton
type="button" type="button"
class="flex flex-col justify-center uppercase text-xl bg-black text-white h-[50px] w-[272px] text-center" class="flex flex-col justify-center uppercase text-xl bg-black text-white h-[50px] w-[272px] text-center"
@click="saveAndHold" @click="saveAndHold"
>Mettre en attente >Mettre en attente
</button> </UiButton>
</div> </div>
<ReceptionForm v-if="!storeReception || storeReception.currentStep === 0"/> <ReceptionForm v-if="!storeReception || storeReception.currentStep === 0"/>
<ReceptionWeight v-if="storeReception?.currentStep === 1" mode="gross"/> <ReceptionWeight v-if="storeReception?.currentStep === 1" mode="gross"/>
frontend/pages/reception/finish-reception.vue
+12 -8
View File
@@ -1,7 +1,7 @@
<template> <template>
<div class="flex items-center justify-start gap-10 mt-16"> <div class="flex items-center justify-start gap-10">
<Icon @click="router.push('/')" name="gg:arrow-left-o" style="color: black" size="44" class="cursor-pointer"/> <Icon @click="router.push('/')" name="gg:arrow-left-o" size="44" class="cursor-pointer text-primary-500"/>
<h1 class="text-3xl font-bold uppercase">listes des réceptions finie</h1> <h1 class="text-3xl font-bold uppercase text-primary-500">listes des réceptions finie</h1>
</div> </div>
<div class="px-[86px]"> <div class="px-[86px]">
@@ -27,7 +27,7 @@
<div>{{ reception.supplier?.name }}</div> <div>{{ reception.supplier?.name }}</div>
<div>{{ reception.address?.fullAddress }}</div> <div>{{ reception.address?.fullAddress }}</div>
<div>{{ reception.receptionType?.label }}</div> <div>{{ reception.receptionType?.label }}</div>
<div>Plein : {{ formatWeighing(reception, 'gross') }} <br> Vide : {{ formatWeighing(reception, 'tare') }}</div> <div>{{ formatWeighing(reception) }}</div>
</div> </div>
</div> </div>
</div> </div>
@@ -36,16 +36,20 @@
<script setup lang="ts"> <script setup lang="ts">
import type {ReceptionData} from "~/services/dto/reception-data"; import type {ReceptionData} from "~/services/dto/reception-data";
import {getReceptionList} from "~/services/reception"; import {getReceptionList} from "~/services/reception";
import type {ShipmentData} from "~/services/dto/shipment-data";
const receptionList = ref<ReceptionData[]>() const receptionList = ref<ReceptionData[]>()
const router = useRouter() const router = useRouter()
const formatWeighing = (reception: ReceptionData, type: 'gross' | 'tare') => { const formatWeighing = (reception: ReceptionData) => {
const entry = reception.weights?.find((weight) => weight.type === type) const gross = reception.weights?.find((weight) => weight.type === 'gross')?.weight
if (!entry || entry.weight == null || entry.dsd == null) { const tare = reception.weights?.find((weight) => weight.type === 'tare')?.weight
if (gross == null || tare == null) {
return '—' return '—'
} }
return `${entry.weight} kg`
return `${gross - tare} kg`
} }
const goToReception = (id: number) => { const goToReception = (id: number) => {
frontend/pages/reception/update/[[id]].vue
+2 -2
View File
@@ -115,14 +115,14 @@
/> />
</div> </div>
<div class="flex justify-center mb-2"> <div class="flex justify-center mb-2">
<button <UiButton
v-if="auth.isAdmin" v-if="auth.isAdmin"
type="submit" type="submit"
class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] mb-16" class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] mb-16"
> >
Enregistrer Enregistrer
</button> </UiButton>
</div> </div>
<div class="flex justify-evenly gap-y-8 gap-x-40 mb-8 border-b border-slate-400"> <div class="flex justify-evenly gap-y-8 gap-x-40 mb-8 border-b border-slate-400">
<h1 <h1
frontend/pages/reception/waiting-reception.vue
+4 -4
View File
@@ -1,13 +1,13 @@
<template> <template>
<div class="flex items-center justify-between mt-16"> <div class="flex items-center justify-between">
<div class="flex items-center gap-10"> <div class="flex items-center gap-10">
<Icon @click="router.push('/')" name="gg:arrow-left-o" style="color: black" size="44" class="cursor-pointer"/> <Icon @click="router.push('/')" name="gg:arrow-left-o" size="44" class="cursor-pointer text-primary-500"/>
<h1 class="text-3xl font-bold uppercase">listes des réceptions en attente</h1> <h1 class="text-3xl font-bold uppercase text-primary-500">listes des réceptions en attente</h1>
</div> </div>
</div> </div>
<div class="px-[86px]"> <div class="px-[86px]">
<div class="mt-6 border border-slate-200 mb-16 "> <div class="mt-6 border border-slate-200 mb-16">
<div class="grid grid-cols-5 gap-4 bg-slate-100 px-4 py-3 text-sm font-semibold uppercase tracking-wide"> <div class="grid grid-cols-5 gap-4 bg-slate-100 px-4 py-3 text-sm font-semibold uppercase tracking-wide">
<div>Fournisseur</div> <div>Fournisseur</div>
<div>Adresse</div> <div>Adresse</div>
frontend/pages/shipment/[[id]].vue
+3 -3
View File
@@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<div class="flex justify-between h-[52px] mt-16 mb-[80px]"> <div class="flex justify-between h-[52px] mb-[80px]">
<div class="flex flex-1 mr-16"> <div class="flex flex-1 mr-16">
<UiStepper <UiStepper
:labels="SHIPMENT_STEP_LABELS" :labels="SHIPMENT_STEP_LABELS"
@@ -9,12 +9,12 @@
/> />
</div> </div>
<button <UiButton
type="button" type="button"
class="flex flex-col justify-center uppercase text-xl bg-black text-white h-[50px] w-[272px] text-center" class="flex flex-col justify-center uppercase text-xl bg-black text-white h-[50px] w-[272px] text-center"
@click="saveAndHold" @click="saveAndHold"
>Mettre en attente >Mettre en attente
</button> </UiButton>
</div> </div>
<ShipmentForm v-if="!storeShipment || storeShipment.currentStep === 0" ref="shipmentFormRef"/> <ShipmentForm v-if="!storeShipment || storeShipment.currentStep === 0" ref="shipmentFormRef"/>
<ShipmentWeight v-if="storeShipment?.currentStep === 1" mode="gross"/> <ShipmentWeight v-if="storeShipment?.currentStep === 1" mode="gross"/>
frontend/pages/shipment/finish-shipment.vue
+11 -8
View File
@@ -1,7 +1,7 @@
<template> <template>
<div class="flex items-center justify-start gap-10 mt-16"> <div class="flex items-center justify-start gap-10">
<Icon @click="router.push('/')" name="gg:arrow-left-o" style="color: black" size="44" class="cursor-pointer"/> <Icon @click="router.push('/')" name="gg:arrow-left-o" size="44" class="cursor-pointer text-primary-500"/>
<h1 class="text-3xl font-bold uppercase">listes des expéditions finie</h1> <h1 class="text-3xl font-bold uppercase text-primary-500">listes des expéditions finie</h1>
</div> </div>
<div class="px-[86px]"> <div class="px-[86px]">
@@ -38,7 +38,7 @@
</div> </div>
</template> </template>
</div> </div>
<div>Vide : {{ formatWeighing(shipment, 'tare') }} <br> Plein :{{ formatWeighing(shipment, 'gross') }}</div> <div>{{ formatWeighing(shipment) }}</div>
</div> </div>
</div> </div>
</div> </div>
@@ -51,12 +51,15 @@ import {getShipmentList} from "~/services/shipment";
const shipmentList = ref<ShipmentData[]>() const shipmentList = ref<ShipmentData[]>()
const router = useRouter() const router = useRouter()
const formatWeighing = (shipment: ShipmentData, type: 'gross' | 'tare') => { const formatWeighing = (shipment: ShipmentData) => {
const entry = shipment.weights?.find((weight) => weight.type === type) const gross = shipment.weights?.find((weight) => weight.type === 'gross')?.weight
if (!entry || entry.weight == null || entry.dsd == null) { const tare = shipment.weights?.find((weight) => weight.type === 'tare')?.weight
if (gross == null || tare == null) {
return '—' return '—'
} }
return `${entry.weight} kg`
return `${gross - tare} kg`
} }
const formatBovinShipmentLines = (shipment: ShipmentData) => { const formatBovinShipmentLines = (shipment: ShipmentData) => {
frontend/pages/shipment/waiting-shipment.vue
+3 -3
View File
@@ -1,8 +1,8 @@
<template> <template>
<div class="flex items-center justify-between mt-16"> <div class="flex items-center justify-between">
<div class="flex items-center gap-10"> <div class="flex items-center gap-10">
<Icon @click="router.push('/')" name="gg:arrow-left-o" style="color: black" size="44" class="cursor-pointer"/> <Icon @click="router.push('/')" name="gg:arrow-left-o" size="44" class="cursor-pointer text-primary-500"/>
<h1 class="text-3xl font-bold uppercase">listes des expéditions en attente</h1> <h1 class="text-3xl font-bold uppercase text-primary-500">listes des expéditions en attente</h1>
</div> </div>
</div> </div>
frontend/tailwind.config.ts
+1 -10
View File
@@ -8,16 +8,7 @@ export default <Partial<Config>>{
}, },
colors: { colors: {
primary: { primary: {
50: '#f6f9ea', 500: '#456452',
100: '#eaf2cf',
200: '#d6e3a4',
300: '#c1d47a',
400: '#afc85a',
500: '#9ebb43',
600: '#7e9735',
700: '#607228',
800: '#414d1a',
900: '#24290d'
} }
} }
} }
src/Command/SeedCommand.php
+11 -11
View File
@@ -251,8 +251,8 @@ class SeedCommand extends Command
private function seedShipmentTypes(): void private function seedShipmentTypes(): void
{ {
$shipmentTypes = [ $shipmentTypes = [
['label' => 'Bovin de boucherie', 'code' => 'BDB'], ['label' => 'Boucherie', 'code' => 'BDB'],
['label' => "Bovin d'équarrissage", 'code' => 'BE'], ['label' => 'Équarrissage', 'code' => 'BE'],
]; ];
foreach ($shipmentTypes as $type) { foreach ($shipmentTypes as $type) {
$this->upsertByCode(ShipmentType::class, $type['code'], static function (ShipmentType $entity) use ($type) { $this->upsertByCode(ShipmentType::class, $type['code'], static function (ShipmentType $entity) use ($type) {
@@ -540,10 +540,10 @@ class SeedCommand extends Command
'addresses' => [ 'addresses' => [
[ [
'label' => 'Les producteurs de la marche (LPM)', 'label' => 'Les producteurs de la marche (LPM)',
'street' => 'Rue de Nexon', 'street' => 'Malonze',
'street2' => null, 'street2' => null,
'postalCode' => '87000', 'postalCode' => '23300',
'city' => 'LIMOGES', 'city' => 'LA SOUTERRAINE',
'countryCode' => 'FR', 'countryCode' => 'FR',
], ],
], ],
@@ -565,15 +565,15 @@ class SeedCommand extends Command
], ],
[ [
'name' => 'TERRENA', 'name' => 'TERRENA',
'phone' => '02.51.67.17.98', 'phone' => '02.40.98.90.00',
'email' => null, 'email' => 'scouillaud@terrena.fr',
'addresses' => [ 'addresses' => [
[ [
'label' => 'TERRENA', 'label' => 'TERRENA',
'street' => 'La Blanchardière', 'street' => 'LA NOELLE',
'street2' => null, 'street2' => 'BP 20199',
'postalCode' => '44522', 'postalCode' => '44155',
'city' => 'MESANGER', 'city' => 'ANCENIS CEDEX',
'countryCode' => 'FR', 'countryCode' => 'FR',
], ],
], ],
src/DataFixtures/ReferenceFixtures.php
+9 -9
View File
@@ -378,10 +378,10 @@ class ReferenceFixtures extends Fixture
'addresses' => [ 'addresses' => [
[ [
'label' => 'Les producteurs de la marche (LPM)', 'label' => 'Les producteurs de la marche (LPM)',
'street' => 'Rue de Nexon', 'street' => 'Malonze',
'street2' => null, 'street2' => null,
'postalCode' => '87000', 'postalCode' => '23300',
'city' => 'LIMOGES', 'city' => 'LA SOUTERRAINE',
'countryCode' => 'FR', 'countryCode' => 'FR',
], ],
], ],
@@ -403,15 +403,15 @@ class ReferenceFixtures extends Fixture
], ],
[ [
'name' => 'TERRENA', 'name' => 'TERRENA',
'phone' => '02.51.67.17.98', 'phone' => '02.40.98.90.00',
'email' => null, 'email' => 'scouillaud@terrena.fr',
'addresses' => [ 'addresses' => [
[ [
'label' => 'TERRENA', 'label' => 'TERRENA',
'street' => 'La Blanchardière', 'street' => 'LA NOELLE',
'street2' => null, 'street2' => 'BP 20199',
'postalCode' => '44522', 'postalCode' => '44155',
'city' => 'MESANGER', 'city' => 'ANCENIS CEDEX',
'countryCode' => 'FR', 'countryCode' => 'FR',
], ],
], ],