MALIO-DEV/SIRH
4
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases 67 Wiki Activity

feat : liste des employés

Browse Source
This commit is contained in:
Autin
2026-03-02 15:50:20 +01:00
parent 5aac94ad0e
commit e0f2a84f2c
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/pages/employees/index.vue
View File

@@ -27,14 +27,14 @@
Aucun employé pour le moment. Aucun employé pour le moment.
</div> </div>
<div v-else class="grid grid-cols-4 gap-8 lg:[grid-template-columns:repeat(auto-fit,328px)]"> <div v-else class="grid gap-8 [grid-template-columns:repeat(auto-fill,minmax(260px,1fr))]">
<NuxtLink <NuxtLink
v-for="employee in filteredEmployees" v-for="employee in filteredEmployees"
:key="employee.id" :key="employee.id"
:to="`/employees/${employee.id}`" :to="`/employees/${employee.id}`"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
class="group relative h-[328px] w-[328px] overflow-hidden rounded-lg bg-tertiary-500 p-4 transition-all duration-200 hover:shadow-md" class="group relative min-h-[328px] overflow-hidden rounded-lg bg-tertiary-500 p-4 transition-all duration-200 hover:shadow-md"
> >
<div class="flex flex-col items-center gap-7 transition-opacity duration-200 group-hover:opacity-0"> <div class="flex flex-col items-center gap-7 transition-opacity duration-200 group-hover:opacity-0">
<div class="rounded-full bg-neutral-300 h-[175px] w-[175px]"></div> <div class="rounded-full bg-neutral-300 h-[175px] w-[175px]"></div>
@@ -218,7 +218,7 @@ const contracts = ref<Contract[]>([])
const employeeFilter = ref('') const employeeFilter = ref('')
const selectedSiteIds = ref<number[]>([]) const selectedSiteIds = ref<number[]>([])
const filteredEmployees = computed(() => { const filteredEmployees = computed<Employee[]>(() => {
if (selectedSiteIds.value.length === 0) return [] if (selectedSiteIds.value.length === 0) return []
const filter = employeeFilter.value.trim().toLowerCase() const filter = employeeFilter.value.trim().toLowerCase()