Ajoute géolocalisation des sites, duplication d'actifs et intégration GLPI

- Coordonnées GPS sur les sites (formulaire + carte Leaflet en direct sur
  la fiche et sur la liste des sites d'une organisation).
- Duplication d'un actif depuis la liste.
- Intégration GLPI en lecture seule : panneau "Tickets" sur le tableau de
  bord de l'organisation (tickets non clos, priorité, catégorie, extrait),
  organisations liées à leur entité GLPI via glpi_entity_id.
- Corrige la mise en cache des permissions Spatie lors du seed (silencée
  par WithoutModelEvents) et rend le seeder admin idempotent.
- Ajoute busy_timeout/WAL à la config SQLite pour éviter les erreurs de
  verrou sous écritures concurrentes.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
mrKamoo
2026-08-18 08:45:49 +02:00
co-authored by Claude Sonnet 5
parent 2d12d3c2b2
commit 01233928cc
15 changed files with 617 additions and 17 deletions
@@ -17,6 +17,7 @@ new class extends Component
public string $status = 'active';
public string $description = '';
public string $allowed_ip_ranges = '';
public ?int $glpi_entity_id = null;
public $logo = null;
@@ -29,6 +30,7 @@ new class extends Component
$this->status = $organization->status;
$this->description = $organization->description ?? '';
$this->allowed_ip_ranges = implode("\n", $organization->allowed_ip_ranges ?? []);
$this->glpi_entity_id = $organization->glpi_entity_id;
}
}
@@ -40,6 +42,7 @@ new class extends Component
'status' => 'required|in:active,inactive',
'description' => 'nullable|string',
'logo' => 'nullable|image|max:2048',
'glpi_entity_id' => 'nullable|integer|min:0',
]);
unset($validated['logo']);
@@ -104,7 +107,8 @@ new class extends Component
@endif
</div>
<form wire:submit="save" class="space-y-4 rounded border border-slate-200 bg-white p-6">
<form wire:submit="save" class="space-y-4 rounded border border-slate-200 bg-white p-6"
wire:loading.class="opacity-60 pointer-events-none" wire:target="save">
<div x-data="logoCropper($wire)">
<label class="block text-sm font-medium text-slate-700">Logo</label>
<div class="mt-1 flex items-center gap-4">
@@ -137,11 +141,20 @@ new class extends Component
<input type="range" :min="minZoom" :max="minZoom * 4" step="0.001" x-model.number="zoom" x-on:input="applyTransform()" class="flex-1">
</div>
<p x-show="uploadError" x-cloak class="mt-3 text-sm text-red-600" x-text="uploadError"></p>
<div class="mt-4 flex items-center justify-end gap-3">
<button type="button" x-on:click="cancelCrop()" class="text-sm text-slate-500 hover:text-slate-900">Annuler</button>
<button type="button" x-on:click="confirmCrop()"
class="rounded bg-slate-900 px-4 py-2 text-sm font-medium text-white hover:bg-slate-700">
Valider le recadrage
<button type="button" x-on:click="cancelCrop()" :disabled="uploading"
class="text-sm text-slate-500 hover:text-slate-900 disabled:cursor-not-allowed disabled:opacity-60">
Annuler
</button>
<button type="button" x-on:click="confirmCrop()" :disabled="uploading"
class="inline-flex items-center gap-2 rounded bg-slate-900 px-4 py-2 text-sm font-medium text-white hover:bg-slate-700 disabled:cursor-not-allowed disabled:opacity-60">
<svg x-show="uploading" x-cloak class="h-4 w-4 animate-spin" viewBox="0 0 24 24" fill="none">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
</svg>
<span x-text="uploading ? 'Envoi en cours…' : 'Valider le recadrage'"></span>
</button>
</div>
</div>
@@ -189,12 +202,26 @@ new class extends Component
<p class="mt-1 text-xs text-slate-500">Laisser vide pour autoriser l'accès depuis n'importe quelle IP.</p>
</div>
<div>
<label class="block text-sm font-medium text-slate-700">ID entité GLPI</label>
<input type="number" min="0" wire:model="glpi_entity_id"
class="mt-1 w-full max-w-xs rounded border-slate-300 text-sm shadow-sm focus:border-slate-500 focus:ring-slate-500">
<p class="mt-1 text-xs text-slate-500">Lie cette organisation à une entité GLPI pour afficher ses tickets sur le tableau de bord. Laisser vide pour désactiver.</p>
@error('glpi_entity_id') <p class="mt-1 text-sm text-red-600">{{ $message }}</p> @enderror
</div>
<div class="flex items-center gap-3 pt-2">
<button type="submit"
class="rounded bg-slate-900 px-4 py-2 text-sm font-medium text-white hover:bg-slate-700">
Enregistrer
<button type="submit" wire:loading.attr="disabled" wire:target="save"
class="inline-flex items-center gap-2 rounded bg-slate-900 px-4 py-2 text-sm font-medium text-white hover:bg-slate-700 disabled:cursor-not-allowed disabled:opacity-60">
<svg wire:loading wire:target="save" class="h-4 w-4 animate-spin" viewBox="0 0 24 24" fill="none">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
</svg>
<span wire:loading.remove wire:target="save">Enregistrer</span>
<span wire:loading wire:target="save">Enregistrement…</span>
</button>
<a href="{{ route('organizations.index') }}" class="text-sm text-slate-500 hover:text-slate-900">Annuler</a>
<a href="{{ route('organizations.index') }}" wire:loading.class="pointer-events-none opacity-60" wire:target="save"
class="text-sm text-slate-500 hover:text-slate-900">Annuler</a>
</div>
</form>
</div>
@@ -218,6 +245,8 @@ new class extends Component
dragOffsetStartY: 0,
fileName: 'logo.png',
fileType: 'image/png',
uploading: false,
uploadError: null,
onFileSelected(event) {
const file = event.target.files[0];
@@ -311,6 +340,8 @@ new class extends Component
canvas.height = viewport;
const ctx = canvas.getContext('2d');
this.uploadError = null;
const img = new Image();
img.onload = () => {
ctx.drawImage(
@@ -324,10 +355,15 @@ new class extends Component
canvas.toBlob((blob) => {
const croppedFile = new File([blob], this.fileName, { type: this.fileType });
this.uploading = true;
wire.$upload('logo', croppedFile, () => {
this.uploading = false;
this.cropping = false;
this.imageSrc = null;
});
}, () => {
this.uploading = false;
this.uploadError = "Échec de l'envoi de l'image. Réessayez.";
}, () => {});
}, this.fileType);
};
img.src = this.imageSrc;