agrega funcion de users y dashboard

2026-01-14 04:54:24 +00:00 · 2025-08-12 22:28:28 -06:00
parent f3ef5952d2
commit 576faface2
8 changed files with 493 additions and 48 deletions
--- a/ap-pos/login.html
+++ b/ap-pos/login.html
@@ -0,0 +1,59 @@
+<!doctype html>
+<html lang="es">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>AP-POS — Iniciar Sesión</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;
+    }
+    .login-container h1 {
+      text-align: center;
+      margin-bottom: 1.5rem;
+      color: #333;
+    }
+    .form-grid {
+      display: grid;
+      gap: 1rem;
+    }
+    #error-message {
+      color: var(--color-danger);
+      text-align: center;
+      margin-top: 1rem;
+      display: none;
+    }
+  </style>
+</head>
+<body>
+  <main class="login-container">
+    <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;">
+        <button type="submit">Entrar</button>
+      </div>
+    </form>
+    <p id="error-message"></p>
+  </main>
+  <script type="module" src="login.js"></script>
+</body>
+</html>