Skip to content

Feature/front colors #40

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Denis40-prog merged 4 commits into from
Aug 19, 2025
Merged

Feature/front colors #40

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
a85e0bf
Merge pull request #38 from Denis40-prog/develop
Denis40-prog Aug 16, 2025
907c1a5
[UPD] mode dark passe de bleu foncé à noir
Denis40-prog Aug 19, 2025
3eb1eef
[UPD] dark theme des formulaires
Denis40-prog Aug 19, 2025
0acc89a
[UPD] color-admin-page
Denis40-prog Aug 19, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 0 additions & 11 deletions resources/views/dashboard.blade.php
View file
Open in desktop

This file was deleted.

24 changes: 12 additions & 12 deletions resources/views/livewire/admin/user-management.blade.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
</div>

<!-- Filtres -->
<div class="bg-white dark:bg-slate-800 shadow rounded-lg mb-6">
<div class="bg-white dark:bg-zinc-900 shadow rounded-lg mb-6">
<div class="p-6">
<h2 class="text-lg font-medium text-slate-900 dark:text-white mb-4">Filtres</h2>

Expand All @@ -20,8 +20,8 @@
Nom d'utilisateur
</label>
<input wire:model.live="search" type="text" id="search"
class="mt-1 block w-full rounded-md border-slate-300 dark:border-slate-600 dark:bg-slate-700 dark:text-white shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
placeholder="Rechercher par nom...">
class="mt-1 block w-full h-11 rounded-lg border border-slate-300 dark:border-slate-600 dark:bg-zinc-800 dark:text-white shadow-sm focus:border-indigo-500 focus:ring focus:ring-indigo-500 focus:ring-opacity-50 focus:outline-none transition placeholder-gray-400 dark:placeholder-gray-500 text-sm md:text-base"
placeholder="Rechercher par nom...">
</div>

<!-- Filtre par email -->
Expand All @@ -30,7 +30,7 @@ class="mt-1 block w-full rounded-md border-slate-300 dark:border-slate-600 dark:
Email
</label>
<input wire:model.live="emailFilter" type="email" id="emailFilter"
class="mt-1 block w-full rounded-md border-slate-300 dark:border-slate-600 dark:bg-slate-700 dark:text-white shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
class="mt-1 block w-full h-11 rounded-lg border border-slate-300 dark:border-slate-600 dark:bg-zinc-800 dark:text-white shadow-sm focus:border-indigo-500 focus:ring focus:ring-indigo-500 focus:ring-opacity-50 focus:outline-none transition placeholder-gray-400 dark:placeholder-gray-500 text-sm md:text-base"
placeholder="Rechercher par email...">
</div>

Expand All @@ -40,7 +40,7 @@ class="mt-1 block w-full rounded-md border-slate-300 dark:border-slate-600 dark:
Équipe
</label>
<select wire:model.live="teamFilter" id="teamFilter"
class="mt-1 block w-full rounded-md border-slate-300 dark:border-slate-600 dark:bg-slate-700 dark:text-white shadow-sm focus:border-indigo-500 focus:ring-indigo-500">
class="mt-1 block w-full h-11 rounded-lg border border-slate-300 dark:border-slate-600 dark:bg-zinc-800 dark:text-white shadow-sm focus:border-indigo-500 focus:ring focus:ring-indigo-500 focus:ring-opacity-50 focus:outline-none transition placeholder-gray-400 dark:placeholder-gray-500 text-sm md:text-base">
<option value="">Toutes les équipes</option>
@foreach($teams as $team)
<option value="{{ $team->id }}">{{ $team->name }}</option>
Expand All @@ -54,7 +54,7 @@ class="mt-1 block w-full rounded-md border-slate-300 dark:border-slate-600 dark:
Rôle
</label>
<select wire:model.live="roleFilter" id="roleFilter"
class="mt-1 block w-full rounded-md border-slate-300 dark:border-slate-600 dark:bg-slate-700 dark:text-white shadow-sm focus:border-indigo-500 focus:ring-indigo-500">
class="mt-1 block w-full h-11 rounded-lg border border-slate-300 dark:border-slate-600 dark:bg-zinc-800 dark:text-white shadow-sm focus:border-indigo-500 focus:ring focus:ring-indigo-500 focus:ring-opacity-50 focus:outline-none transition placeholder-gray-400 dark:placeholder-gray-500 text-sm md:text-base">
<option value="">Tous les rôles</option>
<option value="admin">Administrateur</option>
<option value="user">Utilisateur</option>
Expand All @@ -64,7 +64,7 @@ class="mt-1 block w-full rounded-md border-slate-300 dark:border-slate-600 dark:

