[#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
2 changed files with 42 additions and 39 deletions
Showing only changes of commit 0770c74ba2 - Show all commits

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>

View File

@@ -1,14 +1,16 @@
<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 class="max-h-96 overflow-y-auto">
<div <div
class="grid grid-cols-6 gap-4 bg-slate-100 px-4 py-3 text-sm font-semibold uppercase tracking-wide" 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>Nom</div>
<div>Mail</div> <div>Mail</div>
@@ -23,7 +25,7 @@
<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">
@@ -46,6 +48,7 @@
</template> </template>
</div> </div>
</div> </div>
</div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">