++ Il mio gruppo: il numero del territorio apre l'anteprima

Il numero diventa un pulsante che apre una finestra con la miniatura e il collegamento al PDF. La miniatura passa dalla rotta nuova mio-gruppo.miniatura, con la stessa regola del PDF: solo i territori del pacchetto del gruppo sorvegliato. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-21 16:27:50 +02:00
parent 9e473cd7fd
commit 2fb9838a0e
8 changed files with 106 additions and 7 deletions
--- a/HANDOFF.md
+++ b/HANDOFF.md
@@ -111,6 +111,19 @@ lavoro nuovi, stesso master), `php-fpm -i` riporta
 `session.upload_progress.enabled => Off` e `session.use_strict_mode => On`,
 login 200 su entrambi.

+### Anteprima dal numero in "Il mio gruppo" (21 ottobre 2026, solo su dev)
+
+Richiesta dell'utente: anche il sorvegliante deve poter vedere l'anteprima del
+territorio, con un popup al clic del numero. Il numero diventa un pulsante
+(stesso aspetto, `button.tm-assegnato-numero` in `app.css`) che apre una
+finestra (`tm-modale`, stato Alpine `anteprima` sulla radice della vista) con
+la miniatura e "Apri la piantina (PDF)". La miniatura passa da una rotta
+nuova, `mio-gruppo.miniatura` (`TerritorioFileController::miniaturaGruppo`,
+`Territorio::miniaturaGruppoUrl()`), con la stessa regola di
+`mio-gruppo.pdf`: solo i territori del pacchetto del gruppo che l'utente
+sorveglia. La rotta normale delle miniature resta chiusa al sorvegliante.
+Senza miniatura né PDF il numero resta testo.
+
 ### Assegna aperta dalla Home: senza l'elenco dei territori assegnati (20 ottobre 2026)

 Richiesta dell'utente: "quando provengo da un territorio dalla home, non
@@ -197,7 +210,8 @@ qui sotto **com'è oggi**, in fondo la storia.
  (nell'indirizzo). Il sorvegliante assegna, manda il link (copia o
  condividi: trait `Concerns\InviaLink` + partial `assegnazioni/_invio-link`,
  gli stessi di *Assegna*), registra i rientri, apre la piantina, rimanda in
-  reparto quelli non dati.
+  reparto quelli non dati. Il numero del territorio apre l'anteprima (finestra
+  Alpine nella vista, miniatura e collegamento al PDF).
 - **Assegnazione dal pacchetto**: un'**assegnazione normale**, con
  `gruppo_servizio_id` e `gruppo_nome` ("via gruppo …" in registro e schede).
  `GruppiServizio::assegna()` rilegge territorio e membro e ricontrolla il
--- a/README.md
+++ b/README.md
@@ -774,7 +774,8 @@ docker compose --profile dev up -d --build
  pacchetto è in ordine di priorità (prima i da dare, prioritari in testa,
  poi quelli già dati) e si filtra per stato, zona, tipologia e "solo
  prioritari"; sotto il nome del gruppo compaiono nome e cognome del
-  sorvegliante
+  sorvegliante. Toccando il numero di un territorio si apre l'**anteprima**
+  (la miniatura della piantina) con il collegamento al PDF
 - Al **rientro** il territorio torna in reparto ed esce dal pacchetto
 - **Sciogliere il gruppo** toglie il ruolo al sorvegliante e **elimina il
  gruppo**, che non resta nello storico: i territori solo nel pacchetto
--- a/app/Http/Controllers/TerritorioFileController.php
+++ b/app/Http/Controllers/TerritorioFileController.php
@@ -31,8 +31,7 @@ class TerritorioFileController extends Controller
     */
    public function pdfGruppo(Territorio $territorio): Response
    {
-        $gruppo = auth()->user()->gruppoSorvegliato();
-        abort_unless($gruppo && $territorio->gruppo_servizio_id === $gruppo->id, 403);
+        $this->delPacchetto($territorio);

        return $this->pdf($territorio);
    }
@@ -42,6 +41,21 @@ class TerritorioFileController extends Controller
        return $this->servi($territorio->thumbnail_path, null, null);
    }

