piccoli fix
This commit is contained in:
@@ -94,6 +94,16 @@
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="assignmentModeSelect">Metodo di Assegnazione</label>
|
||||
<select id="assignmentModeSelect" class="form-control">
|
||||
<option value="realtime">In Tempo Reale (FIFO)</option>
|
||||
<option value="random">Automatico - Casuale (Batch)</option>
|
||||
<option value="fairness">Automatico - Punteggio (Batch)</option>
|
||||
</select>
|
||||
<small class="text-muted">FIFO: primo che arriva prende il posto. Automatico: assegnazione collettiva dopo il cut-off.</small>
|
||||
</div>
|
||||
|
||||
<div class="form-group" id="cutoffGroup">
|
||||
<label>Orario di Cut-off (Giorno Precedente)</label>
|
||||
<div style="display: flex; gap: 10px; align-items: center;">
|
||||
<select id="officeCutoffHour" class="form-control" style="width: 80px;">
|
||||
@@ -106,12 +116,8 @@
|
||||
<option value="30">30</option>
|
||||
<option value="45">45</option>
|
||||
</select>
|
||||
<label style="margin-left: 10px; display: flex; align-items: center; gap: 5px;">
|
||||
<input type="checkbox" id="officeWindowEnabled">
|
||||
Abilita Assegnazione Automatica
|
||||
</label>
|
||||
</div>
|
||||
<small class="text-muted">Orario limite per la prenotazione del giorno successivo</small>
|
||||
<small class="text-muted">Orario limite per la prenotazione del giorno successivo (solo per modalità Automatica)</small>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@@ -1,183 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Office Settings - Parking Manager</title>
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
||||
<link rel="stylesheet" href="/css/styles.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<aside class="sidebar">
|
||||
<div class="sidebar-header">
|
||||
<h1>Gestione Parcheggi</h1>
|
||||
</div>
|
||||
<nav class="sidebar-nav"></nav>
|
||||
<div class="sidebar-footer">
|
||||
<div class="user-menu">
|
||||
<button class="user-button" id="userMenuButton">
|
||||
<div class="user-avatar">
|
||||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor"
|
||||
stroke-width="2">
|
||||
<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
|
||||
<circle cx="12" cy="7" r="4"></circle>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="user-info">
|
||||
<div class="user-name" id="userName">Caricamento...</div>
|
||||
<div class="user-role" id="userRole">-</div>
|
||||
</div>
|
||||
</button>
|
||||
<div class="user-dropdown" id="userDropdown" style="display: none;">
|
||||
<a href="/profile" class="dropdown-item">Profilo</a>
|
||||
<a href="/settings" class="dropdown-item">Impostazioni</a>
|
||||
<hr class="dropdown-divider">
|
||||
<button class="dropdown-item" id="logoutButton">Esci</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<main class="main-content">
|
||||
<header class="page-header">
|
||||
<h2>Impostazioni Gruppo</h2>
|
||||
</header>
|
||||
|
||||
<div class="content-wrapper">
|
||||
|
||||
<!-- Office Selection Card (Admin Only) -->
|
||||
<div class="card" id="officeSelectionCard" style="margin-bottom: 1.5rem; display: none;">
|
||||
<div style="display: flex; align-items: center; gap: 1rem;">
|
||||
<label for="officeSelect" style="font-weight: 500; min-width: max-content;">Seleziona
|
||||
Ufficio:</label>
|
||||
<select id="officeSelect" class="form-select" style="flex: 1; max-width: 300px;">
|
||||
<option value="">Seleziona Ufficio</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="settingsContent" style="display: none;">
|
||||
|
||||
|
||||
<!-- Card: Algorithm Settings -->
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3>Impostazioni Algoritmo Parcheggio</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form id="scheduleForm">
|
||||
<div class="form-group" style="padding-bottom: 1rem; border-bottom: 1px solid #e5e7eb; margin-bottom: 1rem;">
|
||||
<label style="font-weight: 500; display: block; margin-bottom: 0.5rem;">Modalità Assegnazione</label>
|
||||
<p class="text-muted" style="margin-bottom: 0.5rem;">Scegli la modalità con cui assegnare i posti auto ai membri del gruppo.</p>
|
||||
<select id="assignmentModeSelect" class="form-select" style="max-width: 300px;">
|
||||
<option value="fairness">Punteggio (Fairness)</option>
|
||||
<option value="random">Completamente Random</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="toggle-label">
|
||||
<span style="font-weight: 500;">Abilita Assegnazione Batch</span>
|
||||
<label class="toggle-switch">
|
||||
<input type="checkbox" id="bookingWindowEnabled">
|
||||
<span class="toggle-slider"></span>
|
||||
</label>
|
||||
</label>
|
||||
<small class="text-muted">Se abilitato, l'assegnazione dei posti avverrà solo dopo l'orario di cut-off del giorno precedente.</small>
|
||||
</div>
|
||||
|
||||
<div class="form-group" id="cutoffTimeGroup">
|
||||
<label style="font-weight: 500;">Orario di Cut-off (Giorno Precedente)</label>
|
||||
<div style="display: flex; gap: 0.5rem; align-items: center; margin-top: 0.5rem;">
|
||||
<select id="bookingWindowHour" style="width: 80px;">
|
||||
</select>
|
||||
<span>:</span>
|
||||
<select id="bookingWindowMinute" style="width: 80px;">
|
||||
</select>
|
||||
</div>
|
||||
<small class="text-muted">Le presenze inserite prima di questo orario saranno messe in attesa.</small>
|
||||
</div>
|
||||
|
||||
<div class="form-actions" style="margin-top: 1.5rem;">
|
||||
<button type="submit" class="btn btn-dark">Salva Impostazioni</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Card: Testing Tools -->
|
||||
<div class="card">
|
||||
<div class="card-header"
|
||||
style="display: flex; justify-content: space-between; align-items: center;">
|
||||
<h3>Strumenti di Test</h3>
|
||||
<span class="badge badge-warning">Testing Only</span>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="text-muted" style="margin-bottom: 1rem;">Usa questi strumenti per verificare il
|
||||
funzionamento dell'assegnazione automatica.</p>
|
||||
|
||||
<div class="form-group">
|
||||
<label>Range di Date di Test</label>
|
||||
<div style="display: flex; gap: 1rem;">
|
||||
<div>
|
||||
<small>Da:</small>
|
||||
<input type="date" id="testDateStart" class="form-control" style="width: 160px;">
|
||||
</div>
|
||||
<div>
|
||||
<small>A (incluso):</small>
|
||||
<input type="date" id="testDateEnd" class="form-control" style="width: 160px;">
|
||||
</div>
|
||||
</div>
|
||||
<small class="text-muted">Lascia "A" vuoto per eseguire su un singolo giorno.</small>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; gap: 1rem; margin-top: 1rem;">
|
||||
<button id="runAllocationBtn" class="btn btn-primary">
|
||||
Esegui Assegnazione Ora
|
||||
</button>
|
||||
<button id="clearAssignmentsBtn" class="btn btn-danger">
|
||||
Elimina Tutte le Assegnazioni
|
||||
</button>
|
||||
<button id="clearPresenceBtn" class="btn btn-danger"
|
||||
title="Elimina stati e assegnazioni per i giorni selezionati">
|
||||
Elimina Stati
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<hr style="margin: 1.5rem 0; border: 0; border-top: 1px solid #e5e7eb;">
|
||||
|
||||
<div class="form-group">
|
||||
<label>Test Invio Email</label>
|
||||
<div style="display: flex; gap: 1rem; align-items: flex-end;">
|
||||
<div style="flex: 1;">
|
||||
<small>Data di Riferimento (Opzionale):</small>
|
||||
<input type="date" id="testEmailDate" class="form-control">
|
||||
<small class="text-muted" style="display: block; margin-top: 0.25rem;">
|
||||
Se non specificata, verrà usato il primo giorno lavorativo disponibile.
|
||||
</small>
|
||||
</div>
|
||||
<button id="testEmailBtn" class="btn btn-secondary">
|
||||
Test (Solo a Me)
|
||||
</button>
|
||||
<button id="bulkEmailBtn" class="btn btn-warning"
|
||||
title="Invia mail reale a tutti gli assegnatari">
|
||||
Test (A Tutti)
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div> <!-- End settingsContent -->
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/api.js"></script>
|
||||
<script src="/js/utils.js"></script>
|
||||
<script src="/js/nav.js"></script>
|
||||
<script src="/js/parking-settings.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -60,6 +60,42 @@
|
||||
</div>
|
||||
|
||||
<div id="rulesContent" style="display: none;">
|
||||
<!-- Card: Algorithm Settings -->
|
||||
<div class="card" style="margin-bottom: 1.5rem;">
|
||||
<div class="card-header">
|
||||
<h3>Impostazioni Algoritmo Parcheggio</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form id="algorithmForm">
|
||||
<div class="form-group" style="padding-bottom: 1rem; border-bottom: 1px solid #e5e7eb; margin-bottom: 1rem;">
|
||||
<label style="font-weight: 500; display: block; margin-bottom: 0.5rem;">Metodo di Assegnazione</label>
|
||||
<p class="text-muted" style="margin-bottom: 0.5rem;">Scegli come assegnare i posti auto ai membri del gruppo.</p>
|
||||
<select id="assignmentModeSelect" class="form-select" style="max-width: 300px;">
|
||||
<option value="realtime">In Tempo Reale (FIFO)</option>
|
||||
<option value="random">Automatico - Casuale (Batch)</option>
|
||||
<option value="fairness">Automatico - Punteggio (Batch)</option>
|
||||
</select>
|
||||
<small class="text-muted" style="display: block; margin-top: 0.5rem;">FIFO: assegnazione immediata. Automatico: assegnazione collettiva dopo il cut-off.</small>
|
||||
</div>
|
||||
|
||||
<div class="form-group" id="cutoffTimeGroup">
|
||||
<label style="font-weight: 500;">Orario di Cut-off (Giorno Precedente)</label>
|
||||
<div style="display: flex; gap: 0.5rem; align-items: center; margin-top: 0.5rem;">
|
||||
<select id="bookingWindowHour" style="width: 80px;">
|
||||
</select>
|
||||
<span>:</span>
|
||||
<select id="bookingWindowMinute" style="width: 80px;">
|
||||
</select>
|
||||
</div>
|
||||
<small class="text-muted">Orario limite per la prenotazione del giorno successivo (solo per modalità Automatica)</small>
|
||||
</div>
|
||||
|
||||
<div class="form-actions" style="margin-top: 1.5rem;">
|
||||
<button type="submit" class="btn btn-dark">Salva Impostazioni</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Weekly Closing Days -->
|
||||
<div class="card">
|
||||
@@ -119,6 +155,69 @@
|
||||
<div id="exclusionsList" class="rules-list"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Card: Testing Tools -->
|
||||
<div class="card" style="margin-top: 1.5rem;">
|
||||
<div class="card-header"
|
||||
style="display: flex; justify-content: space-between; align-items: center;">
|
||||
<h3>Strumenti di Test</h3>
|
||||
<span class="badge" style="background: #fff7ed; color: #c2410c; border: 1px solid #ffedd5; padding: 0.25rem 0.5rem; font-size: 0.75rem;">Testing Only</span>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p class="text-muted" style="margin-bottom: 1rem;">Usa questi strumenti per verificare il
|
||||
funzionamento dell'assegnazione automatica.</p>
|
||||
|
||||
<div class="form-group">
|
||||
<label>Range di Date di Test</label>
|
||||
<div style="display: flex; gap: 1rem;">
|
||||
<div>
|
||||
<small>Da:</small>
|
||||
<input type="date" id="testDateStart" class="form-control" style="width: 160px;">
|
||||
</div>
|
||||
<div>
|
||||
<small>A (incluso):</small>
|
||||
<input type="date" id="testDateEnd" class="form-control" style="width: 160px;">
|
||||
</div>
|
||||
</div>
|
||||
<small class="text-muted">Lascia "A" vuoto per eseguire su un singolo giorno.</small>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; gap: 1rem; margin-top: 1rem;">
|
||||
<button id="runAllocationBtn" class="btn btn-primary">
|
||||
Esegui Assegnazione Ora
|
||||
</button>
|
||||
<button id="clearAssignmentsBtn" class="btn btn-danger">
|
||||
Elimina Tutte le Assegnazioni
|
||||
</button>
|
||||
<button id="clearPresenceBtn" class="btn btn-danger"
|
||||
title="Elimina stati e assegnazioni per i giorni selezionati">
|
||||
Elimina Stati
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<hr style="margin: 1.5rem 0; border: 0; border-top: 1px solid #e5e7eb;">
|
||||
|
||||
<div class="form-group">
|
||||
<label>Test Invio Email</label>
|
||||
<div style="display: flex; gap: 1rem; align-items: flex-end;">
|
||||
<div style="flex: 1;">
|
||||
<small>Data di Riferimento (Opzionale):</small>
|
||||
<input type="date" id="testEmailDate" class="form-control">
|
||||
<small class="text-muted" style="display: block; margin-top: 0.25rem;">
|
||||
Se non specificata, verrà usato il primo giorno lavorativo disponibile.
|
||||
</small>
|
||||
</div>
|
||||
<button id="testEmailBtn" class="btn btn-secondary">
|
||||
Test (Solo a Me)
|
||||
</button>
|
||||
<button id="bulkEmailBtn" class="btn btn-warning"
|
||||
title="Invia mail reale a tutti gli assegnatari">
|
||||
Test (A Tutti)
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user