<div class="mt-4">
<button wire:click="clearFilters"
class="inline-flex items-center px-4 py-2 border border-slate-300 dark:border-slate-600 rounded-md shadow-sm text-sm font-medium text-slate-700 dark:text-slate-300 bg-white dark:bg-slate-800 hover:bg-slate-50 dark:hover:bg-slate-700">
class="bg-slate-200 dark:bg-zinc-800 hover:bg-slate-300 dark:hover:bg-gray-700 text-slate-800 dark:text-white font-semibold py-3 px-6 rounded-lg transition-colors duration-200 shadow-lg cursor-pointer">
Effacer les filtres
</button>
</div>
Expand All @@ -74,8 +74,8 @@ class="inline-flex items-center px-4 py-2 border border-slate-300 dark:border-sl
<!-- Tableau des utilisateurs -->
<div class="bg-white dark:bg-slate-800 shadow rounded-lg">
<div class="overflow-x-auto">
<table class="min-w-full divide-y divide-slate-200 dark:divide-slate-700">
<thead class="bg-slate-50 dark:bg-slate-900">
<table class="min-w-full divide-y divide-slate-200 dark:divide-slate-700 border dark:border-zinc-900">
<thead class="bg-slate-50 dark:bg-zinc-900">
<tr>
<th scope="col" class="px-6 py-3 text-left">
<button wire:click="sortBy('name')"
Expand Down Expand Up @@ -139,9 +139,9 @@ class="group inline-flex items-center text-xs font-medium uppercase tracking-wid
</th>
</tr>
</thead>
<tbody class="bg-white dark:bg-slate-800 divide-y divide-slate-200 dark:divide-slate-700">
<tbody class="bg-white dark:bg-zinc-800 divide-y divide-slate-200 dark:divide-slate-700">
@forelse($users as $user)
<tr class="hover:bg-slate-50 dark:hover:bg-slate-700">
<tr class="hover:bg-slate-50 dark:hover:bg-zinc-700">
<td class="px-6 py-4 whitespace-nowrap">
<div class="flex items-center">
<div class="flex-shrink-0 h-10 w-10">
Expand Down Expand Up @@ -222,7 +222,7 @@ class="text-red-600 hover:text-red-900 dark:text-red-400 dark:hover:text-red-300
</div>

<!-- Pagination -->
<div class="bg-white dark:bg-slate-800 px-4 py-3 border-t border-slate-200 dark:border-slate-700 sm:px-6">
<div class="bg-white dark:bg-zinc-900 px-4 py-3 border-t border-slate-200 dark:border-slate-700 sm:px-6">
{{ $users->links() }}
</div>
</div>
Expand Down
14 changes: 7 additions & 7 deletions resources/views/livewire/dashboard.blade.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<div>
<div class="container mx-auto px-4 py-8 text-slate-800 dark:text-white bg-slate-100 dark:bg-transparent">
<div class="container mx-auto px-4 py-8 text-slate-800 dark:text-white dark:bg-transparent">
<!-- Header -->
<div class="flex justify-between items-center mb-8">
<div>
Expand All @@ -8,7 +8,7 @@
</div>
<button
wire:click="toggleCreateForm"
class="bg-slate-200 dark:bg-gray-800 hover:bg-slate-300 dark:hover:bg-gray-700 text-slate-800 dark:text-white font-semibold py-3 px-6 rounded-lg transition-colors duration-200 shadow-lg cursor-pointer">
class="bg-slate-200 dark:bg-zinc-900 hover:bg-slate-300 dark:hover:bg-gray-700 text-slate-800 dark:text-white font-semibold py-3 px-6 rounded-lg transition-colors duration-200 shadow-lg cursor-pointer">
{{ $showCreateForm ? 'Annuler' : 'Nouvelle équipe' }}
</button>
</div>
Expand All @@ -17,7 +17,7 @@ class="bg-slate-200 dark:bg-gray-800 hover:bg-slate-300 dark:hover:bg-gray-700 t

