From ac9e63e7d972e138eac98848913ecc81e28187ef Mon Sep 17 00:00:00 2001 From: Pablinux Date: Mon, 26 May 2025 02:03:13 -0500 Subject: [PATCH] Finalizacion modulo restaurante, con busqueda y creacion de clientes; --- src/controladores/controlador_Clientes.js | 25 +- src/public/css/botones.css | 178 +++++++--- src/public/css/restaurant.css | 4 +- src/public/css/restaurant_usuarios.css | 146 ++++++++ src/public/js/app_restaurant.js | 82 +++-- src/public/js/app_restaurant_detallePed.js | 6 +- src/public/js/app_restaurant_tabGen.js | 18 +- src/public/js/app_restaurant_users.js | 390 +++++++++++++++++++++ src/rutas/rt_Generales.js | 1 + src/rutas/rt_clientes.js | 5 +- src/views/app_restaurant.ejs | 2 + 11 files changed, 759 insertions(+), 98 deletions(-) create mode 100644 src/public/css/restaurant_usuarios.css create mode 100644 src/public/js/app_restaurant_users.js diff --git a/src/controladores/controlador_Clientes.js b/src/controladores/controlador_Clientes.js index 6047363..7667f1e 100644 --- a/src/controladores/controlador_Clientes.js +++ b/src/controladores/controlador_Clientes.js @@ -3,7 +3,7 @@ const controlador = {}; controlador.verClientesJsonApp = (req, res) => { req.getConnection((err, conn) => { - conn.query('SELECT client_rucCed, client_nombre, client_direccion, client_celular, client_email FROM clientes order by client_nombre DESC LIMIT 100', (err, rows) => {//se obtiene error o consulta filas(rows) + conn.query('SELECT client_rucCed, client_nombre, client_direccion, client_celular, client_email FROM clientes order by client_id DESC LIMIT 100', (err, rows) => {//se obtiene error o consulta filas(rows) //conn.query('SELECT * FROM clientes LIMIT 62668,15', (err, rows) => {//se obtiene error o consulta filas(rows) if (err) { res.json(err); @@ -135,6 +135,29 @@ controlador.eliminarCliente = (req, res) => { }); } +/** + * controlador para obtener las ciudades de la base de datos + * @param {*} req + * @param {*} res + */ +controlador.obtenerCiudades = (req, res) => { + req.getConnection((err, conn) => { + if (err) { + return res.status(500).json({ error: 'Error de conexión' }); + } + + conn.query( + 'SELECT id_ciudad, nombre, perteneceA FROM localizacion_ciudad ORDER BY nombre ASC', + (err, ciudades) => { + if (err) { + return res.status(500).json({ error: 'Error al consultar ciudades' }); + } + res.json(ciudades); + } + ); + }); +}; + //********* CONSULTA CLIENTES APP-SIGMA********// controlador.app_pedidos_clientes = (req, res) => { const consulta = "%" + req.query.consulta + "%"; diff --git a/src/public/css/botones.css b/src/public/css/botones.css index ce9e23e..9bf171d 100644 --- a/src/public/css/botones.css +++ b/src/public/css/botones.css @@ -1,60 +1,136 @@ -.buble_add{ - width: 50px; - height: 50px; - background: #0791ec; - bottom: 10px; - border-radius: 50%; - padding-top: 7px; - padding-left: 17px; - z-index: 100; - position: fixed; - right: 30px; - bottom: 20px; +.buble_add { + width: 50px; + height: 50px; + background: #0791ec; + bottom: 10px; + border-radius: 50%; + padding-top: 7px; + padding-left: 17px; + z-index: 100; + position: fixed; + right: 30px; + bottom: 20px; } -.bt_float{ - background: #0791ec; - font-size: 24px; - text-align: center; - border-radius: 50%; +.bt_float { + background: #0791ec; + font-size: 24px; + text-align: center; + border-radius: 50%; + margin-left: -2px; } .tooltip { - padding: 18px 32px; - background: rgba(255, 255, 255, 0.8); - width: 220px; - border-radius: 5px; - text-align: center; - filter: drop-shadow(0 3px 5px #ccc); - line-height: 1.5; - display: none; - bottom: 80px; - right: 30px; + padding: 18px 32px; + background: rgba(255, 255, 255, 0.8); + width: 220px; + border-radius: 5px; + text-align: center; + filter: drop-shadow(0 3px 5px #ccc); + line-height: 1.5; + display: none; + bottom: 80px; + right: 30px; - z-index: 100; - position: fixed; - color: #000000; - font-weight: bold; - } - - .tooltip:after { - content: ""; - position: absolute; - bottom: -9px; - left: 85%; - margin-left: -9px; - width: 18px; - height: 18px; - background: rgba(255, 255, 255, 0.6); - transform: rotate(45deg); - } - - .tooltip-trigger:hover + .tooltip { - display: block; - } + z-index: 100; + position: fixed; + color: #000000; + font-weight: bold; +} - #observacion{ - margin-top: 5px; - } +.tooltip:after { + content: ""; + position: absolute; + bottom: -9px; + left: 85%; + margin-left: -9px; + width: 18px; + height: 18px; + background: rgba(255, 255, 255, 0.6); + transform: rotate(45deg); +} + +.tooltip-trigger:hover+.tooltip { + display: block; +} + +#observacion { + margin-top: 5px; +} + +.input-group { + position: relative; + display: flex; + align-items: center; + margin-bottom: 15px; +} + +.input-group input[type="text"] { + flex: 1; + padding-right: 50px; + /* espacio para el botón */ +} + +.button-group { + display: flex; + justify-content: center; + align-items: center; + margin-bottom: 20px; + gap: 1px; +} + +.btn i { + font-size: 16px; +} + +/* Botón Guardar */ +.btn-aceptar { + display: inline-flex; + justify-content: space-evenly; + align-items: baseline; + background-color: #03a9f4; + color: white; + border-radius: 8px 0px 0px 8px; + width: 100%; + padding: 10px; +} +.btn-aceptar:hover { + background-color: #43a047; +} + +/* Botón Cancelar */ +.btn-cancelar { + display: inline-flex; + justify-content: space-evenly; + align-items: baseline; + background-color: #03a9f4; + color: white; + border-radius: 0px 8px 8px 0px; + width: 100%; + padding: 10px; +} +.btn-cancelar:hover { + background-color: #e53935; +} + +/* Botón Consultar RUC */ +#btn_rucCed_sinc { + background-color: #03a9f4; + color: #fff; + border: none; + padding: 8px 12px; + border-radius: 0px 8px 8px 0px; + cursor: pointer; + transition: background-color 0.3s ease; + margin-bottom: 15px; +} + +#btn_rucCed_sinc:hover { + background-color: #028fcc; +} + +#btn_rucCed_sinc i { + font-size: 28px; +} diff --git a/src/public/css/restaurant.css b/src/public/css/restaurant.css index 304e388..aeee459 100644 --- a/src/public/css/restaurant.css +++ b/src/public/css/restaurant.css @@ -222,7 +222,9 @@ body { } /********* TABLAS *********/ - +.table_container{ + overflow: auto; +} .detalles { position: relative; width: 100%;padding: 20px; diff --git a/src/public/css/restaurant_usuarios.css b/src/public/css/restaurant_usuarios.css new file mode 100644 index 0000000..80d203c --- /dev/null +++ b/src/public/css/restaurant_usuarios.css @@ -0,0 +1,146 @@ +/* restaurant_form.css */ + +#txt_nombre, +/*#txt_idRuc,*/ +#txt_direc, +#txt_telf, +#txt_mail, +#ciudad, +#reg { + width: 100%; + padding: 12px 15px; + margin-bottom: 15px; + border: none; + border-radius: 8px; + background-color: #2d3e50; + color: #fff; + font-size: 15px; + transition: all 0.3s ease; +} + +#txt_nombre::placeholder, +#txt_idRuc::placeholder, +#txt_direc::placeholder, +#txt_telf::placeholder, +#txt_mail::placeholder, +#ciudad::placeholder { + color: #bbb; +} + +#txt_nombre:focus, +#txt_idRuc:focus, +#txt_direc:focus, +#txt_telf:focus, +#txt_mail:focus, +#ciudad:focus, +#reg:focus { + outline: none; + background-color: #3c5770; + box-shadow: 0 0 4px #03a9f4; +} + +.formCliente_box { + background-color: #1f497d; + padding: 30px 25px; + border-radius: 12px; + max-width: 600px; + margin: 30px auto; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); +} + +.formCliente-title { + font-size: 24px; + font-weight: 600; + margin-bottom: 25px; + text-align: center; + color: #fff; +} + +.form-group { + margin-bottom: 15px; +} + +input[type="submit"], +a.btn.btn-primary, +#consultas_ruc { + background-color: #03a9f4; + color: #fff; + padding: 10px 20px; + border: none; + border-radius: 8px; + text-decoration: none; + cursor: pointer; + transition: background-color 0.3s ease; + display: inline-block; + margin-right: 10px; + font-weight: 500; +} + +input[type="submit"]:hover, +a.btn.btn-primary:hover, +#consultas_ruc:hover { + background-color: #028fcc; +} + +#consultas_ruc { + margin-top: 20px; + display: block; + width: 100%; + text-align: center; +} + +#div_rucCed { + display: flex; + justify-content: center; + align-items: center; + margin-bottom: 20px; +} + +#txt_idRuc { + width: 100%; + padding: 12px 15px; + margin-bottom: 15px; + border: none; + border-radius: 8px 0px 0px 8px; + background-color: #2d3e50; + color: #fff; + font-size: 15px; + transition: all 0.3s ease; +} + +/*** selctor de ciudad ***/ + +.grupo_inpuText_btn { + display: flex; + justify-content: center; + align-items: stretch; + /* cambia a stretch para igualar altura */ +} + +.grupo_inpuText_btn input { + flex: 1; + padding: 10px; + font-size: 16px; + width: 100%; + border-radius: 8px 0px 0px 8px; + color: #000; +} + +.grupo_inpuText_btn button { + padding: 0 16px; + font-size: 16px; + background-color: #2196F3; + color: white; + border: none; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; +} + +.grupo_inpuText_btn input, +.grupo_inpuText_btn button { + height: 40px; + + /* ajusta según lo necesites */ +} \ No newline at end of file diff --git a/src/public/js/app_restaurant.js b/src/public/js/app_restaurant.js index b7d5d37..04e2e47 100644 --- a/src/public/js/app_restaurant.js +++ b/src/public/js/app_restaurant.js @@ -1,43 +1,53 @@ -async function ver_usuarios(){ +async function ver_usuarios() { let user = await get_json("/usuarios"); console.log(user); } -async function mostrar_form(nombre_form_aRender){ +async function mostrar_form(nombre_form_aRender) { console.log(nombre_form_aRender); - switch(nombre_form_aRender){ - case 'clientes': + switch (nombre_form_aRender) { + case 'clientes': let cli = await get_json("/verClientesJsonApp"); var tabla = await generaTab_clientes(cli.Clientes); await render(tabla); break; - case 'pedidos': + case 'nuevo_cliente': + var card = await mostrar_formClientes(); + await render(card); + await cargarCiudades(); + break; + case 'buscar_cliente': + cli_busq = document.getElementById("txt_bucarCliente").value; + var tabla = await generaTab_clientes(await get_json("/consultaClientesJson?consulta=" + cli_busq)); + await render(tabla); + break; + case 'pedidos': let pedidos = await get_json("/consultaPedidos?origen=%"); var thead = "IDNombreFechaOrigenValorEstado"; - var tabla = await generaTab_pedidos(pedidos.ConsultaPedidos,thead); + var tabla = await generaTab_pedidos(pedidos.ConsultaPedidos, thead); await render(tabla); //await console.log(pedidos.ConsultaPedidos); break; - case 'usuarios': + case 'usuarios': let user = await get_json("/users"); var tabla = await generaTab_usuarios(user.usuarios); await render(tabla); break; - case 'dashboard': + case 'dashboard': let dash = await get_html("/dash_board"); console.log(dash); break; - case 'mesas': + case 'mesas': let origen = await get_json("/origen_pedidos"); var card = await generaCard_mesas(origen.origen_pedidos); await render(card); break; - case 'menu': + case 'menu': let menu = await get_json("/dash_board"); var card = await generaCard_platosMenu(menu.usuarios); await render(card); break; - case 'dashboard_mesero': + case 'dashboard_mesero': let item_cat = await get_json("/categorias_json"); var card = await dashboard_mesero(item_cat.Categorias); await render(card); @@ -53,12 +63,12 @@ async function get_json(url) { "Content-Type": "application/json", }, }) - .then(res => res.json()) - .then(res => { - data = res; - return res; - }) - .catch(err => console.log('Solicitud fallida', err)); // Capturar errores; + .then(res => res.json()) + .then(res => { + data = res; + return res; + }) + .catch(err => console.log('Solicitud fallida', err)); // Capturar errores; return data; } async function get_html(url) { @@ -68,30 +78,30 @@ async function get_html(url) { "Content-Type": "application/json", }, }) - .then(res => { - console.log(res); - render(res); - //return res; - }) - .catch( - err => console.log('Solicitud fallida', err) - ); // Capturar errores; + .then(res => { + console.log(res); + render(res); + //return res; + }) + .catch( + err => console.log('Solicitud fallida', err) + ); // Capturar errores; } -async function post_json(url,params) { +async function post_json(url, params) { var data; await fetch(url, { method: 'POST', headers: { "Content-Type": "application/json", }, - body:JSON.stringify(params), + body: JSON.stringify(params), }) - .then(res => res.json()) - .then(res => { - data = res; - return res; - }) - .catch(err => console.log('Solicitud fallida', err)); // Capturar errores; + .then(res => res.json()) + .then(res => { + data = res; + return res; + }) + .catch(err => console.log('Solicitud fallida', err)); // Capturar errores; return data; } @@ -101,7 +111,7 @@ async function render(dat_html) { } -async function generaCardUser(json,heder_tab){ +async function generaCardUser(json, heder_tab) { var tab = `
@@ -120,9 +130,9 @@ async function generaCardUser(json,heder_tab){ ${valor.toFixed(2)} ${json[key].PedUsoPrdct_estado} `; - tab = tab+fila; + tab = tab + fila; } - tab = tab+"
"; + tab = tab + "
"; //console.log(json); return tab; } \ No newline at end of file diff --git a/src/public/js/app_restaurant_detallePed.js b/src/public/js/app_restaurant_detallePed.js index 7438e3e..43ca61c 100644 --- a/src/public/js/app_restaurant_detallePed.js +++ b/src/public/js/app_restaurant_detallePed.js @@ -114,9 +114,9 @@ function add_toping(cod) {
diff --git a/src/public/js/app_restaurant_tabGen.js b/src/public/js/app_restaurant_tabGen.js index c0096a0..fd0cf29 100644 --- a/src/public/js/app_restaurant_tabGen.js +++ b/src/public/js/app_restaurant_tabGen.js @@ -6,7 +6,7 @@ async function generaTab_pedidos(json, heder_tab) {

Pedidos Recientes

-
+
${heder_tab}`; for (let key in json) { let valor = json[key].PedUsoPrdct_valor; @@ -21,7 +21,7 @@ async function generaTab_pedidos(json, heder_tab) { `; tab = tab + fila; } - tab = tab + "
" + bt_add("add_pedido", "Nuevo Pedido"); + tab = tab + "
" + bt_add("add_pedido", "Nuevo Pedido"); //console.log(json); return tab; } @@ -31,9 +31,15 @@ async function generaTab_clientes(json) { var tab = `
-

Clientes

- +

Clientes


+
+ + +
+
${thead}`; for (let key in json) { let fila = ` @@ -45,7 +51,7 @@ async function generaTab_clientes(json) { `; tab = tab + fila; } - tab = tab + "
"; + tab = tab + "
"+bt_add("crear_cliente", "Cliente Nuevo"); //console.log(json); return tab; } @@ -209,6 +215,8 @@ function ir_a(ruta) { break; case "add_pedido": mostrar_form('mesas'); break; + case "crear_cliente": mostrar_form('nuevo_cliente'); + break; } console.log(ruta); } diff --git a/src/public/js/app_restaurant_users.js b/src/public/js/app_restaurant_users.js new file mode 100644 index 0000000..c18a3f7 --- /dev/null +++ b/src/public/js/app_restaurant_users.js @@ -0,0 +1,390 @@ +function mostrar_formClientes() { + var contHtml = ` +
+
+

Nuevo Cliente

+
+ +
+
+ + +
+
+ +
+
+ +
+
+ +
+
+ +
+ +
+ Guardar + Cancelar +
+
+
`; + return contHtml; +} +// Función para crear cliente +function crear_cliente() { + // Obtener todos los campos del formulario + const clienteData = { + client_nombre: document.getElementById('txt_nombre').value.trim(), + client_rucCed: document.getElementById('txt_idRuc').value.trim(), + client_direccion: document.getElementById('txt_direc').value.trim(), + client_telefono: document.getElementById('txt_telf').value.trim(), + client_email: document.getElementById('txt_mail').value.trim(), + client_Ciudad: document.getElementById('ciudad').value.trim(), // ID de la ciudad seleccionada + client_estado: 1, // Valor por defecto + client_fechaReg: new Date().toISOString().slice(0, 19).replace('T', ' ') // Formato DATETIME para MySQL + }; + + // Validar campos obligatorios + const errores = []; + + if (!clienteData.client_nombre) { + errores.push('El nombre del cliente es obligatorio'); + mostrarError('txt_nombre'); + } else { + limpiarError('txt_nombre'); + } + + if (!clienteData.client_rucCed) { + errores.push('La cédula/RUC es obligatoria'); + mostrarError('txt_idRuc'); + } else if (!validarRucCedula(clienteData.client_rucCed)) { + errores.push('La cédula/RUC no tiene un formato válido'); + mostrarError('txt_idRuc'); + } else { + limpiarError('txt_idRuc'); + } + + if (!clienteData.client_direccion) { + errores.push('La dirección es obligatoria'); + mostrarError('txt_direc'); + } else { + limpiarError('txt_direc'); + } + + // Validar email si se proporciona + if (clienteData.client_email && !validarEmail(clienteData.client_email)) { + errores.push('El formato del email no es válido'); + mostrarError('txt_mail'); + } else { + limpiarError('txt_mail'); + } + + // Validar teléfono si se proporciona + if (clienteData.client_telefono && !validarTelefono(clienteData.client_telefono)) { + errores.push('El formato del teléfono no es válido'); + mostrarError('txt_telf'); + } else { + limpiarError('txt_telf'); + } + + // Si hay errores, mostrarlos y no enviar + if (errores.length > 0) { + mostrarMensaje(errores.join('
'), 'error'); + return false; + } + + // Enviar datos al servidor + enviarDatosCliente(clienteData); + e.preventDefault(); +} + +// Función para enviar datos al servidor +async function enviarDatosCliente(data) { + try { + // Mostrar loader + mostrarLoader(true); + + const response = await fetch('/addCliente', { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + 'Accept': 'application/json' + }, + body: JSON.stringify(data) + }); + + mostrarLoader(false); + + if (response.ok) { + // Si la respuesta es exitosa + const result = await response.text(); + mostrarMensaje('Cliente guardado exitosamente', 'success'); + + // Limpiar formulario + limpiarFormulario(); + + // Opcional: redirigir después de 2 segundos + setTimeout(() => { + mostrar_form('clientes'); + //window.location.href = '/clientes'; + }, 2000); + + } else { + throw new Error(`Error del servidor: ${response.status}`); + } + + } catch (error) { + mostrarLoader(false); + console.error('Error al enviar datos:', error); + mostrarMensaje('Error al guardar el cliente. Intente nuevamente.', 'error'); + } +} + +// Función para validar RUC/Cédula (básica para Ecuador) +function validarRucCedula(valor) { + // Remover espacios y guiones + valor = valor.replace(/[\s-]/g, ''); + + // Debe tener entre 10 y 13 dígitos + if (!/^\d{10,13}$/.test(valor)) { + return false; + } + + // Validación básica para cédula ecuatoriana (10 dígitos) + if (valor.length === 10) { + return validarCedulaEcuador(valor); + } + + // Para RUC (13 dígitos) - validación básica + if (valor.length === 13) { + return valor.substring(10) === '001'; // Terminación típica de RUC + } + + return true; // Aceptar otros formatos +} + +// Validación específica para cédula ecuatoriana +function validarCedulaEcuador(cedula) { + if (cedula.length !== 10) return false; + + const provincia = parseInt(cedula.substring(0, 2)); + if (provincia < 1 || provincia > 24) return false; + + const tercerDigito = parseInt(cedula.charAt(2)); + if (tercerDigito > 6) return false; + + // Algoritmo de validación + const coeficientes = [2, 1, 2, 1, 2, 1, 2, 1, 2]; + let suma = 0; + + for (let i = 0; i < 9; i++) { + let producto = parseInt(cedula.charAt(i)) * coeficientes[i]; + if (producto > 9) producto -= 9; + suma += producto; + } + + const digitoVerificador = parseInt(cedula.charAt(9)); + const residuo = suma % 10; + const resultado = residuo === 0 ? 0 : 10 - residuo; + + return resultado === digitoVerificador; +} + +// Función para validar email +function validarEmail(email) { + const regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; + return regex.test(email); +} + +// Función para validar teléfono +function validarTelefono(telefono) { + // Permitir números con o sin guiones, espacios, paréntesis + const regex = /^[\d\s\-\(\)\+]{7,14}$/; + return regex.test(telefono); +} + +// Función para mostrar errores en campos +function mostrarError(campoId) { + const campo = document.getElementById(campoId); + campo.style.borderColor = '#ef4444'; + campo.style.boxShadow = '0 0 0 3px rgba(239, 68, 68, 0.1)'; +} + +// Función para limpiar errores en campos +function limpiarError(campoId) { + const campo = document.getElementById(campoId); + campo.style.borderColor = '#e1e8ed'; + campo.style.boxShadow = 'none'; +} + +// Función para mostrar mensajes +function mostrarMensaje(mensaje, tipo) { + // Crear elemento de mensaje si no existe + let mensajeDiv = document.getElementById('mensaje-sistema'); + if (!mensajeDiv) { + mensajeDiv = document.createElement('div'); + mensajeDiv.id = 'mensaje-sistema'; + mensajeDiv.style.cssText = ` + position: fixed; + top: 20px; + right: 20px; + padding: 15px 20px; + border-radius: 8px; + color: white; + font-weight: 500; + z-index: 9999; + max-width: 400px; + box-shadow: 0 4px 12px rgba(0,0,0,0.15); + transition: all 0.3s ease; + `; + document.body.appendChild(mensajeDiv); + } + + // Configurar estilo según tipo + if (tipo === 'error') { + mensajeDiv.style.background = 'linear-gradient(135deg, #ef4444, #dc2626)'; + } else { + mensajeDiv.style.background = 'linear-gradient(135deg, #10b981, #059669)'; + } + + mensajeDiv.innerHTML = mensaje; + mensajeDiv.style.display = 'block'; + mensajeDiv.style.opacity = '1'; + + // Ocultar después de 5 segundos + setTimeout(() => { + mensajeDiv.style.opacity = '0'; + setTimeout(() => { + mensajeDiv.style.display = 'none'; + }, 300); + }, 5000); +} + +// Función para mostrar/ocultar loader +function mostrarLoader(mostrar) { + let loader = document.getElementById('loader-sistema'); + if (!loader) { + loader = document.createElement('div'); + loader.id = 'loader-sistema'; + loader.innerHTML = ` +
+
+
+

Guardando cliente...

+
+
+ `; + document.body.appendChild(loader); + + // Agregar animación CSS + const style = document.createElement('style'); + style.textContent = ` + @keyframes spin { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } + } + `; + document.head.appendChild(style); + } + + loader.style.display = mostrar ? 'block' : 'none'; +} + +// Función para limpiar formulario +function limpiarFormulario() { + document.getElementById('txt_nombre').value = ''; + document.getElementById('txt_idRuc').value = ''; + document.getElementById('txt_direc').value = ''; + document.getElementById('txt_telf').value = ''; + document.getElementById('txt_mail').value = ''; + document.getElementById('ciudad').value = ''; + + // Limpiar errores visuales + ['txt_nombre', 'txt_idRuc', 'txt_direc', 'txt_telf', 'txt_mail', 'ciudad'].forEach(id => { + limpiarError(id); + }); +} + +// Función para cargar ciudades desde la base de datos +async function cargarCiudades() { + try { + const response = await fetch('/api/ciudades', { + method: 'GET', + headers: { + 'Accept': 'application/json' + } + }); + + if (response.ok) { + const ciudades = await response.json(); + const selectCiudad = document.getElementById('ciudad'); + + // Limpiar opciones existentes + selectCiudad.innerHTML = ''; + + // Agregar opciones de ciudades + ciudades.forEach(ciudad => { + const option = document.createElement('option'); + option.value = ciudad.id_ciudad; + option.textContent = ciudad.nombre + (ciudad.perteneceA ? ` (${ciudad.perteneceA})` : ''); + selectCiudad.appendChild(option); + }); + } + } catch (error) { + console.error('Error al cargar ciudades:', error); + mostrarMensaje('Error al cargar las ciudades', 'error'); + } +} + +// Event listener para prevenir envío del formulario tradicional +/*document.addEventListener('DOMContentLoaded', function() { + // Cargar ciudades al iniciar + cargarCiudades(); + + const form = document.querySelector('.formCliente'); + if (form) { + form.addEventListener('submit', function(e) { + e.preventDefault(); // Prevenir envío tradicional + crear_cliente(); // Usar nuestra función personalizada + }); + } + + // También prevenir en los enlaces de botones + const btnGuardar = document.querySelector('.btn-aceptar'); + if (btnGuardar) { + btnGuardar.addEventListener('click', function(e) { + e.preventDefault(); + crear_cliente(); + }); + } +});*/ \ No newline at end of file diff --git a/src/rutas/rt_Generales.js b/src/rutas/rt_Generales.js index 2fcee9d..b156eca 100644 --- a/src/rutas/rt_Generales.js +++ b/src/rutas/rt_Generales.js @@ -13,6 +13,7 @@ rutas.get('/pedidos', controlador_init.app_sigma);//Una app para PEDIDOS rutas.get('/recepcionPedidos', controlador_init.recibe_pedidos);//receptar pedidos rutas.post('/recepcionPedidos_post', controlador_init.recibe_pedidos_post);//receptar pedidos + rutas.get('/', controlador_init.app_login);//FORM LOGIN DE LA APP rutas.post('/login', controlador_init.auth);//Authenticacion de Web APP rutas.get('/login_test', controlador_init.login_test);//login testing css / dev diff --git a/src/rutas/rt_clientes.js b/src/rutas/rt_clientes.js index 4698090..8e2f576 100644 --- a/src/rutas/rt_clientes.js +++ b/src/rutas/rt_clientes.js @@ -21,8 +21,11 @@ rutas.get('/eliminarCliente/:client_id', controladorClientes.eliminarCliente); rutas.post('/addCliente', controladorClientes.guardaCliente);//almacena en bd el nuevo cliente rutas.get('/addClienteForm', controladorClientes.verFormNclientes);//muesta form para crear cliente +// Ruta para obtener ciudades +rutas.get('/api/ciudades', controladorClientes.obtenerCiudades); + //APP_SIGMA consultas -rutas.get('/consultaClientesJson', controladorClientes.app_pedidos_clientes);//consulta clientes app-sigma +rutas.get('/consultaClientesJson', controladorClientes.app_pedidos_clientes);//consulta clientes: /consultaClientesJson?consulta=dato rutas.get('/busquedaSRI/', controladorClientes.buscarCli_sri);//API consulta clientes //API CONSULTA CLIENTES: https://NAME_SERVER/api_consultaClientes?id=numero_rucOcedula => https://app.factura-e.net/api_consultaClientes?id=0701637498001 diff --git a/src/views/app_restaurant.ejs b/src/views/app_restaurant.ejs index 594b769..26cab13 100644 --- a/src/views/app_restaurant.ejs +++ b/src/views/app_restaurant.ejs @@ -13,6 +13,7 @@ + @@ -167,6 +168,7 @@ + \ No newline at end of file