You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and dots ('.'), can be up to 35 characters long. Letters must be lowercase.
51 lines
2.2 KiB
51 lines
2.2 KiB
<script setup> |
|
import { Head, Link, useForm } from '@inertiajs/vue3'; |
|
import Layout from '@/Layouts/Layout.vue'; |
|
import Create from '@/Pages/Photo/Partials/Create.vue'; |
|
import Show from'@/Pages/Photo/Partials/Show.vue'; |
|
import Modal from '@/Pages/Photo/Partials/Modal.vue'; |
|
import { reactive, ref } from 'vue'; |
|
|
|
const props = defineProps({ |
|
users: { |
|
type: Array, |
|
} |
|
}); |
|
</script> |
|
|
|
<template> |
|
<Head title="Photos"/> |
|
<Layout> |
|
<template #header> |
|
<div class="w-full flex justify-between items-center py-1"> |
|
<button class="bg-gray-300 p-2 py-1 rounded shadow text-gray-800 ml-1 laptop:text-lg text-sm">Utilisateurs</button> |
|
<Link :href="route('admin.user.create')" class="flex items-center hover:bg-black/10 rounded-md px-1 py-1"> |
|
<p class="font-medium laptop:mr-4 mr-1 laptop:text-lg text-sm">Ajouter un utilisateur</p> |
|
<img src="/icons/add.svg" class="h-8"> |
|
</Link> |
|
</div> |
|
</template> |
|
<template #content> |
|
<div class="laptop:w-full desktop:px-[17.5%] laptop:px-[12.5%] overflow-x-auto px-2 h-screen"> |
|
<div class="tablet:w-full flex flex-col mt-10 w-[800px]"> |
|
<div class="w-full grid grid-cols-6 p-4 border-b boder text-center laptop:text-lg text-sm font-medium"> |
|
<p>Nom</p> |
|
<p>Totem</p> |
|
<p>Email</p> |
|
<p>Tel.</p> |
|
<p>Contactable</p> |
|
<p>Créer le</p> |
|
</div> |
|
<div v-for="(user, index) in users" class="w-full grid grid-cols-6 p-4 border-b laptop:text-md text-xs boder text-center"> |
|
<p>{{ user.name }}</p> |
|
<p>{{ user.totem }}</p> |
|
<p>{{ user.email }}</p> |
|
<p>{{ user.tel }}</p> |
|
<p>{{ user.contactable ? "Oui" : "Non" }}</p> |
|
<p>{{ user.created_at }}</p> |
|
</div> |
|
</div> |
|
</div> |
|
</template> |
|
</Layout> |
|
</template> |