auth - registro... planes

Se pudo crear la tabla 'plan' donde se encuentran los plane que el usuario puede selecionar al registrarse en el sistema. verificado que el código funciona por que tráe los diferentes planes. Aún no se pudo registrar un nuevo usuario. Se intentará resolver
2025-08-15 03:35:26 +00:00
parent aa6d4e84c0
commit abaf43b8d6
5 changed files with 804 additions and 86 deletions
@@ -3,6 +3,7 @@ import express from 'express';
 import expressLayouts from 'express-ejs-layouts';
 import cors from 'cors';
 import { Pool } from 'pg';
+import bcrypt from'bcrypt';

 // Rutas
 import path from 'path';
@@ -64,12 +65,125 @@ async function verificarConexion() {
 // === Servir páginas estáticas ===
 app.use('/pages', express.static(path.join(__dirname, 'pages')));

+app.get('/planes', async (req, res) => {
+  try {
+    const result = await pool.query(`
+      SELECT id, nombre, descripcion, precio
+      FROM plan
+      WHERE activo = true
+      ORDER BY id
+    `);
+    res.json(result.rows);
+  } catch (err) {
+    console.error(err);
+    res.status(500).json({ error: 'Error al cargar planes' });
+  }
+});

 // Rutas de conveniencia para abrir cada página rápido:
 // (Opcional: puedes usar directamente /pages/roles.html, etc.)
 app.get('/',    (req, res) => res.sendFile(path.join(__dirname, 'pages', 'index.html')));


+
+app.post('/registro', async (req, res) => {
+  const {
+    nombre_empresa,
+    rut,
+    correo,
+    telefono,
+    direccion,
+    logo,
+    clave_acceso,
+    plan_id
+  } = req.body;
+
+  try {
+    const client = await pool.connect();
+
+    // 1. Hashear la contraseña
+    const hash = await bcrypt.hash(clave_acceso, 10);
+
+    // 2. Insertar el tenant
+    const result = await client.query(`
+      INSERT INTO tenant (
+        nombre_empresa, rut, correo, telefono, direccion, logo,
+        clave_acceso, plan_id, nombre_base_datos
+      ) VALUES (
+        $1, $2, $3, $4, $5, $6,
+        $7, $8, 'TEMPORAL'
+      )
+      RETURNING uuid;
+    `, [
+      nombre_empresa, rut, correo, telefono, direccion, logo,
+      hash, plan_id
+    ]);
+
+    const uuid = result.rows[0].uuid;
+    const nombre_base_datos = `tenantdb_${uuid}`.replace(/-/g, '').substring(0, 24); // ajustamos para longitud segura
+
+    // 3. Actualizar el campo nombre_base_datos
+    await client.query(`
+      UPDATE tenant SET nombre_base_datos = $1 WHERE uuid = $2
+    `, [nombre_base_datos, uuid]);
+
+    client.release();
+
+    return res.status(201).json({
+      message: 'Tenant registrado correctamente',
+      uuid,
+      nombre_base_datos
+    });
+  } catch (err) {
+    console.error(err);
+    return res.status(500).json({ error: 'Error al registrar tenant' });
+  }
+});
+
+
+app.post('/login', async (req, res) => {
+  const { correo, clave_acceso } = req.body;
+
+  try {
+    const client = await pool.connect();
+
+    const result = await client.query(`
+      SELECT uuid, clave_acceso, nombre_empresa, nombre_base_datos
+      FROM tenant
+      WHERE correo = $1 AND estado = true
+    `, [correo]);
+
+    client.release();
+
+    if (result.rows.length === 0) {
+      return res.status(401).json({ error: 'Correo no registrado o inactivo' });
+    }
+
+    const tenant = result.rows[0];
+    const coincide = await bcrypt.compare(clave_acceso, tenant.clave_acceso);
+
+    if (!coincide) {
+      return res.status(401).json({ error: 'Clave incorrecta' });
+    }
+
+    return res.status(200).json({
+      message: 'Login correcto',
+      uuid: tenant.uuid,
+      nombre_empresa: tenant.nombre_empresa,
+      base_datos: tenant.nombre_base_datos
+    });
+
+  } catch (err) {
+    console.error(err);
+    return res.status(500).json({ error: 'Error al validar login' });
+  }
+});
+
+
+
+
+
+
 app.use(expressLayouts);
 // Iniciar servidor
 app.listen( process.env.PORT, () => {
@@ -2,44 +2,150 @@
 <html lang="es">
 <head>
  <meta charset="UTF-8">
-  <title>Login Bootstrap</title>
-  <!-- Bootstrap CDN -->
+  <title>SuiteCoffee - Autenticación</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
-
 </head>
 <body class="bg-light d-flex justify-content-center align-items-center vh-100">

-  <div class="card shadow p-4" style="width: 100%; max-width: 350px;">
-    <h4 class="text-center mb-4">Iniciar Sesión</h4>
+  <div class="card shadow p-4" style="width: 100%; max-width: 400px;">
+    <h4 class="text-center mb-3" id="form-title">Iniciar Sesión</h4>

-    <form id="form-login">
+    <!-- Mensajes -->
+    <div id="mensaje" class="alert d-none" role="alert"></div>

-      <div class="mb-3">
-        <label for="usuario" class="form-label">Usuario</label>
-        <input type="text" class="form-control" id="usuario" placeholder="Ingrese su usuario" required>
-      </div>
-
-      <div class="mb-3">
-        <label for="clave" class="form-label">Contraseña</label>
-        <input type="password" class="form-control" id="clave" placeholder="Ingrese su contraseña" required>
-      </div>
-
-      <div class="d-flex justify-content-between align-items-center mb-3">
-        <div class="form-check">
-          <input class="form-check-input" type="checkbox" id="recordarme">
-          <label class="form-check-label" for="recordarme">
-            Recordarme
-          </label>
+    <!-- Formulario compartido -->
+    <form id="formulario">
+      <div id="registro-extra" style="display: none;">
+        <div class="mb-2">
+          <input type="text" class="form-control" id="nombre_empresa" placeholder="Nombre de la empresa" required>
+        </div>
+        <div class="mb-2">
+          <input type="text" class="form-control" id="rut" placeholder="RUT (opcional)" required>
+        </div>
+        <div class="mb-2">
+          <input type="text" class="form-control" id="telefono" placeholder="Teléfono">
+        </div>
+        <div class="mb-2">
+          <input type="text" class="form-control" id="direccion" placeholder="Dirección">
+        </div>
+        <div class="mb-2">
+          <input type="text" class="form-control" id="logo" placeholder="Logo URL (opcional)">
+        </div>
+        <div class="mb-2">
+          <select class="form-select" id="plan_id" required>
+            <option value="">Cargando planes...</option>
+          </select>
        </div>
-        <a href="#" class="small">¿Olvidaste tu contraseña?</a>
      </div>
-      
-      <button type="submit" class="btn btn-primary w-100">Entrar</button>
+
+      <div class="mb-2">
+        <input type="email" class="form-control" id="correo" placeholder="Correo" required>
+      </div>
+      <div class="mb-3">
+        <input type="password" class="form-control" id="clave" placeholder="Contraseña" required>
+      </div>
+
+      <button type="submit" class="btn btn-primary w-100" id="btn-submit">Entrar</button>
    </form>
+
+    <div class="text-center mt-3">
+      <button class="btn btn-link btn-sm" id="toggle-mode">¿No tienes cuenta? Regístrate</button>
+    </div>
  </div>

-  <!-- Bootstrap JS (opcional) -->
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
+  <script>
+  const form = document.getElementById('formulario');
+  const mensaje = document.getElementById('mensaje');
+  const toggleModeBtn = document.getElementById('toggle-mode');
+  const registroExtra = document.getElementById('registro-extra');
+  const formTitle = document.getElementById('form-title');
+  const btnSubmit = document.getElementById('btn-submit');
+
+  let modoRegistro = false;
+
+  toggleModeBtn.addEventListener('click', () => {
+    modoRegistro = !modoRegistro;
+    registroExtra.style.display = modoRegistro ? 'block' : 'none';
+    formTitle.textContent = modoRegistro ? 'Registrar Cuenta' : 'Iniciar Sesión';
+    btnSubmit.textContent = modoRegistro ? 'Registrarse' : 'Entrar';
+    toggleModeBtn.textContent = modoRegistro ? '¿Ya tienes cuenta? Inicia sesión' : '¿No tienes cuenta? Regístrate';
+
+    if (modoRegistro) {
+      cargarPlanes(); // ✅ ahora sí se ejecutará correctamente
+    }
+  });
+
+  form.addEventListener('submit', async (e) => {
+    e.preventDefault();
+    mensaje.classList.add('d-none');
+
+    const datos = {
+      correo: document.getElementById('correo').value,
+      clave_acceso: document.getElementById('clave').value
+    };
+
+    if (modoRegistro) {
+      Object.assign(datos, {
+        nombre_empresa: document.getElementById('nombre_empresa').value,
+        rut: document.getElementById('rut').value,
+        telefono: document.getElementById('telefono').value,
+        direccion: document.getElementById('direccion').value,
+        logo: document.getElementById('logo').value,
+        plan_id: document.getElementById('plan_id').value
+      });
+    }
+
+    try {
+      const url = modoRegistro ? '/registro' : '/login';
+      const res = await fetch(url, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(datos)
+      });
+
+      const resultado = await res.json();
+
+      if (!res.ok) {
+        throw new Error(resultado.error || 'Error inesperado');
+      }
+
+      mensaje.className = 'alert alert-success';
+      mensaje.textContent = resultado.message || (modoRegistro ? 'Registro exitoso' : 'Inicio exitoso');
+      mensaje.classList.remove('d-none');
+
+      if (!modoRegistro) {
+        // Redirigir a dashboard, por ejemplo
+        // window.location.href = `/dashboard?tenant=${resultado.uuid}`;
+      }
+    } catch (err) {
+      mensaje.className = 'alert alert-danger';
+      mensaje.textContent = err.message;
+      mensaje.classList.remove('d-none');
+    }
+  });
+
+  // ✅ Ahora la función está declarada correctamente
+  async function cargarPlanes() {
+    const select = document.getElementById('plan_id');
+    select.innerHTML = '<option value="">Cargando planes...</option>';
+
+    try {
+      const res = await fetch('/planes');
+      const planes = await res.json();
+
+      select.innerHTML = '<option value="">Seleccione un plan</option>';
+      planes.forEach(plan => {
+        const opt = document.createElement('option');
+        opt.value = plan.id;
+        opt.textContent = plan.nombre.charAt(0).toUpperCase() + plan.nombre.slice(1);
+        select.appendChild(opt);
+      });
+    } catch (err) {
+      select.innerHTML = '<option value="">Error al cargar planes</option>';
+      console.error('Error cargando planes:', err);
+    }
+  }
+  </script>
+
 </body>
-</html>
+</html>