marcogll/ap_pos
1
0
Fork 0
mirror of https://github.com/marcogll/ap_pos.git synced 2026-01-13 13:15:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add initial setup page and functionality for admin account creation

Browse Source 
- Created setup.html for the initial configuration of the admin account.
- Implemented setup.js to handle form submission and validation.
- Added logo images for branding.
- Introduced storage.js for API data handling (load, save, remove).
- Added styles.css for consistent styling across the application.
This commit is contained in:
Marco Gallegos
2025-08-25 08:01:30 -06:00
parent 9c497bc414
commit 4a841917f8
29 changed files with 4163 additions and 3216 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
login.html Normal file
View File

@@ -0,0 +1,62 @@
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Ale Ponce | AlMa</title>
<link rel="stylesheet" href="styles.css" />
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f4f4f9;
}
.login-container {
padding: 2rem;
background: #fff;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
width: 100%;
max-width: 400px;
text-align: center;
}
.login-container h1 {
text-align: center;
margin-bottom: 1.5rem;
color: #333;
}
.form-grid {
display: grid;
gap: 1rem;
text-align: left;
}
#error-message {
color: #dc3545;
text-align: center;
margin-top: 1rem;
display: none;
}
</style>
</head>
<body>
<main class="login-container">
<img src="src/logo.png" alt="Logo" style="max-width: 150px; margin-bottom: 1.5rem;">
<h1>Iniciar Sesión</h1>
<form id="loginForm">
<div class="form-grid">
<label for="username">Usuario:</label>
<input type="text" id="username" required autocomplete="username" />
<label for="password">Contraseña:</label>
<input type="password" id="password" required autocomplete="current-password" />
</div>
<div class="form-actions" style="margin-top: 1.5rem; justify-content: center;">
<button type="submit">Entrar</button>
</div>
</form>
<p id="error-message"></p>
</main>
<script type="module" src="login.js"></script>
</body>
</html>