Stan
93 lines
4.2 KiB
HTML
93 lines
4.2 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="theme-color" content="#f3efe6" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
<link rel="shortcut icon" href="/favicon.ico" />
|
|
<title>Check List Portal</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet" />
|
|
<link rel="stylesheet" href="/styles.css" />
|
|
</head>
|
|
<body class="portal-body d-flex align-items-center justify-content-center min-vh-100">
|
|
<main class="container" style="max-width: 720px;">
|
|
<div class="text-center mb-4">
|
|
<p class="text-uppercase text-muted small fw-semibold mb-1">Check List Access</p>
|
|
<h1 class="fw-bold">Choose workspace</h1>
|
|
<p class="text-muted">Open the operator or administrator workspace. You will be prompted to log in if you are not already signed in.</p>
|
|
</div>
|
|
|
|
<div class="row g-3">
|
|
<!-- Operator workspace -->
|
|
<div class="col-md-6">
|
|
<a class="card text-decoration-none h-100 portal-card" href="/user">
|
|
<div class="card-body text-center">
|
|
<i class="bi bi-clipboard-check fs-1 text-primary mb-2 d-block"></i>
|
|
<p class="text-muted small mb-1">User area</p>
|
|
<h5 class="fw-bold">Operator workspace</h5>
|
|
<p class="text-muted small">Process assigned tasks, attach images, save reports.</p>
|
|
<span class="btn btn-primary btn-sm mt-2">Open user area</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Administrator workspace -->
|
|
<div class="col-md-6">
|
|
<a class="card text-decoration-none h-100 portal-card" href="/admin">
|
|
<div class="card-body text-center">
|
|
<i class="bi bi-gear fs-1 text-secondary mb-2 d-block"></i>
|
|
<p class="text-muted small mb-1">Admin area</p>
|
|
<h5 class="fw-bold">Administrator workspace</h5>
|
|
<p class="text-muted small">Manage settings, users, sites, templates, and tasks.</p>
|
|
<span class="btn btn-outline-secondary btn-sm mt-2">Open admin area</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Data cleanup -->
|
|
<div class="card mt-4">
|
|
<div class="card-body d-flex align-items-center justify-content-between">
|
|
<div>
|
|
<h6 class="fw-semibold mb-1"><i class="bi bi-trash3 me-1"></i>Data Cleanup</h6>
|
|
<p class="text-muted small mb-0">Remove all localStorage data and reset the application.</p>
|
|
</div>
|
|
<button id="cleanupBtn" class="btn btn-outline-danger btn-sm">Clear all data</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- API documentation -->
|
|
<div class="card mt-3">
|
|
<div class="card-body d-flex align-items-center justify-content-between">
|
|
<div>
|
|
<h6 class="fw-semibold mb-1"><i class="bi bi-book me-1"></i>API Documentation</h6>
|
|
<p class="text-muted small mb-0">OpenAPI reference for the Check List backend endpoints.</p>
|
|
</div>
|
|
<a href="/api-docs" target="_blank" class="btn btn-outline-secondary btn-sm">View docs</a>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<script>
|
|
(function() {
|
|
// Cleanup button
|
|
document.getElementById('cleanupBtn').addEventListener('click', () => {
|
|
if (!confirm('This will remove ALL application data (cached data, settings). Continue?')) return;
|
|
localStorage.removeItem('user_language');
|
|
// Clear IndexedDB
|
|
indexedDB.databases().then(dbs => {
|
|
dbs.forEach(db => indexedDB.deleteDatabase(db.name));
|
|
}).catch(() => {});
|
|
alert('All data cleared. Page will reload.');
|
|
location.reload();
|
|
});
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|