added auth improvements and luci

This commit is contained in:
Russel Yasol
2024-10-03 05:48:00 +08:00
parent 661a3c3f44
commit 7d36748dce
16 changed files with 3059 additions and 2270 deletions

View File

@@ -1,74 +1,86 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Logo -->
<link rel="simpleadmin-logo" href="favicon.ico" />
<link rel="stylesheet" href="css/bulma/bulma.scss">
<link rel="stylesheet" href="css/bulma/css/bulma.min.css">
<link rel="stylesheet" href="css/bulma/css/bulma.css">
<link rel="stylesheet" href="css/custom.css">
<link rel="stylesheet" href="css/bulma/bulma.scss" />
<link rel="stylesheet" href="css/bulma/css/bulma.min.css" />
<link rel="stylesheet" href="css/bulma/css/bulma.css" />
<link rel="stylesheet" href="css/custom.css" />
<script src="js/styles/toggle-theme.js"></script>
<script>
(function () {
const savedTheme = localStorage.getItem('theme') || 'theme-dark';
document.documentElement.classList.add(savedTheme);
})();
(function () {
const savedTheme = localStorage.getItem("theme") || "theme-dark";
document.documentElement.classList.add(savedTheme);
})();
</script>
<title>Login</title>
<script defer src="/js/auth/auth.js"></script>
</head>
</head>
<body>
<body>
<div class="box container mt-6">
<div class="fixed-grid has-1-cols">
<div class="grid is-gap-5">
<div class="cell">
<div class="field is-grouped">
<div class="control">
<img src="/assets/logo.png" alt="Logo" class="image is-square image is-32x32">
</div>
<div class="control">
<h1 class="title">
QuecManager Login
</h1>
</div>
</div>
</div>
<div class="cell">
<form id="loginForm">
<div class="field">
<label class="label">Username</label>
<div class="control">
<input class="input" id="username" type="text" required placeholder="Username" />
</div>
</div>
<div class="field">
<label class="label">Password</label>
<div class="control">
<input class="input" id="password" type="password" required placeholder="********" />
</div>
</div>
<button class="button is-primary" type="submit">Sign in</button>
<p id="error" class="has-text-danger has-text-weight-semibold mt-2">
</p>
</form>
</div>
<div class="fixed-grid has-1-cols">
<div class="grid is-gap-5">
<div class="cell">
<div class="field is-grouped">
<div class="control">
<img
src="/assets/logo.png"
alt="Logo"
class="image is-square image is-32x32"
/>
</div>
<div class="control">
<h1 class="title">QuecManager Login</h1>
</div>
</div>
</div>
<div class="cell">
<form id="loginForm">
<div class="field">
<label class="label">Username</label>
<div class="control">
<input
class="input"
id="username"
type="text"
required
placeholder="Username"
/>
</div>
</div>
<div class="field">
<label class="label">Password</label>
<div class="control">
<input
class="input"
id="password"
type="password"
required
placeholder="********"
/>
</div>
</div>
<button class="button is-primary" type="submit">Sign in</button>
<p
id="error"
class="has-text-danger has-text-weight-semibold mt-2"
></p>
</form>
</div>
</div>
</div>
</div>
</body>
</html>
</body>
</html>