+    /** La miniatura per l'anteprima in "Il mio gruppo", con la stessa regola del PDF. */
+    public function miniaturaGruppo(Territorio $territorio): Response
+    {
+        $this->delPacchetto($territorio);
+
+        return $this->miniatura($territorio);
+    }
+
+    /** Il territorio deve stare nel pacchetto del gruppo che l'utente sorveglia. */
+    private function delPacchetto(Territorio $territorio): void
+    {
+        $gruppo = auth()->user()->gruppoSorvegliato();
+        abort_unless($gruppo && $territorio->gruppo_servizio_id === $gruppo->id, 403);
+    }
+
    public function versione(TerritorioPdfVersione $versione): Response
    {
        $numero = $versione->territorio?->numero ?? 'senza-territorio';
--- a/app/Models/Territorio.php
+++ b/app/Models/Territorio.php
@@ -328,4 +328,12 @@ class Territorio extends Model
            ? route('territori.file.miniatura', ['territorio' => $this->id, 'v' => substr(md5($this->thumbnail_path), 0, 8)])
            : null;
    }
+
+    /** La miniatura per il sorvegliante di gruppo ("Il mio gruppo"): solo del suo pacchetto. */
+    public function miniaturaGruppoUrl(): ?string
+    {
+        return $this->thumbnail_path
+            ? route('mio-gruppo.miniatura', ['territorio' => $this->id, 'v' => substr(md5($this->thumbnail_path), 0, 8)])
+            : null;
+    }
 }
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -1805,6 +1805,14 @@ html { scroll-behavior: smooth; }
 }
 .tm-assegnato-numero { color: #4f46e5; font-size: 14px; font-weight: 700; }
 .tm-assegnato-numero:hover { text-decoration: underline; }
+/* Il numero come pulsante ("Il mio gruppo": apre l'anteprima): stesso aspetto. */
+button.tm-assegnato-numero {
+    background: none; border: 0; padding: 0; cursor: pointer;
+    font-family: inherit; line-height: inherit;
+}
+button.tm-assegnato-numero:focus-visible {
+    outline: 2px solid var(--tm-accento); outline-offset: 2px; border-radius: 2px;
+}
 .tm-assegnato-zona {
    margin-left: 6px; padding: 2px 6px; border-radius: 4px;
    background: #f3f4f6; color: #9ca3af; font-size: 12px;
--- a/resources/views/livewire/gruppi/mio-gruppo.blade.php
+++ b/resources/views/livewire/gruppi/mio-gruppo.blade.php
@@ -1,8 +1,11 @@
-<div>
+<div x-data="{ anteprima: null }">
    {{-- Il mio gruppo (MioGruppo): la sola pagina del sorvegliante di gruppo.
         Pensata prima per il telefono: schede una sotto l'altra, pulsanti
         grandi. Copia, Condividi e ricerca vengono da elencoCercabile
-         (resources/js/app.js), l'invio del link dal partial _invio-link. --}}
+         (resources/js/app.js), l'invio del link dal partial _invio-link.
+         Il numero del territorio apre l'anteprima (stato Alpine `anteprima`,
+         finestra in fondo alla vista): miniatura e PDF dalle rotte
+         mio-gruppo.*, che rispondono solo per il pacchetto del gruppo. --}}
    @if(! $gruppo)
        <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-6 text-sm text-gray-600">
            Non sei il sorvegliante di un gruppo di servizio attivo.
@@ -81,7 +84,11 @@
                    @endphp
                    <div wire:key="pacchetto-{{ $t->id }}" data-cerca="{{ $cerca }}" x-show="corrisponde($el.dataset.cerca)" class="tm-assegnato">
                        <div class="tm-assegnato-testa">
-                            <span><span class="tm-assegnato-numero">N° {{ $t->numero }}</span> @if($t->zona?->nome)<span class="tm-assegnato-zona">{{ $t->zona->nome }}</span>@endif
+                            <span>@if($t->thumbnail_path || $t->pdf_path)<button type="button" class="tm-assegnato-numero" title="Anteprima del territorio"
+                                        data-titolo="Territorio N° {{ $t->numero }}{{ $t->zona?->nome ? ' — ' . $t->zona->nome : '' }}"
+                                        data-miniatura="{{ $t->miniaturaGruppoUrl() }}"
+                                        data-pdf="{{ $t->pdf_path ? route('mio-gruppo.pdf', $t) : '' }}"
+                                        x-on:click="anteprima = { titolo: $el.dataset.titolo, miniatura: $el.dataset.miniatura, pdf: $el.dataset.pdf }">N° {{ $t->numero }}</button>@else<span class="tm-assegnato-numero">N° {{ $t->numero }}</span>@endif @if($t->zona?->nome)<span class="tm-assegnato-zona">{{ $t->zona->nome }}</span>@endif
                                @if($t->in_priorita)<span class="ml-1 inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide" style="background:#fef3c7;color:#92400e">★ Prioritario</span>@endif</span>
                            @if($a)
                                <span class="tm-assegnato-info"><b>{{ $a->proclamatore?->nome_completo }}</b> · dal {{ $a->assigned_at->format('d/m/Y') }} · <span class="tm-assegnato-giorni {{ $a->giorni > 120 ? 'tm-g-tardi' : ($a->giorni > 90 ? 'tm-g-presto' : '') }}">{{ $a->giorni }}g</span></span>
@@ -156,5 +163,27 @@
                @endforeach
            </ul>
        </section>
+
+        {{-- Anteprima del territorio: si apre dal numero, si chiude con la X,
+             con Esc o toccando fuori. --}}
+        <div class="tm-modale-sfondo" x-show="anteprima" x-cloak x-transition.opacity
+             x-on:click.self="anteprima = null" x-on:keydown.escape.window="anteprima = null">
+            <div class="tm-modale" role="dialog" aria-modal="true" aria-labelledby="anteprima-titolo">
+                <header class="tm-modale-testata">
+                    <h2 id="anteprima-titolo" x-text="anteprima?.titolo"></h2>
+                    <button type="button" class="tm-editor-chiudi" x-on:click="anteprima = null" aria-label="Chiudi l'anteprima">&times;</button>
+                </header>
+                <div class="tm-modale-corpo">
+                    <template x-if="anteprima?.miniatura">
+                        <img x-bind:src="anteprima.miniatura" x-bind:alt="'Anteprima: ' + anteprima.titolo"
+                             class="mx-auto max-w-full rounded-lg border border-gray-200 bg-gray-50">
+                    </template>
+                    <p x-show="! anteprima?.miniatura" class="text-sm text-gray-500">Per questo territorio non c'è ancora un'anteprima.</p>
+                </div>
+                <footer class="tm-modale-piede" x-show="anteprima?.pdf">
+                    <a x-bind:href="anteprima?.pdf" target="_blank" rel="noopener" class="tm-collegamento">Apri la piantina (PDF)</a>
+                </footer>
+            </div>
+        </div>
    @endif
 </div>
--- a/routes/web.php
+++ b/routes/web.php
@@ -178,6 +178,8 @@ Route::middleware(['auth', 'verified'])->group(function () {
        Route::get('mio-gruppo', MioGruppo::class)->name('mio-gruppo');
        Route::get('mio-gruppo/territori/{territorio}/pdf', [TerritorioFileController::class, 'pdfGruppo'])
            ->name('mio-gruppo.pdf');
+        Route::get('mio-gruppo/territori/{territorio}/miniatura', [TerritorioFileController::class, 'miniaturaGruppo'])
+            ->name('mio-gruppo.miniatura');
    });

    // Campagne — visualizzazione per chi ha campagne.manage; sola lettura per i
--- a/tests/Feature/GruppiServizioTest.php
+++ b/tests/Feature/GruppiServizioTest.php
@@ -352,6 +352,29 @@ class GruppiServizioTest extends TestCase
        $this->assertSame('in_reparto', $territori[2]->fresh()->stato);
    }

