Posta configurabile dall'app, contatti dei proclamatori, conferma email
- Server di posta in Impostazioni (password cifrata, email di prova): se compilato prende il posto del .env; non si esporta e l'import XML non lo cancella. MAIL_SCHEME=tls nel .env.example non era valido per Laravel 11. - Proclamatori con email e telefono facoltativi, cifrati, nell'XML e cancellati dall'anonimizzazione; il numero apre WhatsApp. - Dopo l'assegnazione un riquadro in evidenza con il link del PDF, "Invia su WhatsApp" con il messaggio pronto e la scelta "inviato / non ancora", che resta finché non si sceglie. - Conferma dell'email obbligatoria per tutti gli utenti, anche esistenti: email in italiano, link valido senza login, nuova conferma a ogni cambio di indirizzo, "Reinvia conferma" in Utenti. Senza conferma restano raggiungibili profilo, cambio password e, per l'admin, il server di posta; comando utenti:conferma-email per l'emergenza. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -8,6 +8,69 @@
|
||||
<p class="text-sm text-gray-500 mt-1">Questa funzione consente un'assegnazione arbitraria, indipendente dalle tre schede della Home.</p>
|
||||
</div>
|
||||
|
||||
{{-- Appena assegnato: il link da mandare al proclamatore, in evidenza, e
|
||||
la scelta "inviato / non ancora". Resta finché non si sceglie
|
||||
(Assegna::DA_INVIARE in sessione). --}}
|
||||
@foreach($daInviare as $nuova)
|
||||
@php
|
||||
$link = $nuova->shortPdfUrl();
|
||||
$messaggio = $link
|
||||
? "Ciao {$nuova->proclamatore->nome}, ti è stato assegnato il territorio N° {$nuova->territorio->numero}. Ecco la piantina: {$link}"
|
||||
: null;
|
||||
$whatsapp = $messaggio ? $nuova->proclamatore->whatsappUrl($messaggio) : null;
|
||||
@endphp
|
||||
<section class="tm-da-inviare" wire:key="da-inviare-{{ $nuova->id }}" aria-labelledby="da-inviare-{{ $nuova->id }}">
|
||||
<h2 id="da-inviare-{{ $nuova->id }}" class="tm-da-inviare-titolo">
|
||||
Territorio N° {{ $nuova->territorio->numero }} assegnato a {{ $nuova->proclamatore->nome_completo }}
|
||||
</h2>
|
||||
|
||||
@if($link)
|
||||
<div x-data="{ copiato: false }" class="tm-da-inviare-link">
|
||||
<code x-ref="link" x-on:click="window.getSelection().selectAllChildren($el)">{{ $link }}</code>
|
||||
<x-btn variante="secondary" tono="tenue" dimensione="sm"
|
||||
x-on:click="navigator.clipboard.writeText($refs.link.textContent).then(() => { copiato = true; setTimeout(() => copiato = false, 2000) })">
|
||||
<span x-show="! copiato">Copia link</span>
|
||||
<span x-show="copiato" x-cloak>Copiato</span>
|
||||
</x-btn>
|
||||
</div>
|
||||
|
||||
<div class="tm-da-inviare-azioni">
|
||||
@if($whatsapp)
|
||||
<a href="{{ $whatsapp }}" target="_blank" rel="noopener" class="tm-whatsapp tm-whatsapp-grande">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg>
|
||||
<span>Invia su WhatsApp</span>
|
||||
<span class="tm-whatsapp-numero">{{ $nuova->proclamatore->telefono }}</span>
|
||||
</a>
|
||||
@else
|
||||
<p class="text-sm text-gray-600">
|
||||
{{ $nuova->proclamatore->nome_completo }} non ha un numero di telefono: copia il link e mandalo come preferisci.
|
||||
@can('settings.manage')
|
||||
<a href="{{ route('proclamatori.edit', $nuova->proclamatore) }}" class="text-indigo-700 underline">Aggiungi il numero</a>
|
||||
@endcan
|
||||
</p>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="tm-da-inviare-scelta">
|
||||
<p>Il link è stato inviato?</p>
|
||||
<div>
|
||||
<x-btn variante="primary" wire:click="esitoInvio({{ $nuova->id }}, true)">Sì, inviato</x-btn>
|
||||
<x-btn variante="secondary" wire:click="esitoInvio({{ $nuova->id }}, false)">Non ancora</x-btn>
|
||||
</div>
|
||||
</div>
|
||||
@else
|
||||
<p class="text-sm text-gray-600">
|
||||
Il territorio non ha un PDF: non c'è un link da mandare. Caricalo dalla scheda del territorio.
|
||||
</p>
|
||||
<div class="tm-da-inviare-scelta">
|
||||
<div>
|
||||
<x-btn variante="secondary" wire:click="esitoInvio({{ $nuova->id }}, false)">Ho capito</x-btn>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</section>
|
||||
@endforeach
|
||||
|
||||
<div x-data="{ formOpen: true }">
|
||||
|
||||
{{-- Toggle form --}}
|
||||
@@ -158,6 +221,11 @@
|
||||
<svg x-show="copied" x-cloak class="text-green-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
|
||||
</x-btn>
|
||||
|
||||
@if($a->proclamatore)
|
||||
<x-whatsapp :proclamatore="$a->proclamatore" compatto class="flex-none"
|
||||
:messaggio="'Ciao ' . $a->proclamatore->nome . ', ti è stato assegnato il territorio N° ' . $a->territorio?->numero . '. Ecco la piantina: ' . $pdfUrl" />
|
||||
@endif
|
||||
|
||||
{{-- Flag Link Inviato --}}
|
||||
{{-- Interruttore di stato, non un comando: lo stato "inviato"
|
||||
si legge dalla variante (primary quando è acceso) e
|
||||
|
||||
@@ -5,6 +5,14 @@
|
||||
<p class="text-gray-500 text-sm mt-1">Accedi per continuare</p>
|
||||
</div>
|
||||
|
||||
{{-- Per esempio dopo aver aperto il link di conferma dell'email senza
|
||||
essere entrati. --}}
|
||||
@if(session('success'))
|
||||
<div class="mb-5 rounded-lg bg-green-50 border border-green-200 px-4 py-2.5 text-sm text-green-800">
|
||||
{{ session('success') }}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<form method="POST" action="{{ route('login.store') }}" class="space-y-5">
|
||||
@csrf
|
||||
<div>
|
||||
|
||||
@@ -21,6 +21,22 @@
|
||||
@error('nome') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="telefono" class="block text-sm font-medium text-gray-700">Telefono</label>
|
||||
<input wire:model="telefono" type="tel" id="telefono" autocomplete="off" placeholder="333 1234567"
|
||||
class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 text-sm">
|
||||
<p class="text-xs text-gray-500 mt-1">Facoltativo. Serve a mandare il link del territorio su WhatsApp. Senza prefisso si considera un numero italiano.</p>
|
||||
@error('telefono') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="email" class="block text-sm font-medium text-gray-700">Email</label>
|
||||
<input wire:model="email" type="email" id="email" autocomplete="off"
|
||||
class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 text-sm">
|
||||
<p class="text-xs text-gray-500 mt-1">Facoltativa.</p>
|
||||
@error('email') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
|
||||
</div>
|
||||
|
||||
<div class="flex items-center gap-2">
|
||||
<input wire:model="attivo" type="checkbox" id="attivo" class="rounded border-gray-300 text-indigo-600 focus:ring-indigo-500">
|
||||
<label for="attivo" class="text-sm text-gray-700">Attivo</label>
|
||||
|
||||
@@ -62,6 +62,7 @@
|
||||
<td data-label="Territori assegnati" class="px-4 py-3 text-sm text-gray-600">{{ $proclamatore->assegnazioni_aperte_count ?? $proclamatore->assegnazioni()->aperte()->count() }}</td>
|
||||
<td class="px-4 py-3 text-sm text-right cell-actions">
|
||||
<div class="flex flex-wrap items-center justify-end gap-1">
|
||||
<x-whatsapp :proclamatore="$proclamatore" compatto />
|
||||
<x-btn variante="secondary" tono="tenue" dimensione="sm" icona
|
||||
:href="route('proclamatori.show', $proclamatore)"
|
||||
title="Dettaglio" aria-label="Dettaglio del proclamatore">
|
||||
|
||||
@@ -6,6 +6,14 @@
|
||||
Torna alla lista
|
||||
</a>
|
||||
<h1 class="text-2xl font-bold text-gray-900">{{ $proclamatore->nome_completo }}</h1>
|
||||
@if($proclamatore->telefono || $proclamatore->email)
|
||||
<div class="mt-2 flex flex-wrap items-center gap-3 text-sm">
|
||||
<x-whatsapp :proclamatore="$proclamatore" />
|
||||
@if($proclamatore->email)
|
||||
<a href="mailto:{{ $proclamatore->email }}" class="text-indigo-700 hover:underline break-all">{{ $proclamatore->email }}</a>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
@can('settings.manage')
|
||||
<x-btn variante="secondary" :href="route('proclamatori.edit', $proclamatore)">
|
||||
|
||||
105
resources/views/livewire/settings/posta-elettronica.blade.php
Normal file
105
resources/views/livewire/settings/posta-elettronica.blade.php
Normal file
@@ -0,0 +1,105 @@
|
||||
<div>
|
||||
<div class="mb-6">
|
||||
<h1 class="text-2xl font-bold text-gray-900">Server di posta</h1>
|
||||
<p class="text-sm text-gray-500 mt-1 max-w-2xl">
|
||||
Da qui partono le email per confermare l'indirizzo degli utenti: finché non lo confermano, il loro
|
||||
account non funziona. Serve un account di posta che permetta l'invio via SMTP.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@if($nonConfermato)
|
||||
<div class="mb-6 max-w-2xl rounded-lg border border-amber-300 bg-amber-50 px-4 py-3 text-sm text-amber-800">
|
||||
Il tuo indirizzo non è ancora confermato: il resto dell'applicazione è bloccato finché non lo fai.
|
||||
Configura qui la posta, poi <a href="{{ route('verification.notice') }}" class="font-semibold underline">richiedi l'email di conferma</a>.
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="mb-6 max-w-2xl rounded-lg border px-4 py-3 text-sm
|
||||
{{ $funzionante ? 'border-green-200 bg-green-50 text-green-800' : 'border-red-200 bg-red-50 text-red-800' }}">
|
||||
@if($configurataNellApp)
|
||||
In uso il server configurato qui sotto.
|
||||
@elseif($funzionante)
|
||||
In uso il server indicato nelle impostazioni del server (.env). Compilando questa pagina lo sostituisci.
|
||||
@else
|
||||
<strong>Nessun server di posta:</strong> le email non partono e nessun utente può confermare il proprio indirizzo.
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm border border-gray-200 p-6 max-w-2xl">
|
||||
<form wire:submit="salva" class="space-y-5">
|
||||
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
|
||||
<div class="sm:col-span-2">
|
||||
<label for="host" class="block text-sm font-medium text-gray-700">Server SMTP *</label>
|
||||
<input wire:model="host" type="text" id="host" placeholder="smtp.gmail.com" autocomplete="off"
|
||||
class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 text-sm">
|
||||
@error('host') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
|
||||
</div>
|
||||
<div>
|
||||
<label for="porta" class="block text-sm font-medium text-gray-700">Porta</label>
|
||||
<input wire:model="porta" type="number" id="porta" min="1" max="65535" placeholder="587"
|
||||
class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 text-sm">
|
||||
@error('porta') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="cifratura" class="block text-sm font-medium text-gray-700">Cifratura</label>
|
||||
<select wire:model="cifratura" id="cifratura"
|
||||
class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 text-sm">
|
||||
@foreach($cifrature as $valore => $etichetta)
|
||||
<option value="{{ $valore }}">{{ $etichetta }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
@error('cifratura') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
|
||||
<div>
|
||||
<label for="utente" class="block text-sm font-medium text-gray-700">Utente</label>
|
||||
<input wire:model="utente" type="text" id="utente" autocomplete="off"
|
||||
class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 text-sm">
|
||||
@error('utente') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
|
||||
</div>
|
||||
<div>
|
||||
<label for="password" class="block text-sm font-medium text-gray-700">Password</label>
|
||||
<input wire:model="password" type="password" id="password" autocomplete="new-password"
|
||||
placeholder="{{ $passwordSalvata ? 'Salvata — lascia vuoto per non cambiarla' : '' }}"
|
||||
class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 text-sm">
|
||||
<p class="text-xs text-gray-500 mt-1">Conservata cifrata. Con Gmail serve una "password per le app".</p>
|
||||
@error('password') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
|
||||
<div>
|
||||
<label for="mittente" class="block text-sm font-medium text-gray-700">Indirizzo del mittente *</label>
|
||||
<input wire:model="mittente" type="email" id="mittente" placeholder="territori@esempio.it"
|
||||
class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 text-sm">
|
||||
@error('mittente') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
|
||||
</div>
|
||||
<div>
|
||||
<label for="nomeMittente" class="block text-sm font-medium text-gray-700">Nome del mittente</label>
|
||||
<input wire:model="nomeMittente" type="text" id="nomeMittente" placeholder="Il nome della congregazione"
|
||||
class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 text-sm">
|
||||
@error('nomeMittente') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap items-center gap-2 pt-2 border-t border-gray-100">
|
||||
<x-btn variante="primary" type="submit" wire:loading.attr="disabled" wire:target="salva">Salva</x-btn>
|
||||
<x-btn variante="secondary" wire:click="inviaProva" wire:loading.attr="disabled" wire:target="inviaProva"
|
||||
:disabled="! $configurataNellApp">
|
||||
<span wire:loading.remove wire:target="inviaProva">Invia email di prova</span>
|
||||
<span wire:loading wire:target="inviaProva">Invio…</span>
|
||||
</x-btn>
|
||||
@if($configurataNellApp)
|
||||
<x-btn variante="ghost" wire:click="rimuovi"
|
||||
wire:confirm="Rimuovere il server configurato qui? Varranno di nuovo le impostazioni del server (.env).">
|
||||
Rimuovi
|
||||
</x-btn>
|
||||
@endif
|
||||
</div>
|
||||
<p class="text-xs text-gray-500">L'email di prova arriva al tuo indirizzo, {{ auth()->user()->email }}.</p>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@@ -13,6 +13,14 @@
|
||||
<p class="text-xs text-gray-500 mt-2">Qui trovi import PDF territori, conversione legacy SQL, import XML ed export XML.</p>
|
||||
</div>
|
||||
|
||||
<div class="mb-6 bg-white rounded-xl shadow-sm border border-gray-200 p-4 max-w-lg">
|
||||
<p class="text-sm font-medium text-gray-700 mb-3">Server di posta</p>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<x-btn variante="secondary" :href="route('posta.edit')">Configura la posta</x-btn>
|
||||
</div>
|
||||
<p class="text-xs text-gray-500 mt-2">Serve alle email con cui gli utenti confermano il loro indirizzo.</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-xl shadow-sm border border-gray-200 p-6 max-w-lg">
|
||||
|
||||
<form wire:submit="save" class="space-y-5">
|
||||
|
||||
@@ -1,7 +1,11 @@
|
||||
<div class="space-y-6">
|
||||
<div>
|
||||
<h1 class="text-2xl font-bold text-gray-900">Utenti</h1>
|
||||
<p class="text-sm text-gray-500 mt-1">Crea utenti e assegna un ruolo applicativo.</p>
|
||||
<p class="text-sm text-gray-500 mt-1">
|
||||
Crea utenti e assegna un ruolo applicativo. Ogni nuovo utente riceve un'email per confermare il suo
|
||||
indirizzo: finché non lo conferma, l'account non funziona.
|
||||
<a href="{{ route('posta.edit') }}" class="text-indigo-700 underline">Server di posta</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -106,7 +110,15 @@
|
||||
</td>
|
||||
@else
|
||||
<td data-label="Nome" class="px-4 py-2 text-gray-900">{{ $user->name }}</td>
|
||||
<td data-label="Email" class="px-4 py-2 text-gray-700">{{ $user->email }}</td>
|
||||
<td data-label="Email" class="px-4 py-2 text-gray-700">
|
||||
{{ $user->email }}
|
||||
@if($user->hasVerifiedEmail())
|
||||
<span class="ml-1 inline-flex items-center rounded-full bg-green-50 px-2 py-0.5 text-xs font-medium text-green-700">confermata</span>
|
||||
@else
|
||||
<span class="ml-1 inline-flex items-center rounded-full bg-amber-50 px-2 py-0.5 text-xs font-medium text-amber-800"
|
||||
title="L'account non funziona finché la persona non apre il link nell'email">da confermare</span>
|
||||
@endif
|
||||
</td>
|
||||
<td data-label="Ruoli" class="px-4 py-2">
|
||||
<div class="flex flex-wrap gap-1">
|
||||
@forelse($user->roles as $role)
|
||||
@@ -119,6 +131,12 @@
|
||||
<td class="px-4 py-2 cell-actions">
|
||||
<div class="flex gap-2">
|
||||
<x-btn variante="secondary" tono="tenue" dimensione="sm" wire:click="startEdit({{ $user->id }})">Modifica</x-btn>
|
||||
@unless($user->hasVerifiedEmail())
|
||||
<x-btn variante="secondary" tono="tenue" dimensione="sm" wire:click="reinviaConferma({{ $user->id }})"
|
||||
wire:loading.attr="disabled" wire:target="reinviaConferma({{ $user->id }})">
|
||||
Reinvia conferma
|
||||
</x-btn>
|
||||
@endunless
|
||||
{{-- wire:confirm come nel resto dell'app, al posto di un onclick
|
||||
che fermava la propagazione a mano. --}}
|
||||
<x-btn variante="danger" tono="tenue" dimensione="sm"
|
||||
|
||||
Reference in New Issue
Block a user