jeremy/ficheagent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat : Implémentation de l'interface utilisateur initiale, incluant la page d'accueil, la mise en page authentifiée et le tableau de bord administrateur.

Browse Source
This commit is contained in:
jeremy bayse
2026-02-21 17:52:27 +01:00
parent 4fc7fdd7cd
commit a0e904d69d
3 changed files with 24 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
resources/js/Pages/Dashboard/Admin.vue
View File

@@ -19,14 +19,7 @@ const props = defineProps({
<h2 class="text-xl font-semibold leading-tight text-gray-800 dark:text-gray-200">
Administration
</h2>
<div>
<Link :href="route('templates.index')" class="mr-2 px-4 py-2 bg-gray-200 border border-transparent rounded-md font-semibold text-xs text-gray-800 uppercase tracking-widest hover:bg-gray-300 dark:bg-gray-700 dark:text-gray-200 dark:hover:bg-gray-600 transition ease-in-out duration-150">
Gérer les Modèles
</Link>
<Link :href="route('users.index')" class="px-4 py-2 bg-gray-800 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-gray-700 dark:bg-gray-200 dark:text-gray-800 dark:hover:bg-white transition ease-in-out duration-150">
Gérer les Utilisateurs
</Link>
</div>
</div>
</template>

18
resources/js/Pages/Welcome.vue
View File

@@ -21,7 +21,7 @@ defineProps({
</script>
<template>
<Head title="Bienvenue - Fiche Agent" />
<Head title="CAPCAB - SIRH" />
<div class="bg-gray-50 text-black/50 dark:bg-black dark:text-white/50 min-h-screen flex flex-col">
<!-- Background Effects -->
@@ -36,7 +36,7 @@ defineProps({
<div class="flex items-center gap-2">
<ApplicationLogo class="w-12 h-12" />
<span class="text-xl font-bold text-gray-900 dark:text-white tracking-tight">
CAP <span class="text-red-600">CABM</span>
CAPCAB <span class="text-red-600">SIRH</span>
</span>
</div>
<nav v-if="canLogin" class="flex gap-4">
@@ -66,15 +66,15 @@ defineProps({
<span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-red-400 opacity-75"></span>
<span class="relative inline-flex rounded-full h-2 w-2 bg-red-500"></span>
</span>
Construire l’Accueil et le Parcours
Construire votre SIRH
</div>
<h1 class="text-5xl md:text-7xl font-extrabold tracking-tight text-gray-900 dark:text-white mb-6 max-w-4xl">
CAP <span class="text-transparent bg-clip-text bg-gradient-to-r from-red-600 via-yellow-500 to-blue-600">CABM</span>
CAPCAB <span class="text-transparent bg-clip-text bg-gradient-to-r from-red-600 via-yellow-500 to-blue-600">SIRH</span>
</h1>
<p class="text-lg md:text-xl text-gray-600 dark:text-gray-300 max-w-2xl mb-10 leading-relaxed">
La plateforme dédiée à l'accueil et au parcours des agents de l'Agglomération Béziers Méditerranée.
La plateforme dédiée à l'onboarding de vos collaborateurs au sein de votre structure
</p>
<div class="flex flex-col sm:flex-row gap-4 w-full sm:w-auto">
@@ -104,7 +104,7 @@ defineProps({
</div>
<h3 class="text-xl font-bold text-gray-900 dark:text-white mb-2">Ressources Humaines</h3>
<p class="text-sm text-gray-600 dark:text-gray-400">
Centralisez les demandes d'arrivée et de départ des agents de l'agglomération.
Centralisez les demandes d'arrivée et de départ des collaborateurs de votre structure.
</p>
</div>
@@ -116,7 +116,7 @@ defineProps({
</div>
<h3 class="text-xl font-bold text-gray-900 dark:text-white mb-2">Services Supports</h3>
<p class="text-sm text-gray-600 dark:text-gray-400">
DSI, Bâtiment, Parc Auto : recevez vos ordres de mission automatiquement.
Services Informatique, Bâtiment, Parc Auto : recevez vos ordres de mission automatiquement.
</p>
</div>
@@ -128,7 +128,7 @@ defineProps({
</div>
<h3 class="text-xl font-bold text-gray-900 dark:text-white mb-2">Efficacité & Suivi</h3>
<p class="text-sm text-gray-600 dark:text-gray-400">
Un tableau de bord aux couleurs de Béziers pour piloter l'activité en temps réel.
Un tableau de bord vous permet de piloter l'activité en temps réel.
</p>
</div>
</div>
@@ -136,7 +136,7 @@ defineProps({
<!-- Footer -->
<footer class="py-8 text-center text-sm text-gray-500 dark:text-gray-400">
&copy; {{ new Date().getFullYear() }} CAP CABM. Tous droits réservés.
&copy; {{ new Date().getFullYear() }} CAPCAB. Tous droits réservés.
<div class="mt-2 text-xs opacity-70">
Laravel v{{ laravelVersion }} (PHP v{{ phpVersion }})
</div>