1154 lines
63 KiB
PHP
1154 lines
63 KiB
PHP
@extends('layouts.adminlte')
|
|
|
|
@section('title', 'Impostazioni')
|
|
|
|
@section('page_title', 'Impostazioni')
|
|
|
|
@section('breadcrumbs')
|
|
<li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
|
|
<li class="breadcrumb-item active">Impostazioni</li>
|
|
@endsection
|
|
|
|
@section('content')
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="card card-secondary">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Sezioni</h3>
|
|
</div>
|
|
<div class="list-group list-group-flush">
|
|
<a href="#applicazione" class="list-group-item list-group-item-action" data-toggle="tab">
|
|
<i class="nav-icon fas fa-cog mr-2"></i> Applicazione
|
|
</a>
|
|
<a href="#logo" class="list-group-item list-group-item-action" data-toggle="tab">
|
|
<i class="nav-icon fas fa-image mr-2"></i> Logo
|
|
</a>
|
|
<a href="#email" class="list-group-item list-group-item-action" data-toggle="tab">
|
|
<i class="nav-icon fas fa-envelope mr-2"></i> Email
|
|
</a>
|
|
<a href="#calendario" class="list-group-item list-group-item-action" data-toggle="tab">
|
|
<i class="nav-icon fas fa-calendar-alt mr-2"></i> Calendario
|
|
</a>
|
|
<a href="#tipologie" class="list-group-item list-group-item-action" data-toggle="tab">
|
|
<i class="nav-icon fas fa-file mr-2"></i> Tipologie Documenti
|
|
</a>
|
|
<a href="#tipologie-eventi" class="list-group-item list-group-item-action" data-toggle="tab">
|
|
<i class="nav-icon fas fa-calendar mr-2"></i> Tipologie Eventi
|
|
</a>
|
|
<a href="#ruoli" class="list-group-item list-group-item-action" data-toggle="tab">
|
|
<i class="nav-icon fas fa-users-cog mr-2"></i> Tipi di Ruolo
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-9">
|
|
<div class="tab-content">
|
|
{{-- === APPLICAZIONE === --}}
|
|
<div class="tab-pane" id="applicazione">
|
|
<div class="card card-primary">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Configurazione Applicazione</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<p class="text-muted">Configura il nome e il testo visualizzato dall'applicazione.</p>
|
|
|
|
@if(session('success'))
|
|
<div class="alert alert-success">{{ session('success') }}</div>
|
|
@endif
|
|
|
|
<form method="POST" action="{{ route('impostazioni.app-settings.save') }}">
|
|
@csrf
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="nome_applicazione">Nome Applicazione</label>
|
|
<input type="text" name="nome_applicazione" id="nome_applicazione" class="form-control"
|
|
value="{{ old('nome_applicazione', $appSettings->nome_applicazione ?? '') }}"
|
|
placeholder="es. Glastree">
|
|
<small class="text-muted">Nome mostrato nel titolo, sidebar e login</small>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="nome_organizzazione">Nome Organizzazione</label>
|
|
<input type="text" name="nome_organizzazione" id="nome_organizzazione" class="form-control"
|
|
value="{{ old('nome_organizzazione', $appSettings->nome_organizzazione ?? '') }}"
|
|
placeholder="es. Parrocchia Santa Maria">
|
|
<small class="text-muted">Nome organizzazione mostrato sotto il logo nel login</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="footer_text">Testo Footer</label>
|
|
<input type="text" name="footer_text" id="footer_text" class="form-control"
|
|
value="{{ old('footer_text', $appSettings->footer_text ?? '') }}"
|
|
placeholder="es. © 2026 Parrocchia Santa Maria">
|
|
<small class="text-muted">Lascia vuoto per usare il formato predefinito: © {anno} {nome_applicazione}</small>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="app_version">Versione Applicazione</label>
|
|
<input type="text" name="app_version" id="app_version" class="form-control"
|
|
value="{{ old('app_version', $appSettings->app_version ?? '') }}"
|
|
placeholder="es. 1.0.0">
|
|
<small class="text-muted">Versione mostrata nel footer</small>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label> </label>
|
|
<div class="custom-control custom-switch mt-2">
|
|
<input type="checkbox" class="custom-control-input" id="show_version" name="show_version" value="1"
|
|
{{ ($appSettings->show_version ?? false) ? 'checked' : '' }}>
|
|
<label class="custom-control-label" for="show_version">Mostra versione nel footer</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="dashboard_welcome">Messaggio di Benvenuto (Dashboard)</label>
|
|
<textarea name="dashboard_welcome" id="dashboard_welcome" class="form-control" rows="3"
|
|
placeholder="Lascia vuoto per usare il messaggio predefinito">{{ old('dashboard_welcome', $appSettings->dashboard_welcome ?? '') }}</textarea>
|
|
<small class="text-muted">Messaggio mostrato nella dashboard. Lascia vuoto per usare il testo predefinito.</small>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-primary">
|
|
<i class="fas fa-save mr-1"></i> Salva Impostazioni
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- === LOGO === --}}
|
|
<div class="tab-pane" id="logo">
|
|
<div class="card card-primary">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Logo</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<p class="text-muted">Carica il logo dell'applicazione. Verrà visualizzato nella pagina di login e nella sidebar.</p>
|
|
|
|
@if(session('success'))
|
|
<div class="alert alert-success">{{ session('success') }}</div>
|
|
@endif
|
|
|
|
<form method="POST" action="{{ route('impostazioni.logo.upload') }}" enctype="multipart/form-data">
|
|
@csrf
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label>Logo Grande (pagina login)</label>
|
|
<div class="text-center p-3 border rounded bg-light mb-2" style="min-height: 120px;">
|
|
@if($appSettings && $appSettings->getLogoPath())
|
|
<img src="{{ $appSettings->getLogoPath() }}" alt="Logo" style="max-height: 100px; max-width: 100%;">
|
|
@else
|
|
<span class="text-muted">Nessun logo caricato</span>
|
|
@endif
|
|
</div>
|
|
<input type="file" name="logo" class="form-control" accept="image/*">
|
|
<small class="text-muted">PNG, JPG, GIF, SVG - Max 2MB</small>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label>Logo Piccolo (sidebar)</label>
|
|
<div class="text-center p-3 border rounded bg-light mb-2" style="min-height: 80px;">
|
|
@if($appSettings && $appSettings->getLogoSmallPath())
|
|
<img src="{{ $appSettings->getLogoSmallPath() }}" alt="Logo Small" style="max-height: 60px; max-width: 100%;">
|
|
@else
|
|
<span class="text-muted">Nessun logo caricato</span>
|
|
@endif
|
|
</div>
|
|
<input type="file" name="logo_small" class="form-control" accept="image/*">
|
|
<small class="text-muted">PNG, JPG, GIF, SVG - Max 512KB</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">
|
|
<i class="fas fa-save mr-1"></i> Salva Logo
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- === EMAIL === --}}
|
|
<div class="tab-pane" id="email">
|
|
<div class="card card-secondary">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Sezioni Email</h3>
|
|
</div>
|
|
<div class="card-body p-0">
|
|
<ul class="nav nav-pills p-2">
|
|
<li class="nav-item"><a href="#email-imap" class="nav-link active" data-toggle="tab">Server IMAP</a></li>
|
|
<li class="nav-item"><a href="#email-smtp" class="nav-link" data-toggle="tab">Server SMTP</a></li>
|
|
<li class="nav-item"><a href="#email-account" class="nav-link" data-toggle="tab">Account</a></li>
|
|
<li class="nav-item"><a href="#email-sync" class="nav-link" data-toggle="tab">Sincronizzazione</a></li>
|
|
<li class="nav-item"><a href="#email-firma" class="nav-link" data-toggle="tab">Firma</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<form method="POST" action="{{ route('impostazioni.email.save') }}">
|
|
@csrf
|
|
<input type="hidden" name="id" value="{{ $emailSettings->id ?? 1 }}">
|
|
|
|
<div class="tab-content">
|
|
<div class="tab-pane active" id="email-imap">
|
|
<div class="card card-primary">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Configurazione Server IMAP</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="imap_host">Host IMAP</label>
|
|
<input type="text" name="imap_host" id="imap_host" class="form-control"
|
|
value="{{ $emailSettings->imap_host ?? 'imap.gmail.com' }}"
|
|
placeholder="es. imap.gmail.com">
|
|
<small class="text-muted">Gmail: imap.gmail.com | Outlook: outlook.office365.com</small>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label for="imap_port">Porta</label>
|
|
<input type="number" name="imap_port" id="imap_port" class="form-control"
|
|
value="{{ $emailSettings->imap_port ?? 993 }}">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label for="imap_encryption">Crittografia</label>
|
|
<select name="imap_encryption" id="imap_encryption" class="form-control">
|
|
<option value="ssl" {{ ($emailSettings->imap_encryption ?? 'ssl') == 'ssl' ? 'selected' : '' }}>SSL</option>
|
|
<option value="tls" {{ ($emailSettings->imap_encryption ?? '') == 'tls' ? 'selected' : '' }}>TLS</option>
|
|
<option value="none" {{ ($emailSettings->imap_encryption ?? '') == 'none' ? 'selected' : '' }}>Nessuna</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tab-pane" id="email-smtp">
|
|
<div class="card card-primary">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Configurazione Server SMTP (per invio email)</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="alert alert-info">
|
|
<i class="fas fa-info-circle"></i>
|
|
<strong>Nota:</strong> Per inviare email devi configurare il server SMTP.
|
|
Per Gmail, usa <code>smtp.gmail.com</code> sulla porta <code>587</code> con TLS
|
|
e genera una <a href="https://support.google.com/accounts/answer/185833" target="_blank">App Password</a>.
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="smtp_host">Host SMTP</label>
|
|
<input type="text" name="smtp_host" id="smtp_host" class="form-control"
|
|
value="{{ $emailSettings->smtp_host ?? 'smtp.gmail.com' }}"
|
|
placeholder="es. smtp.gmail.com">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label for="smtp_port">Porta</label>
|
|
<input type="number" name="smtp_port" id="smtp_port" class="form-control"
|
|
value="{{ $emailSettings->smtp_port ?? 587 }}">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label for="smtp_encryption">Crittografia</label>
|
|
<select name="smtp_encryption" id="smtp_encryption" class="form-control">
|
|
<option value="tls" {{ ($emailSettings->smtp_encryption ?? 'tls') == 'tls' ? 'selected' : '' }}>TLS</option>
|
|
<option value="ssl" {{ ($emailSettings->smtp_encryption ?? '') == 'ssl' ? 'selected' : '' }}>SSL</option>
|
|
<option value="none" {{ ($emailSettings->smtp_encryption ?? '') == 'none' ? 'selected' : '' }}>Nessuna</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="smtp_username">Username SMTP</label>
|
|
<input type="text" name="smtp_username" id="smtp_username" class="form-control"
|
|
value="{{ $emailSettings->smtp_username ?? '' }}"
|
|
placeholder="lascia vuoto per usare l'account IMAP">
|
|
<small class="text-muted">Generalmente uguale all'account email</small>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="smtp_password">Password SMTP / App Password</label>
|
|
<input type="password" name="smtp_password" id="smtp_password" class="form-control"
|
|
placeholder="{{ $emailSettings->smtp_password ? '••••••••' : '' }}">
|
|
<small class="text-muted">Lascia vuoto per usare la password IMAP</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tab-pane" id="email-account">
|
|
<div class="card card-primary">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Credenziali Account</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="imap_username">Username/Email</label>
|
|
<input type="text" name="imap_username" id="imap_username" class="form-control"
|
|
value="{{ $emailSettings->imap_username ?? '' }}"
|
|
placeholder="es. tuo@gmail.com">
|
|
<small class="text-muted">Per Gmail usa l'indirizzo completo</small>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="imap_password">Password / App Password</label>
|
|
<input type="password" name="imap_password" id="imap_password" class="form-control" placeholder="">
|
|
<small class="text-muted">
|
|
<a href="https://support.google.com/accounts/answer/185833" target="_blank">Per Gmail: genera una App Password</a>
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="email_address">Email Indirizzo</label>
|
|
<input type="email" name="email_address" id="email_address" class="form-control"
|
|
value="{{ $emailSettings->email_address ?? '' }}">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="email_name">Nome Visualizzato</label>
|
|
<input type="text" name="email_name" id="email_name" class="form-control"
|
|
value="{{ $emailSettings->email_name ?? '' }}"
|
|
placeholder="es. Nome Cognome">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="reply_to">Email Risposta (Reply-To)</label>
|
|
<input type="email" name="reply_to" id="reply_to" class="form-control"
|
|
value="{{ $emailSettings->reply_to ?? '' }}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tab-pane" id="email-sync">
|
|
<div class="card card-primary">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Sincronizzazione</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="sync_interval_minutes">Intervallo Sync (minuti)</label>
|
|
<select name="sync_interval_minutes" id="sync_interval_minutes" class="form-control">
|
|
<option value="1" {{ ($emailSettings->sync_interval_minutes ?? 5) == 1 ? 'selected' : '' }}>1 minuto</option>
|
|
<option value="5" {{ ($emailSettings->sync_interval_minutes ?? 5) == 5 ? 'selected' : '' }}>5 minuti</option>
|
|
<option value="15" {{ ($emailSettings->sync_interval_minutes ?? 5) == 15 ? 'selected' : '' }}>15 minuti</option>
|
|
<option value="30" {{ ($emailSettings->sync_interval_minutes ?? 5) == 30 ? 'selected' : '' }}>30 minuti</option>
|
|
<option value="60" {{ ($emailSettings->sync_interval_minutes ?? 5) == 60 ? 'selected' : '' }}>1 ora</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label>Stato Connessione</label>
|
|
<div class="mt-2">
|
|
@if($emailSettings->last_sync_at)
|
|
<span class="badge badge-success">
|
|
<i class="fas fa-check-circle"></i> Ultimo sync: {{ $emailSettings->last_sync_at->format('d/m/Y H:i') }}
|
|
</span>
|
|
@else
|
|
<span class="badge badge-secondary">
|
|
<i class="fas fa-clock"></i> Mai sincronizzato
|
|
</span>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="custom-control custom-switch">
|
|
<input type="checkbox" class="custom-control-input" id="is_active"
|
|
name="is_active" value="1" {{ ($emailSettings->is_active ?? false) ? 'checked' : '' }}>
|
|
<label class="custom-control-label" for="is_active">Account Email Attivo</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tab-pane" id="email-firma">
|
|
<div class="card card-primary">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Firma Email</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="form-group">
|
|
<div class="custom-control custom-switch">
|
|
<input type="checkbox" class="custom-control-input" id="signature_enabled"
|
|
name="signature_enabled" value="1" {{ ($emailSettings->signature_enabled ?? true) ? 'checked' : '' }}>
|
|
<label class="custom-control-label" for="signature_enabled">Attiva firma automatica</label>
|
|
</div>
|
|
<small class="text-muted">Quando attivo, la firma verrà aggiunta in fondo a ogni email inviata</small>
|
|
</div>
|
|
<hr>
|
|
<div class="form-group">
|
|
<label for="signature">Testo Firma (formato HTML)</label>
|
|
<div id="signature-editor" style="height: 200px;"></div>
|
|
<input type="hidden" name="signature" id="signature_input" value="{{ $emailSettings->signature ?? '' }}">
|
|
<small class="text-muted">Usa il riquadro sopra per comporre la tua firma. HTML supportato.</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card-footer">
|
|
<button type="submit" class="btn btn-primary">
|
|
<i class="fas fa-save mr-1"></i> Salva Impostazioni Email
|
|
</button>
|
|
<button type="button" class="btn btn-info ml-2" onclick="testConnection()">
|
|
<i class="fas fa-plug mr-1"></i> Test Connessione IMAP
|
|
</button>
|
|
<button type="button" class="btn btn-success ml-2" onclick="testSmtp()">
|
|
<i class="fas fa-paper-plane mr-1"></i> Test Invio Email (SMTP)
|
|
</button>
|
|
<a href="{{ route('impostazioni.email.sync') }}" class="btn btn-warning ml-2">
|
|
<i class="fas fa-sync mr-1"></i> Sincronizza Ora
|
|
</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
{{-- === CALENDARIO === --}}
|
|
<div class="tab-pane" id="calendario">
|
|
<div class="card card-primary">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Calendari Remoti</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<p class="text-muted">Configura la sincronizzazione con calendari esterni (Google Calendar, CalDAV, ecc.).</p>
|
|
<div class="alert alert-info">
|
|
<i class="fas fa-info-circle"></i>
|
|
<strong>Prossimamente:</strong> Potrai collegare calendari Google, Infomaniak o altri provider CalDAV per sincronizzare gli eventi del calendario.
|
|
</div>
|
|
<div class="text-center p-5 bg-light rounded">
|
|
<i class="fas fa-calendar-plus fa-4x text-muted mb-3"></i>
|
|
<p class="text-muted">Nessun calendario remoto configurato.</p>
|
|
<p class="text-muted small">La funzionalità sarà disponibile in un prossimo aggiornamento.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- === TIPOLOGIE DOCUMENTI === --}}
|
|
<div class="tab-pane active" id="tipologie">
|
|
<div class="card card-primary">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Tipologie Documenti</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<p class="text-muted">Gestisci le tipologie disponibili per i documenti caricati nel sistema.</p>
|
|
|
|
@if(session('success'))
|
|
<div class="alert alert-success">{{ session('success') }}</div>
|
|
@endif
|
|
@if(session('error'))
|
|
<div class="alert alert-danger">{{ session('error') }}</div>
|
|
@endif
|
|
|
|
<div class="mb-3">
|
|
<button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#addTipologiaModal">
|
|
<i class="fas fa-plus"></i> Nuova Tipologia
|
|
</button>
|
|
</div>
|
|
|
|
<table class="table table-bordered table-striped" id="tipologie-table">
|
|
<thead>
|
|
<tr>
|
|
<th style="width: 40px;">Ordine</th>
|
|
<th>Nome</th>
|
|
<th>Descrizione</th>
|
|
<th style="width: 100px;">Stato</th>
|
|
<th style="width: 150px;">Azioni</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tipologie-sortable">
|
|
@foreach($tipologie as $tipologia)
|
|
<tr data-id="{{ $tipologia->id }}">
|
|
<td class="text-center">
|
|
<i class="fas fa-arrows-alt handle" style="cursor: grab;"></i>
|
|
</td>
|
|
<td>
|
|
<span class="tipologia-nome">{{ $tipologia->nome }}</span>
|
|
</td>
|
|
<td>{{ $tipologia->descrizione ?? '-' }}</td>
|
|
<td>
|
|
@if($tipologia->attiva)
|
|
<span class="badge badge-success">Attiva</span>
|
|
@else
|
|
<span class="badge badge-secondary">Disattivata</span>
|
|
@endif
|
|
</td>
|
|
<td>
|
|
<button type="button" class="btn btn-xs btn-warning" onclick="editTipologia({{ $tipologia->id }}, '{{ addslashes($tipologia->nome) }}', '{{ addslashes($tipologia->descrizione ?? '') }}', {{ $tipologia->attiva ? 'true' : 'false' }})">
|
|
<i class="fas fa-edit"></i>
|
|
</button>
|
|
@if($tipologia->documenti()->count() == 0)
|
|
<form method="POST" action="{{ route('impostazioni.tipologie.destroy', $tipologia->id) }}" style="display: inline;">
|
|
@csrf
|
|
@method('DELETE')
|
|
<button type="submit" class="btn btn-xs btn-danger" onclick="return confirm('Eliminare questa tipologia?')">
|
|
<i class="fas fa-trash"></i>
|
|
</button>
|
|
</form>
|
|
@else
|
|
<button type="button" class="btn btn-xs btn-danger" disabled title="Documenti associati: {{ $tipologia->documenti()->count() }}">
|
|
<i class="fas fa-trash"></i>
|
|
</button>
|
|
@endif
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- === TIPOLOGIE EVENTI === --}}
|
|
<div class="tab-pane" id="tipologie-eventi">
|
|
<div class="card card-primary">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Tipologie Eventi</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<p class="text-muted">Gestisci le tipologie disponibili per gli eventi del calendario.</p>
|
|
|
|
@if(session('success'))
|
|
<div class="alert alert-success">{{ session('success') }}</div>
|
|
@endif
|
|
@if(session('error'))
|
|
<div class="alert alert-danger">{{ session('error') }}</div>
|
|
@endif
|
|
|
|
<div class="mb-3">
|
|
<button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#addTipologiaEventoModal">
|
|
<i class="fas fa-plus"></i> Nuova Tipologia
|
|
</button>
|
|
</div>
|
|
|
|
<table class="table table-bordered table-striped" id="tipologie-eventi-table">
|
|
<thead>
|
|
<tr>
|
|
<th style="width: 40px;">Ordine</th>
|
|
<th>Nome</th>
|
|
<th>Descrizione</th>
|
|
<th style="width: 100px;">Stato</th>
|
|
<th style="width: 150px;">Azioni</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tipologie-eventi-sortable">
|
|
@foreach($tipologieEventi as $tipologia)
|
|
<tr data-id="{{ $tipologia->id }}">
|
|
<td class="text-center">
|
|
<i class="fas fa-arrows-alt handle" style="cursor: grab;"></i>
|
|
</td>
|
|
<td>
|
|
<span class="tipologia-evento-nome">{{ $tipologia->nome }}</span>
|
|
</td>
|
|
<td>{{ $tipologia->descrizione ?? '-' }}</td>
|
|
<td>
|
|
@if($tipologia->attiva)
|
|
<span class="badge badge-success">Attiva</span>
|
|
@else
|
|
<span class="badge badge-secondary">Disattivata</span>
|
|
@endif
|
|
</td>
|
|
<td>
|
|
<button type="button" class="btn btn-xs btn-warning" onclick="editTipologiaEvento({{ $tipologia->id }}, '{{ addslashes($tipologia->nome) }}', '{{ addslashes($tipologia->descrizione ?? '') }}', {{ $tipologia->attiva ? 'true' : 'false' }})">
|
|
<i class="fas fa-edit"></i>
|
|
</button>
|
|
@if($tipologia->eventi()->count() == 0)
|
|
<form method="POST" action="{{ route('impostazioni.tipologie-eventi.destroy', $tipologia->id) }}" style="display: inline;">
|
|
@csrf
|
|
@method('DELETE')
|
|
<button type="submit" class="btn btn-xs btn-danger" onclick="return confirm('Eliminare questa tipologia?')">
|
|
<i class="fas fa-trash"></i>
|
|
</button>
|
|
</form>
|
|
@else
|
|
<button type="button" class="btn btn-xs btn-danger" disabled title="Eventi associati: {{ $tipologia->eventi()->count() }}">
|
|
<i class="fas fa-trash"></i>
|
|
</button>
|
|
@endif
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- === TIPI DI RUOLO === --}}
|
|
<div class="tab-pane" id="ruoli">
|
|
<div class="card card-primary">
|
|
<div class="card-header">
|
|
<h3 class="card-title">Tipi di Ruolo</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<p class="text-muted">Gestisci i ruoli che possono essere assegnati agli individui nei gruppi.</p>
|
|
|
|
@if(session('success'))
|
|
<div class="alert alert-success">{{ session('success') }}</div>
|
|
@endif
|
|
@if(session('error'))
|
|
<div class="alert alert-danger">{{ session('error') }}</div>
|
|
@endif
|
|
|
|
<div class="mb-3">
|
|
<button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#addRuoloModal">
|
|
<i class="fas fa-plus"></i> Nuovo Ruolo
|
|
</button>
|
|
</div>
|
|
|
|
<table class="table table-bordered table-striped" id="ruoli-table">
|
|
<thead>
|
|
<tr>
|
|
<th style="width: 40px;">Ordine</th>
|
|
<th>Nome</th>
|
|
<th>Descrizione</th>
|
|
<th style="width: 100px;">Stato</th>
|
|
<th style="width: 150px;">Azioni</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="ruoli-sortable">
|
|
@foreach($ruoli as $ruolo)
|
|
<tr data-id="{{ $ruolo->id }}">
|
|
<td class="text-center">
|
|
<i class="fas fa-arrows-alt handle" style="cursor: grab;"></i>
|
|
</td>
|
|
<td>
|
|
<span class="ruolo-nome">{{ $ruolo->nome }}</span>
|
|
</td>
|
|
<td>{{ $ruolo->descrizione ?? '-' }}</td>
|
|
<td>
|
|
@if($ruolo->attiva)
|
|
<span class="badge badge-success">Attivo</span>
|
|
@else
|
|
<span class="badge badge-secondary">Disattivato</span>
|
|
@endif
|
|
</td>
|
|
<td>
|
|
<button type="button" class="btn btn-xs btn-warning" onclick="editRuolo({{ $ruolo->id }}, '{{ addslashes($ruolo->nome) }}', '{{ addslashes($ruolo->descrizione ?? '') }}', {{ $ruolo->attiva ? 'true' : 'false' }})">
|
|
<i class="fas fa-edit"></i>
|
|
</button>
|
|
@php $membriCount = $ruolo->getMembriCount() @endphp
|
|
@if($membriCount == 0)
|
|
<form method="POST" action="{{ route('impostazioni.ruoli.destroy', $ruolo->id) }}" style="display: inline;">
|
|
@csrf
|
|
@method('DELETE')
|
|
<button type="submit" class="btn btn-xs btn-danger" onclick="return confirm('Eliminare questo ruolo?')">
|
|
<i class="fas fa-trash"></i>
|
|
</button>
|
|
</form>
|
|
@else
|
|
<button type="button" class="btn btn-xs btn-danger" disabled title="Membri associati: {{ $membriCount }}">
|
|
<i class="fas fa-trash"></i>
|
|
</button>
|
|
@endif
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- ===== MODALI TIPOLOGIE DOCUMENTI ===== --}}
|
|
<div class="modal fade" id="addTipologiaModal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<form method="POST" action="{{ route('impostazioni.tipologie.store') }}">
|
|
@csrf
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">Nuova Tipologia</h4>
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-group">
|
|
<label for="nome">Nome *</label>
|
|
<input type="text" name="nome" id="nome" class="form-control" required maxlength="50" placeholder="es. certificato">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="descrizione">Descrizione</label>
|
|
<input type="text" name="descrizione" id="descrizione" class="form-control" maxlength="255" placeholder="es. Certificato di formazione">
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Annulla</button>
|
|
<button type="submit" class="btn btn-primary">Salva</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="editTipologiaModal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<form method="POST" action="" id="editTipologiaForm">
|
|
@csrf
|
|
@method('PUT')
|
|
<input type="hidden" name="id" id="edit_tipologia_id">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">Modifica Tipologia</h4>
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-group">
|
|
<label for="edit_tipologia_nome">Nome *</label>
|
|
<input type="text" name="nome" id="edit_tipologia_nome" class="form-control" required maxlength="50">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="edit_tipologia_descrizione">Descrizione</label>
|
|
<input type="text" name="descrizione" id="edit_tipologia_descrizione" class="form-control" maxlength="255">
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="custom-control custom-switch">
|
|
<input type="checkbox" class="custom-control-input" id="edit_tipologia_attiva" name="attiva" value="1">
|
|
<label class="custom-control-label" for="edit_tipologia_attiva">Attiva</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Annulla</button>
|
|
<button type="submit" class="btn btn-primary">Salva</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- ===== MODALI TIPI DI RUOLO ===== --}}
|
|
<div class="modal fade" id="addRuoloModal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<form method="POST" action="{{ route('impostazioni.ruoli.store') }}">
|
|
@csrf
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">Nuovo Ruolo</h4>
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-group">
|
|
<label for="ruolo_nome">Nome *</label>
|
|
<input type="text" name="nome" id="ruolo_nome" class="form-control" required maxlength="50" placeholder="es. Catechista">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="ruolo_descrizione">Descrizione</label>
|
|
<input type="text" name="descrizione" id="ruolo_descrizione" class="form-control" maxlength="255" placeholder="es. Catechista del gruppo">
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Annulla</button>
|
|
<button type="submit" class="btn btn-primary">Salva</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="editRuoloModal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<form method="POST" action="" id="editRuoloForm">
|
|
@csrf
|
|
@method('PUT')
|
|
<input type="hidden" name="id" id="edit_ruolo_id">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">Modifica Ruolo</h4>
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-group">
|
|
<label for="edit_ruolo_nome">Nome *</label>
|
|
<input type="text" name="nome" id="edit_ruolo_nome" class="form-control" required maxlength="50">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="edit_ruolo_descrizione">Descrizione</label>
|
|
<input type="text" name="descrizione" id="edit_ruolo_descrizione" class="form-control" maxlength="255">
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="custom-control custom-switch">
|
|
<input type="checkbox" class="custom-control-input" id="edit_ruolo_attiva" name="attiva" value="1">
|
|
<label class="custom-control-label" for="edit_ruolo_attiva">Attivo</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Annulla</button>
|
|
<button type="submit" class="btn btn-primary">Salva</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- ===== MODALI TIPOLOGIE EVENTI ===== --}}
|
|
<div class="modal fade" id="addTipologiaEventoModal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<form method="POST" action="{{ route('impostazioni.tipologie-eventi.store') }}">
|
|
@csrf
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">Nuova Tipologia Evento</h4>
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-group">
|
|
<label for="tipologia_evento_nome">Nome *</label>
|
|
<input type="text" name="nome" id="tipologia_evento_nome" class="form-control" required maxlength="50" placeholder="es. catechesi">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="tipologia_evento_descrizione">Descrizione</label>
|
|
<input type="text" name="descrizione" id="tipologia_evento_descrizione" class="form-control" maxlength="255" placeholder="es. Catechesi">
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Annulla</button>
|
|
<button type="submit" class="btn btn-primary">Salva</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="editTipologiaEventoModal">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<form method="POST" action="" id="editTipologiaEventoForm">
|
|
@csrf
|
|
@method('PUT')
|
|
<input type="hidden" name="id" id="edit_tipologia_evento_id">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">Modifica Tipologia Evento</h4>
|
|
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-group">
|
|
<label for="edit_tipologia_evento_nome">Nome *</label>
|
|
<input type="text" name="nome" id="edit_tipologia_evento_nome" class="form-control" required maxlength="50">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="edit_tipologia_evento_descrizione">Descrizione</label>
|
|
<input type="text" name="descrizione" id="edit_tipologia_evento_descrizione" class="form-control" maxlength="255">
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="custom-control custom-switch">
|
|
<input type="checkbox" class="custom-control-input" id="edit_tipologia_evento_attiva" name="attiva" value="1">
|
|
<label class="custom-control-label" for="edit_tipologia_evento_attiva">Attiva</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Annulla</button>
|
|
<button type="submit" class="btn btn-primary">Salva</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@section('scripts')
|
|
<script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.0/Sortable.min.js"></script>
|
|
<script>
|
|
function activateTabFromHash() {
|
|
var hash = window.location.hash;
|
|
if (hash) {
|
|
var tabLink = document.querySelector('.list-group a[href="' + hash + '"]');
|
|
if (tabLink) {
|
|
$(tabLink).tab('show');
|
|
}
|
|
}
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
activateTabFromHash();
|
|
});
|
|
|
|
$(window).on('hashchange', function() {
|
|
activateTabFromHash();
|
|
});
|
|
|
|
function editTipologia(id, nome, descrizione, attiva) {
|
|
$('#edit_tipologia_id').val(id);
|
|
$('#edit_tipologia_nome').val(nome);
|
|
$('#edit_tipologia_descrizione').val(descrizione);
|
|
$('#edit_tipologia_attiva').prop('checked', attiva);
|
|
$('#editTipologiaForm').attr('action', '/impostazioni/tipologie/' + id);
|
|
$('#editTipologiaModal').modal('show');
|
|
}
|
|
|
|
function editRuolo(id, nome, descrizione, attiva) {
|
|
$('#edit_ruolo_id').val(id);
|
|
$('#edit_ruolo_nome').val(nome);
|
|
$('#edit_ruolo_descrizione').val(descrizione);
|
|
$('#edit_ruolo_attiva').prop('checked', attiva);
|
|
$('#editRuoloForm').attr('action', '/impostazioni/ruoli/' + id);
|
|
$('#editRuoloModal').modal('show');
|
|
}
|
|
|
|
function editTipologiaEvento(id, nome, descrizione, attiva) {
|
|
$('#edit_tipologia_evento_id').val(id);
|
|
$('#edit_tipologia_evento_nome').val(nome);
|
|
$('#edit_tipologia_evento_descrizione').val(descrizione);
|
|
$('#edit_tipologia_evento_attiva').prop('checked', attiva);
|
|
$('#editTipologiaEventoForm').attr('action', '/impostazioni/tipologie-eventi/' + id);
|
|
$('#editTipologiaEventoModal').modal('show');
|
|
}
|
|
|
|
var sortableTipologie = Sortable.create(document.getElementById('tipologie-sortable'), {
|
|
handle: '.handle',
|
|
animation: 150,
|
|
onEnd: function(evt) {
|
|
var order = [];
|
|
$('#tipologie-sortable tr').each(function() {
|
|
order.push($(this).data('id'));
|
|
});
|
|
fetch('{{ route('impostazioni.tipologie.reorder') }}', {
|
|
method: 'POST',
|
|
headers: {
|
|
'X-CSRF-TOKEN': '{{ csrf_token() }}',
|
|
'Content-Type': 'application/json',
|
|
},
|
|
body: JSON.stringify({ order: order })
|
|
});
|
|
}
|
|
});
|
|
|
|
var sortableRuoli = Sortable.create(document.getElementById('ruoli-sortable'), {
|
|
handle: '.handle',
|
|
animation: 150,
|
|
onEnd: function(evt) {
|
|
var order = [];
|
|
$('#ruoli-sortable tr').each(function() {
|
|
order.push($(this).data('id'));
|
|
});
|
|
fetch('{{ route('impostazioni.ruoli.reorder') }}', {
|
|
method: 'POST',
|
|
headers: {
|
|
'X-CSRF-TOKEN': '{{ csrf_token() }}',
|
|
'Content-Type': 'application/json',
|
|
},
|
|
body: JSON.stringify({ order: order })
|
|
});
|
|
}
|
|
});
|
|
|
|
var sortableTipologieEventi = Sortable.create(document.getElementById('tipologie-eventi-sortable'), {
|
|
handle: '.handle',
|
|
animation: 150,
|
|
onEnd: function(evt) {
|
|
var order = [];
|
|
$('#tipologie-eventi-sortable tr').each(function() {
|
|
order.push($(this).data('id'));
|
|
});
|
|
fetch('{{ route('impostazioni.tipologie-eventi.reorder') }}', {
|
|
method: 'POST',
|
|
headers: {
|
|
'X-CSRF-TOKEN': '{{ csrf_token() }}',
|
|
'Content-Type': 'application/json',
|
|
},
|
|
body: JSON.stringify({ order: order })
|
|
});
|
|
}
|
|
});
|
|
|
|
$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
|
|
var target = $(e.target).attr('href');
|
|
if (target === '#ruoli') {
|
|
sortableRuoli.refresh();
|
|
}
|
|
if (target === '#tipologie-eventi') {
|
|
sortableTipologieEventi.refresh();
|
|
}
|
|
});
|
|
|
|
// ===== EMAIL FUNCTIONS =====
|
|
function testConnection() {
|
|
$.ajax({
|
|
url: '{{ route('impostazioni.email.test') }}',
|
|
method: 'POST',
|
|
headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
|
|
success: function(response) {
|
|
if (response.success) {
|
|
alert('✅ ' + response.message);
|
|
} else {
|
|
alert('❌ ' + response.message);
|
|
}
|
|
},
|
|
error: function() {
|
|
alert('❌ Errore nella richiesta');
|
|
}
|
|
});
|
|
}
|
|
|
|
function testSmtp() {
|
|
var email = prompt('Inserisci l\'indirizzo email a cui inviare il test:');
|
|
if (!email) return;
|
|
|
|
if (!email.includes('@')) {
|
|
alert('⚠️ Indirizzo email non valido');
|
|
return;
|
|
}
|
|
|
|
var btn = event.target;
|
|
btn.disabled = true;
|
|
btn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Invio...';
|
|
|
|
$.ajax({
|
|
url: '{{ route('impostazioni.email.testSmtp') }}',
|
|
method: 'POST',
|
|
headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
|
|
data: { email: email },
|
|
timeout: 30000,
|
|
success: function(response) {
|
|
btn.disabled = false;
|
|
btn.innerHTML = '<i class="fas fa-paper-plane mr-1"></i> Test Invio Email (SMTP)';
|
|
if (response.success) {
|
|
alert('✅ ' + response.message);
|
|
} else {
|
|
alert('❌ ' + response.message);
|
|
}
|
|
},
|
|
error: function(xhr, status, error) {
|
|
btn.disabled = false;
|
|
btn.innerHTML = '<i class="fas fa-paper-plane mr-1"></i> Test Invio Email (SMTP)';
|
|
if (xhr.responseJSON && xhr.responseJSON.message) {
|
|
alert('❌ ' + xhr.responseJSON.message);
|
|
} else {
|
|
alert('❌ Errore: ' + status + ' - ' + error);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function createEditor() {
|
|
var container = document.querySelector('#signature-editor');
|
|
if (!container || container.querySelector('.ql-toolbar')) return;
|
|
|
|
var quill = new Quill('#signature-editor', {
|
|
theme: 'snow',
|
|
modules: {
|
|
toolbar: [
|
|
['bold', 'italic', 'underline'],
|
|
[{ 'color': [] }, { 'background': [] }],
|
|
[{ 'header': 1 }, { 'header': 2 }, { 'header': 3 }],
|
|
[{ 'align': [] }],
|
|
[{ 'list': 'ordered'}, { 'list': 'bullet' }],
|
|
['link', 'image'],
|
|
['clean', 'code']
|
|
]
|
|
}
|
|
});
|
|
|
|
var signatureInput = document.getElementById('signature_input');
|
|
var isEditingHtml = false;
|
|
|
|
quill.getModule('toolbar').addHandler('code', function() {
|
|
if (!isEditingHtml) {
|
|
var textarea = document.createElement('textarea');
|
|
textarea.className = 'ql-editor';
|
|
textarea.style.cssText = 'font-family: monospace; min-height: 150px; width: 100%;';
|
|
textarea.value = signatureInput.value;
|
|
quill.root.innerHTML = '';
|
|
quill.root.appendChild(textarea);
|
|
textarea.focus();
|
|
isEditingHtml = true;
|
|
} else {
|
|
var textarea = quill.root.querySelector('textarea');
|
|
if (textarea) {
|
|
signatureInput.value = textarea.value;
|
|
quill.root.innerHTML = textarea.value;
|
|
}
|
|
isEditingHtml = false;
|
|
}
|
|
});
|
|
|
|
if (signatureInput.value) {
|
|
quill.root.innerHTML = signatureInput.value;
|
|
}
|
|
|
|
quill.on('text-change', function() {
|
|
if (!isEditingHtml) {
|
|
signatureInput.value = quill.root.innerHTML;
|
|
}
|
|
});
|
|
}
|
|
|
|
function initSignatureEditor() {
|
|
if (document.querySelector('#signature-editor .ql-toolbar')) return;
|
|
|
|
if (typeof Quill === 'undefined') {
|
|
var script = document.createElement('script');
|
|
script.src = 'https://cdn.quilljs.com/1.3.7/quill.min.js';
|
|
script.onload = createEditor;
|
|
document.head.appendChild(script);
|
|
|
|
var link = document.createElement('link');
|
|
link.rel = 'stylesheet';
|
|
link.href = 'https://cdn.quilljs.com/1.3.7/quill.snow.css';
|
|
document.head.appendChild(link);
|
|
} else {
|
|
createEditor();
|
|
}
|
|
}
|
|
|
|
$('a[data-toggle="tab"]').on('shown.bs.tab', function(e) {
|
|
var target = $(e.target).attr('href');
|
|
if (target === '#email-firma' || target === '#email') {
|
|
setTimeout(initSignatureEditor, 100);
|
|
}
|
|
});
|
|
|
|
if (window.location.hash === '#email') {
|
|
$(document).ready(function() {
|
|
setTimeout(initSignatureEditor, 300);
|
|
});
|
|
}
|
|
</script>
|
|
@endsection
|