Mode sombre, option désactivation mises à jour, user-picker avec recherche

- Dark mode complet : darkMode:'class' Tailwind, sélecteur clair/sombre/auto
  dans la navigation (mémorisé dans localStorage, sans flash au chargement) ;
  53 vues et 8 composants Breeze mis à jour avec classes dark:
- Composant user-picker : fenêtre modale avec recherche temps réel (nom/email)
  remplace les <select> d'ajout de membres dans sections et sources
- Paramètres : option "Désactiver la vérification automatique des mises à jour"
  (case à cochage auto-soumise, route POST parametres/updates)
- Panneau "Paramètres généraux" remonté en tête de la page de paramètres
- README recentré sur l'installation manuelle hébergement PHP+MySQL
- VERSION 1.0.1

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-06-04 19:46:22 +02:00
parent 07ab2a7063
commit f530f55577
73 changed files with 1288 additions and 913 deletions
+21 -21
View File
@@ -2,8 +2,8 @@
<x-slot name="header">
<div class="flex items-center justify-between">
<div>
<h2 class="text-xl font-semibold text-gray-800">Relevés {{ $source->nom }}</h2>
<p class="text-sm text-gray-500 mt-0.5">
<h2 class="text-xl font-semibold text-gray-800 dark:text-gray-200">Relevés {{ $source->nom }}</h2>
<p class="text-sm text-gray-500 dark:text-gray-400 mt-0.5">
Type : {{ $source->sourceType->nom }}
@if($source->cote) · Cote : {{ $source->cote }} @endif
</p>
@@ -11,7 +11,7 @@
<div class="flex items-center gap-3">
<a href="{{ route('sources.show', $source) }}" class="text-sm text-indigo-600 hover:underline"> Source</a>
<a href="{{ route('export.source', $source) }}"
class="px-4 py-2 border border-gray-300 text-gray-700 text-sm rounded-md hover:bg-gray-50"
class="px-4 py-2 border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 text-sm rounded-md hover:bg-gray-50 dark:hover:bg-gray-700"
title="Télécharger au format GEDCOM 5.5.1">
GEDCOM
</a>
@@ -27,7 +27,7 @@
<div class="py-8 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
@if(session('success'))
<div class="mb-4 p-4 bg-green-50 border border-green-200 text-green-800 rounded-md">{{ session('success') }}</div>
<div class="mb-4 p-4 bg-green-50 dark:bg-green-900/30 border border-green-200 dark:border-green-700 text-green-800 dark:text-green-200 rounded-md">{{ session('success') }}</div>
@endif
@php
@@ -35,31 +35,31 @@
$colonnes = $source->sourceType->fields->take(5);
@endphp
<div class="bg-white shadow rounded-lg overflow-hidden">
<div class="bg-white dark:bg-gray-800 shadow rounded-lg overflow-hidden">
<div class="overflow-x-auto">
<table class="min-w-full divide-y divide-gray-200 text-sm">
<thead class="bg-gray-50">
<table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700 text-sm">
<thead class="bg-gray-50 dark:bg-gray-700">
<tr>
@foreach($colonnes as $col)
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase whitespace-nowrap">
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase whitespace-nowrap">
{{ $col->label }}
</th>
@endforeach
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Saisi par</th>
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase">Date</th>
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Saisi par</th>
<th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase">Date</th>
<th class="px-4 py-3"></th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200">
<tbody class="divide-y divide-gray-200 dark:divide-gray-700">
@forelse($releves as $releve)
<tr class="hover:bg-gray-50">
<tr class="hover:bg-gray-50 dark:hover:bg-gray-700">
@foreach($colonnes as $col)
<td class="px-4 py-3 text-gray-700">
<td class="px-4 py-3 text-gray-700 dark:text-gray-300">
@php $val = $releve->data[$col->name] ?? null; @endphp
@if(is_array($val))
{{ $val['valeur'] ?? '' }}
@if(!empty($val['calendrier']) && $val['calendrier'] !== 'gregorien')
<span class="text-xs text-gray-400">({{ $val['calendrier'] }})</span>
<span class="text-xs text-gray-400 dark:text-gray-500">({{ $val['calendrier'] }})</span>
@endif
@elseif(is_bool($val))
{{ $val ? 'Oui' : 'Non' }}
@@ -68,12 +68,12 @@
@endif
</td>
@endforeach
<td class="px-4 py-3 text-gray-500">{{ $releve->createur?->name ?? '—' }}</td>
<td class="px-4 py-3 text-gray-500 whitespace-nowrap">{{ $releve->created_at->format('d/m/Y') }}</td>
<td class="px-4 py-3 text-gray-500 dark:text-gray-400">{{ $releve->createur?->name ?? '—' }}</td>
<td class="px-4 py-3 text-gray-500 dark:text-gray-400 whitespace-nowrap">{{ $releve->created_at->format('d/m/Y') }}</td>
<td class="px-4 py-3 text-right whitespace-nowrap space-x-3">
<a href="{{ route('releves.show', $releve) }}" class="text-indigo-600 hover:underline">Voir</a>
@can('update', $releve)
<a href="{{ route('releves.edit', $releve) }}" class="text-gray-600 hover:text-indigo-600">Modifier</a>
<a href="{{ route('releves.edit', $releve) }}" class="text-gray-600 dark:text-gray-400 hover:text-indigo-600">Modifier</a>
@endcan
@can('delete', $releve)
<form method="POST" action="{{ route('releves.destroy', $releve) }}" class="inline"
@@ -87,7 +87,7 @@
@empty
<tr>
<td colspan="{{ $colonnes->count() + 3 }}"
class="px-6 py-10 text-center text-gray-400">
class="px-6 py-10 text-center text-gray-400 dark:text-gray-500">
Aucun relevé pour cette source.
</td>
</tr>
@@ -98,10 +98,10 @@
{{-- Navigation curseur (keyset pagination) --}}
@if($releves->hasPages())
<div class="px-6 py-4 border-t border-gray-200 flex items-center justify-between text-sm">
<div class="px-6 py-4 border-t border-gray-200 dark:border-gray-700 flex items-center justify-between text-sm">
<div>
@if($releves->onFirstPage())
<span class="text-gray-400"> Précédent</span>
<span class="text-gray-400 dark:text-gray-500"> Précédent</span>
@else
<a href="{{ $releves->previousPageUrl() }}" class="text-indigo-600 hover:underline"> Précédent</a>
@endif
@@ -110,7 +110,7 @@
@if($releves->hasMorePages())
<a href="{{ $releves->nextPageUrl() }}" class="text-indigo-600 hover:underline">Suivant </a>
@else
<span class="text-gray-400">Suivant </span>
<span class="text-gray-400 dark:text-gray-500">Suivant </span>
@endif
</div>
</div>