<!-- Create Team Form -->
@if($showCreateForm)
<div class="bg-slate-50 dark:bg-gray-800 border border-slate-200 dark:border-gray-600 rounded-lg p-6 mb-8">
<div class="bg-slate-50 dark:bg-zinc-900 border border-slate-200 dark:border-gray-600 rounded-lg p-6 mb-8">
<h3 class="text-xl font-semibold text-slate-800 dark:text-white mb-4">Créer une nouvelle équipe</h3>
<form wire:submit.prevent="createTeam">
<div class="mb-4">
Expand All @@ -28,7 +28,7 @@ class="bg-slate-200 dark:bg-gray-800 hover:bg-slate-300 dark:hover:bg-gray-700 t
type="text"
id="newTeamName"
wire:model="newTeamName"
class="w-full px-3 py-2 bg-white dark:bg-gray-700 border border-slate-300 dark:border-gray-600 rounded-lg text-slate-800 dark:text-white placeholder-slate-500 dark:placeholder-gray-400 focus:outline-none focus:border-emerald-500 dark:focus:border-blue-500"
class="w-full px-3 py-2 bg-white dark:bg-zinc-800 border border-slate-300 dark:border-gray-600 rounded-lg text-slate-800 dark:text-white placeholder-slate-500 dark:placeholder-gray-400 focus:outline-none focus:border-emerald-500 dark:focus:border-blue-500"
placeholder="Entrez le nom de l'équipe"
required>
@error('newTeamName')
Expand All @@ -42,7 +42,7 @@ class="w-full px-3 py-2 bg-white dark:bg-gray-700 border border-slate-300 dark:b
<textarea
id="newTeamDescription"
wire:model="newTeamDescription"
class="w-full px-3 py-2 bg-white dark:bg-gray-700 border border-slate-300 dark:border-gray-600 rounded-lg text-slate-800 dark:text-white placeholder-slate-500 dark:placeholder-gray-400 focus:outline-none focus:border-emerald-500 dark:focus:border-blue-500"
class="w-full px-3 py-2 bg-white dark:bg-zinc-800 border border-slate-300 dark:border-gray-600 rounded-lg text-slate-800 dark:text-white placeholder-slate-500 dark:placeholder-gray-400 focus:outline-none focus:border-emerald-500 dark:focus:border-blue-500"
placeholder="Décrivez l'équipe et ses objectifs"
rows="3"></textarea>
@error('newTeamDescription')
Expand All @@ -52,7 +52,7 @@ class="w-full px-3 py-2 bg-white dark:bg-gray-700 border border-slate-300 dark:b
<div class="flex gap-3">
<button
type="submit"
class="bg-emerald-600 dark:bg-blue-600 hover:bg-emerald-700 dark:hover:bg-green-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200 cursor-pointer">
class="bg-emerald-600 dark:bg-green-600 hover:bg-emerald-700 dark:hover:bg-green-700 text-white font-semibold py-2 px-4 rounded-lg transition-colors duration-200 cursor-pointer">
Créer l'équipe
</button>
<button
Expand All @@ -69,7 +69,7 @@ class="bg-slate-400 dark:bg-gray-600 hover:bg-slate-500 dark:hover:bg-gray-700 t
<!-- Teams Grid -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
@forelse($teams as $team)
<div class="bg-slate-50 dark:bg-gray-800 border border-slate-200 dark:border-gray-600 rounded-lg p-6 hover:bg-slate-100 dark:hover:bg-gray-700 hover:border-slate-300 dark:hover:border-gray-500 transition-all duration-200 shadow-lg">
<div class="bg-slate-100 dark:bg-zinc-900 border border-slate-200 dark:border-gray-600 rounded-lg p-6 hover:bg-slate-100 dark:hover:bg-gray-700 hover:border-slate-300 dark:hover:border-gray-500 transition-all duration-200 shadow-lg">
<div class="flex items-center justify-between mb-4">
<h3 class="text-xl font-semibold text-slate-800 dark:text-white cursor-pointer"
onclick="window.location.href='/projects/{{ $team->id }}'">
Expand Down
Loading
Loading