Merge branch 'refs/heads/develop' into feat/312-creation-d-une-page-d-administration-listing-des-fournisseurs

# Conflicts:
#	.idea/workspace.xml
#	frontend/layouts/admin.vue

CHANGELOG.md

@@ -29,6 +29,7 @@ Ajouter dans le fichier .env du frontend
 * Finalisation de la partie réception de marchandise
 * [#267] Lister les réceptions en attente
 * [#268] Lister les réceptions terminées
+* [#316] Admin liste des transporteurs
 
 ### Changed
 

config/version.yaml

@@ -1,2 +1,2 @@
 parameters:
-    app.version: '0.0.32'
+    app.version: '0.0.33'

frontend/layouts/admin.vue

@@ -21,12 +21,18 @@
         </header>
 
         <div class="grid grid-cols-[16rem,1fr] h-[calc(100vh-85px)] min-h-0">
-            <aside class="bg-primary-500 text-white min-h-0 grid grid-rows-[auto,1fr,auto]">
+            <aside class="bg-primary-500 text-white min-h-0 flex flex-col justify-between">
-                <div class="p-4 font-semibold">Tableau de bord</div>
+                <div class="flex flex-col gap-4 p-4 font-bold text-xl">
-
-                <div class="overflow-y-auto min-h-0 p-4 space-y-3">
                     <!-- Liste des liens à ajouter ci-dessous -->
-
+                    <NuxtLink to="/admin/dashboard">
+                        Tableau de bord
+                    </NuxtLink>
+                    <NuxtLink to="/admin/supplier-list">
+                        Fournisseur
+                    </NuxtLink>
+                    <NuxtLink to="/admin/carrier/carrier-list">
+                        Transporteur
+                    </NuxtLink>
                 </div>
 
                 <div class="p-4">

frontend/pages/admin/carrier/carrier-list.vue

@@ -0,0 +1,51 @@
+<template>
+
+    <div class="flex items-center justify-between ">
+            <h1 class="text-3xl font-bold uppercase">listes des transporteurs</h1>
+            <button
+                @Click="goToCarrier()"
+                class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] justify-self-end"
+            >Ajouter
+            </button>
+    </div>
+
+        <div class="mt-6 border border-slate-200 mb-16 ">
+            <div class="grid grid-cols-2 gap-4 bg-slate-100 px-4 py-3 text-sm font-semibold uppercase tracking-wide">
+                <div>Label</div>
+                <div>Code</div>
+            </div>
+            <div
+                v-for="carrier in carrierList"
+                :key="carrier.id"
+                class="grid grid-cols-2 gap-4 px-4 py-3 text-sm hover:bg-slate-50 cursor-pointer border-t border-slate-200"
+                role="button"
+                tabindex="0"
+                @click="goToCarrier(carrier.id)"
+                @keydown.enter="goToCarrier(carrier.id)"
+            >
+                <div>{{ carrier.name}}</div>
+                <div>{{ carrier.code }}</div>
+            </div>
+        </div>
+
+</template>
+
+<script setup lang="ts">
+import type {CarrierData} from "~/services/dto/carrier-data";
+import {getCarrierList} from "~/services/carrier";
+
+const carrierList = ref<CarrierData[]>()
+const router = useRouter()
+
+const goToCarrier = (id: number|null = null) => {
+    id !== null ? router.push(`/admin/carrier/${id}`) : router.push(`/admin/carrier`)
+}
+
+definePageMeta({
+    layout: 'admin'
+})
+
+onMounted(async () => {
+    carrierList.value = await getCarrierList(false)
+})
+</script>

frontend/pages/admin/supplier-list.vue

@@ -0,0 +1,71 @@
+<template>
+    <div class="flex items-center justify-between p-4">
+        <h1 class="text-xl font-fullbold uppercase"> Fournisseurs </h1>
+        <NuxtLink to="/admin/supplier"
+           class="flex items-center justify-center uppercase text-xl bg-primary-500 text-white h-[50px] w-[272px]"
+        >
+            Ajouter </NuxtLink>
+    </div>
+    <div class="mt-6 border border-slate-200 mb-16">
+        <div
+            class="grid grid-cols-6 gap-4 bg-slate-100 px-4 py-3 text-sm font-semibold uppercase tracking-wide"
+        >
+            <div>Nom</div>
+            <div>Mail</div>
+            <div>Rue</div>
+            <div>Complément</div>
+            <div>Code Postal</div>
+            <div>Ville</div>
+        </div>
+
+        <div v-for="supplier in supplierList" :key="supplier.id">
+            <template v-if="supplier.addresses?.length">
+                <div
+                    v-for="addr in supplier.addresses"
+                    :key="addr.id"
+                    class="grid grid-cols-6 gap-4 px-4 py-2 "
+                    @click="goToSupplier(supplier.id)"
+                >
+                    <div class="truncate">
+                        {{ supplier.name }}
+                    </div>
+                    <div class="truncate">
+                        {{ supplier.email }}
+                    </div>
+                    <div class="truncate">
+                        {{ addr.street }}
+                    </div>
+                    <div class="truncate">
+                        {{ addr.street2 }}
+                    </div>
+                    <div>{{ addr.postalCode }}</div>
+                    <div class="uppercase truncate">
+                        {{ addr.city }}
+                    </div>
+                </div>
+            </template>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import type {SupplierData} from "~/services/dto/supplier-data"
+import {getSupplierList} from "~/services/supplier"
+
+definePageMeta({layout: "admin"})
+
+const supplierList = ref<SupplierData[]>([])
+const router = useRouter()
+
+
+const goToSupplier = (id: number) => {
+    router.push(`/admin/supplier/${id}`)
+}
+
+onMounted(async () => {
+    supplierList.value = (await getSupplierList(false)) ?? []
+})
+
+</script>
+
+