Import/export CSV des lieux

Export (GET lieux/export/csv) :
- Colonnes : nom, code, type, lieu_parent (nom_long), latitude, longitude, note
- BOM UTF-8, séparateur point-virgule

Import (GET/POST lieux/import) :
- Correspondance par nom de colonne (colonne nom obligatoire)
- Résolution du parent par nom_long exact
- Résolution du type par nom exact
- Détection automatique du séparateur ; ou ,
- nom_long recalculé automatiquement par le modèle

Boutons ↓ CSV, ↑ Importer CSV et + Nouveau lieu dans la liste des lieux.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-06-05 20:06:46 +02:00
parent cdbf6d458c
commit aaf0fc2cd9
4 changed files with 206 additions and 6 deletions
+80
View File
@@ -0,0 +1,80 @@
<x-app-layout>
<x-slot name="header">
<h2 class="text-xl font-semibold text-gray-800 dark:text-gray-200">Importer des lieux</h2>
</x-slot>
<div class="py-8 max-w-2xl mx-auto px-4 sm:px-6 lg:px-8 space-y-6">
@if(session('error'))
<div class="p-4 bg-red-50 dark:bg-red-900/30 border border-red-200 dark:border-red-700 text-red-800 dark:text-red-200 rounded-md">
{{ session('error') }}
</div>
@endif
<div class="bg-white dark:bg-gray-800 shadow rounded-lg p-6">
<form method="POST" action="{{ route('lieux.import.store') }}" enctype="multipart/form-data">
@csrf
<div>
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
Fichier CSV <span class="text-red-500">*</span>
</label>
<input type="file" name="fichier" accept=".csv,.txt" required
class="block w-full text-sm text-gray-700 dark:text-gray-300
file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0
file:text-sm file:font-medium file:bg-indigo-50 file:text-indigo-700
hover:file:bg-indigo-100 dark:file:bg-indigo-900/30 dark:file:text-indigo-300">
@error('fichier')
<p class="mt-1 text-sm text-red-600">{{ $message }}</p>
@enderror
</div>
<div class="mt-5">
<button type="submit"
class="px-5 py-2 bg-indigo-600 text-white rounded-md hover:bg-indigo-700 text-sm">
Importer
</button>
</div>
</form>
</div>
<div class="bg-gray-50 dark:bg-gray-700 rounded-lg p-5 text-sm space-y-3">
<p class="font-medium text-gray-700 dark:text-gray-300">Format attendu</p>
<ul class="text-gray-600 dark:text-gray-400 space-y-1 list-disc list-inside">
<li>Encodage <strong>UTF-8</strong>, séparateur <strong>point-virgule</strong> (<code>;</code>) ou virgule (<code>,</code>)</li>
<li>Première ligne = en-têtes (noms exacts ci-dessous)</li>
<li>Le parent est identifié par son <strong>nom long complet</strong> (ex : <code>Gironde, France</code>)</li>
<li>Le type est identifié par son <strong>nom exact</strong> tel que défini dans les types de lieux</li>
</ul>
<div class="mt-3 overflow-x-auto">
<table class="text-xs border-collapse w-full">
<thead>
<tr class="bg-gray-200 dark:bg-gray-600">
@foreach(['nom *', 'code', 'type', 'lieu_parent', 'latitude', 'longitude', 'note'] as $col)
<th class="border border-gray-300 dark:border-gray-500 px-2 py-1 text-left font-mono text-gray-700 dark:text-gray-200">{{ $col }}</th>
@endforeach
</tr>
</thead>
<tbody>
<tr class="text-gray-500 dark:text-gray-400">
<td class="border border-gray-300 dark:border-gray-500 px-2 py-1">Bordeaux</td>
<td class="border border-gray-300 dark:border-gray-500 px-2 py-1">33063</td>
<td class="border border-gray-300 dark:border-gray-500 px-2 py-1">Commune</td>
<td class="border border-gray-300 dark:border-gray-500 px-2 py-1">Gironde, France</td>
<td class="border border-gray-300 dark:border-gray-500 px-2 py-1">44.8378</td>
<td class="border border-gray-300 dark:border-gray-500 px-2 py-1">-0.5792</td>
<td class="border border-gray-300 dark:border-gray-500 px-2 py-1"></td>
</tr>
</tbody>
</table>
</div>
<p class="text-gray-500 dark:text-gray-400 text-xs mt-2">
Astuce : utilisez
<a href="{{ route('lieux.export.csv') }}" class="text-indigo-600 hover:underline">l'export CSV</a>
de la liste des lieux comme modèle.
</p>
</div>
<a href="{{ route('lieux.index') }}" class="text-sm text-indigo-600 hover:underline"> Retour aux lieux</a>
</div>
</x-app-layout>
+15 -5
View File
@@ -2,12 +2,22 @@
<x-slot name="header">
<div class="flex items-center justify-between">
<h2 class="text-xl font-semibold text-gray-800 dark:text-gray-200">Lieux</h2>
@can('create', App\Models\Lieu::class)
<a href="{{ route('lieux.create') }}"
class="px-4 py-2 bg-indigo-600 text-white text-sm rounded-md hover:bg-indigo-700">
+ Nouveau lieu
<div class="flex items-center gap-2">
<a href="{{ route('lieux.export.csv') }}"
class="px-4 py-2 bg-white dark:bg-gray-800 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">
CSV
</a>
@endcan
@can('create', App\Models\Lieu::class)
<a href="{{ route('lieux.import.create') }}"
class="px-4 py-2 bg-white dark:bg-gray-800 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">
Importer CSV
</a>
<a href="{{ route('lieux.create') }}"
class="px-4 py-2 bg-indigo-600 text-white text-sm rounded-md hover:bg-indigo-700">
+ Nouveau lieu
</a>
@endcan
</div>
</div>
</x-slot>