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

[#312] Création d'une page d'administration listing des fournisseurs #16

Merged
Matteo merged 8 commits from feat/312-creation-d-une-page-d-administration-listing-des-fournisseurs into develop 2026-02-09 12:32:09 +00:00
Conversation 2 Commits 8 Files Changed 5 +42 -39
2 changed files with 42 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 0770c74ba2 - Show all commits

2
frontend/pages/admin/carrier/carrier-list.vue
View File

@@ -4,7 +4,7 @@
<h1 class="text-3xl font-bold uppercase">listes des transporteurs</h1> <h1 class="text-3xl font-bold uppercase">listes des transporteurs</h1>
<button <button
@Click="goToCarrier()" @Click="goToCarrier()"
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] "
>Ajouter >Ajouter
</button> </button>
</div> </div>

79
frontend/pages/admin/supplier/supplier-list.vue
View File

@@ -1,49 +1,52 @@
<template> <template>
<div class="flex items-center justify-between p-4"> <div class="flex items-center justify-between">
<h1 class="text-3xl font-bold uppercase"> Fournisseurs </h1> <h1 class="text-3xl font-bold uppercase"> Fournisseurs </h1>
<NuxtLink to="/admin/supplier" <NuxtLink to="/admin/supplier"
class="flex items-center justify-center uppercase text-xl bg-primary-500 text-white h-[50px] w-[272px]" class="flex items-center justify-center text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px]"
> >
Ajouter </NuxtLink> Ajouter
</NuxtLink>
</div> </div>
<div class="mt-6 border border-slate-200 mb-16"> <div class="mt-6 border border-slate-200 mb-16">
<div <div class="max-h-96 overflow-y-auto">
class="grid grid-cols-6 gap-4 bg-slate-100 px-4 py-3 text-sm font-semibold uppercase tracking-wide" <div
> class="sticky top-0 z-10 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>Nom</div>
<div>Rue</div> <div>Mail</div>
<div>Complément</div> <div>Rue</div>
<div>Code Postal</div> <div>Complément</div>
<div>Ville</div> <div>Code Postal</div>
</div> <div>Ville</div>
</div>
<div v-for="supplier in supplierList" :key="supplier.id"> <div v-for="supplier in supplierList" :key="supplier.id">
<template v-if="supplier.addresses?.length"> <template v-if="supplier.addresses?.length">
<div <div
v-for="addr in supplier.addresses" v-for="addr in supplier.addresses"
:key="addr.id" :key="addr.id"
class="grid grid-cols-6 gap-4 px-4 py-2" class="grid grid-cols-6 hover:bg-slate-50 border-t gap-4 px-4 py-2"
@click="goToSupplier(supplier.id)" @click="goToSupplier(supplier.id)"
> >
<div class="truncate"> <div class="truncate">
{{ supplier.name }} {{ 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> </div>
<div class="truncate"> </template>
{{ supplier.email }} </div>
</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>
</div> </div>
</template> </template>