113 lines
4.5 KiB
HTML
113 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Gestione Uffici - 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>Gestione Uffici</h2>
|
|
<div class="header-actions">
|
|
</div>
|
|
</header>
|
|
|
|
<div class="content-wrapper">
|
|
<div class="card">
|
|
<div style="padding-bottom: 1rem; display: flex; justify-content: space-between; align-items: center;">
|
|
<h3 style="margin: 0;">Lista Uffici</h3>
|
|
<button class="btn btn-dark" id="addOfficeBtn">Nuovo Ufficio</button>
|
|
</div>
|
|
<div class="data-table-container">
|
|
<table class="data-table" id="officesTable">
|
|
<thead>
|
|
<tr>
|
|
<th>Nome</th>
|
|
<th>Quota Posti</th>
|
|
<th>Prefisso</th>
|
|
<th>Utenti</th>
|
|
<th>Azioni</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="officesBody"></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- Office Modal -->
|
|
<div class="modal" id="officeModal" style="display: none;">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h3 id="officeModalTitle">Nuovo Ufficio</h3>
|
|
<button class="modal-close" id="closeOfficeModal">×</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form id="officeForm">
|
|
<input type="hidden" id="officeId">
|
|
|
|
<div class="form-group">
|
|
<label for="officeName">Nome Ufficio</label>
|
|
<input type="text" id="officeName" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="officeQuota">Quota Parcheggio</label>
|
|
<input type="number" id="officeQuota" min="0" value="0" required>
|
|
<small class="text-muted">Numero totale di posti auto assegnati a questo ufficio</small>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-actions">
|
|
<button type="button" class="btn btn-secondary" id="cancelOffice">Annulla</button>
|
|
<button type="submit" class="btn btn-dark" id="saveOfficeBtn">Salva</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/js/api.js"></script>
|
|
<script src="/js/utils.js"></script>
|
|
<script src="/js/nav.js"></script>
|
|
<script src="/js/admin-offices.js"></script>
|
|
</body>
|
|
|
|
</html> |