+    public function test_il_sorvegliante_apre_l_anteprima_dal_numero_del_territorio(): void
+    {
+        ['sorvegliante' => $s, 'territori' => $territori] = $this->gruppo();
+        $fuori = $this->territorio('88');
+        foreach ([$territori[0], $fuori] as $t) {
+            Storage::disk('public')->put("territori-thumbnails/t{$t->numero}.png", 'PNG');
+            $t->forceFill(['thumbnail_path' => "territori-thumbnails/t{$t->numero}.png"])->save();
+        }
+        $dodici = $territori[0]->fresh();
+        $this->flushSession();
+
+        // Il numero è un pulsante che porta miniatura e PDF del pacchetto.
+        $this->actingAs($s)->get(route('mio-gruppo'))->assertOk()
+            ->assertSee('data-miniatura="' . $dodici->miniaturaGruppoUrl() . '"', false)
+            ->assertSee('data-pdf="' . route('mio-gruppo.pdf', $dodici) . '"', false)
+            ->assertSee('Apri la piantina (PDF)');
+
+        // La miniatura si apre solo per il proprio pacchetto, e solo da qui.
+        $this->actingAs($s)->get($dodici->miniaturaGruppoUrl())->assertOk();
+        $this->actingAs($s)->get(route('mio-gruppo.miniatura', $fuori))->assertForbidden();
+        $this->actingAs($s)->get($dodici->miniaturaUrl())->assertForbidden();
+    }
+
    public function test_la_piantina_del_pacchetto_si_apre_solo_per_il_proprio_gruppo(): void
    {
        ['sorvegliante' => $s, 'territori' => $territori] = $this->gruppo();