diff --git a/client/public/scripts/step1.js b/client/public/scripts/step1.js index e497bfee..8c649cf0 100644 --- a/client/public/scripts/step1.js +++ b/client/public/scripts/step1.js @@ -75,17 +75,17 @@ document.getElementById('step-one').addEventListener('click',async ()=>{ let temporal = document.getElementById(arreglo[indice][0]); temporal.style.borderColor='orange'; + if(arreglo[indice][1] != ''){ // si el mensaje es un mensaje vacio, entonces no mostara ningun alert let toastBox = document.getElementById('toastBox'); let div = document.createElement('div'); div.classList.add('toast'); - div.innerHTML = '
no pusiste '+arreglo[indice][1]+'
'; + div.innerHTML = '
No pusiste '+arreglo[indice][1]+'
'; div.classList.add('orange'); toastBox.appendChild(div); setTimeout(()=>{ div.remove(); },6000) - - // + } } return; } diff --git a/client/public/scripts/step2.js b/client/public/scripts/step2.js index 0e20f9ac..db4896fd 100644 --- a/client/public/scripts/step2.js +++ b/client/public/scripts/step2.js @@ -64,7 +64,7 @@ document.getElementById('step2').addEventListener('click', async ()=>{ let toastBox = document.getElementById('toastBox'); let div = document.createElement('div'); div.classList.add('toast'); - div.innerHTML = '
dejaste en blanco la pregunta '+arreglo[indice].slice(1);+'
'; + div.innerHTML = '
Dejaste en blanco la pregunta '+arreglo[indice].slice(1);+'
'; div.classList.add('orange'); toastBox.appendChild(div); setTimeout(()=>{ @@ -84,7 +84,7 @@ document.getElementById('step2').addEventListener('click', async ()=>{ let toastBox = document.getElementById('toastBox'); let div = document.createElement('div'); div.classList.add('toast'); - div.innerHTML = '
se mas especifico en la pregunta '+arreglo[indice].slice(1);+', escribe mas al respecto
'; + div.innerHTML = '
Se más específico en la pregunta '+arreglo[indice].slice(1);+', escribe más al respecto
'; toastBox.appendChild(div); setTimeout(()=>{ div.remove(); diff --git a/client/public/scripts/step3.js b/client/public/scripts/step3.js index 087e2ed8..2c273029 100644 --- a/client/public/scripts/step3.js +++ b/client/public/scripts/step3.js @@ -14,7 +14,7 @@ proximamente.innerHTML = `

La contraseña esta
- siendo procesada
+ siendo procesada.

`; @@ -56,7 +56,7 @@ document.getElementById('step3').addEventListener('click',async ()=>{ let toastBox = document.getElementById('toastBox'); let div = document.createElement('div'); div.classList.add('toast'); - div.innerHTML = '
Debes de aceptar las politicas
'; + div.innerHTML = '
Debes de aceptar las políticas
'; div.classList.add('blue'); toastBox.appendChild(div); setTimeout(()=>{ @@ -129,7 +129,7 @@ document.getElementById('step3').addEventListener('click',async ()=>{ for(let i in arreglo){ let div = document.createElement('div'); div.classList.add('toast'); - div.innerHTML = '
tu contraseña '+arreglo[i]+'
'; + div.innerHTML = '
Tu contraseña '+arreglo[i]+'
'; toastBox.appendChild(div); setTimeout(()=>{ @@ -144,18 +144,18 @@ document.getElementById('step3').addEventListener('click',async ()=>{ if(respuestaJson.redirect = '/spa/signUp/Confirmacion'){ - proximamente.innerHTML = ``; + proximamente.innerHTML = ``; await new Promise(resolve=> setTimeout(resolve, 1200)); proximamente.innerHTML = `

- Insercion de Usuario + Inserción de Usuario

- Felicidades, en un momento se creara tu cuenta
- este proceso puede tardar unos segundos, se paciente
+ Felicidades, en un momento se creará tu cuenta.
+ Este proceso puede tardar unos segundos, se paciente.

`; } diff --git a/client/src/components/ui/Agenda.jsx b/client/src/components/ui/Agenda.jsx index 69c9e2f6..7fa3586f 100644 --- a/client/src/components/ui/Agenda.jsx +++ b/client/src/components/ui/Agenda.jsx @@ -14,6 +14,7 @@ function Agenda({ restart, next }) { const [soon, setSoon] = useState(false); const [del, setDel] = useState(false); const [selectedCitaIndex, setSelectedCitaIndex] = useState(null); + const [sus, setSus] = useState(false); //<<< CARACTERISTICA GRAFICA DE QUE EL USUARIO ES SOCIO const handleModificar = () => { selectedCitaIndex === null && notify(); @@ -105,9 +106,7 @@ function Agenda({ restart, next }) { const iva = (total * 0.08).toFixed(2); const totalIva = (parseFloat(total) + parseFloat(iva)).toFixed(2); - const puntos = parseFloat(totalIva) / 10; - //En caso de ser Socio VVV - //const puntos = (parseInt(totalIva))/5; + const puntos = (sus ? ((parseInt(totalIva))/5):((parseFloat(totalIva)) / 10)); localStorage.setItem("total", total); localStorage.setItem("totalIva", totalIva); @@ -264,6 +263,10 @@ function Agenda({ restart, next }) { ${totalIva} +
+

Puntos obtenidos:

+ {parseInt(puntos)} +
- diff --git a/client/src/components/ui/Favoritos.jsx b/client/src/components/ui/Favoritos.jsx index 2c397a08..8a4230e2 100644 --- a/client/src/components/ui/Favoritos.jsx +++ b/client/src/components/ui/Favoritos.jsx @@ -80,10 +80,35 @@ function Favoritos() { const [estetica, setEstetica] = useState([]); const [color1, setColor1] = useState("#EB5765"); const [color2, setColor2] = useState("#F6B3B9"); + const [id, setId] = useState(0); + const [st, setSt] = useState(false); + + let respuestaJson = null; + async function checkLogin() { + try { + const respuesta = await fetch("/api/logueado", { + method: "GET", + headers: { + "Content-Type": "application/json", + }, + }); + + respuestaJson = await respuesta.json(); + if (respuestaJson.logueado == true) { + await setId(respuestaJson.clave); + } + } catch (error) { + setLog(false); + } + } + + useEffect(() => { + checkLogin(); + }, []); useEffect(() => { setTimeout(() => { - fetch("/api/admin/favoritos/ServiceFavoritosSpa") + fetch(`/api/admin/favoritos/ServiceFavoritosSpa/${id}`) .then((response) => { if (!response.ok) { throw new Error("Error al obtener los favoritos de spa"); @@ -97,11 +122,11 @@ function Favoritos() { console.log("error", error); }); }, 3000); - }, []); + }, [id, st]); useEffect(() => { setTimeout(() => { - fetch("/api/admin/favoritos/ServiceFavoritosEstetica") + fetch(`/api/admin/favoritos/ServiceFavoritosEstetica/${id}`) .then((response) => { if (!response.ok) { throw new Error("Error al obtener los favoritos de estetica"); @@ -115,7 +140,7 @@ function Favoritos() { console.log("error", error); }); }, 3000); - }, []); + }, [id, st]); const toggleService = (index) => { if (index === 1) { @@ -155,6 +180,10 @@ function Favoritos() { } }; + function changeSt() { + setSt(!st); + } + return ( <> ); @@ -209,14 +240,16 @@ function Favoritos() { return ( ); diff --git a/client/src/components/ui/Filtros.jsx b/client/src/components/ui/Filtros.jsx index 308386bf..9adfc13b 100644 --- a/client/src/components/ui/Filtros.jsx +++ b/client/src/components/ui/Filtros.jsx @@ -81,7 +81,7 @@ export default function Filtros() { }, }); respuestaJson = await respuesta.json(); - setId(respuestaJson.clave); + await setId(respuestaJson.clave); } catch (error) { console.log("Error"); } @@ -97,7 +97,6 @@ export default function Filtros() { useEffect(() => { setTimeout(() => { - console.log(id); fetch(`/api/admin/favoritos/ProductFavoritosbyId/${id}`) .then((response) => { if (!response.ok) { @@ -107,7 +106,6 @@ export default function Filtros() { }) .then((data) => { setProductosFavorites(data); - console.log("favoritos" + data); }) .catch((error) => { //setErrorSpa(error.message); @@ -196,7 +194,7 @@ export default function Filtros() { console.log("error", error); }); }, [1000]); - }, []); + }, [id]); // Función para manejar la búsqueda const handleSearch = (e) => { diff --git a/client/src/components/ui/Login/Procesos/CrearCuenta/InformacionBasica.jsx b/client/src/components/ui/Login/Procesos/CrearCuenta/InformacionBasica.jsx index dd759b1f..4b6fc308 100644 --- a/client/src/components/ui/Login/Procesos/CrearCuenta/InformacionBasica.jsx +++ b/client/src/components/ui/Login/Procesos/CrearCuenta/InformacionBasica.jsx @@ -8,6 +8,14 @@ import React, { useState, useEffect } from "react"; import '../../../../../txt.css'; const InformacionBasica = () => { + const [selectedImage, setSelectedImage] = useState(null); + + const handleImageChange = (e) => { + if (e.target.files && e.target.files[0]) { + const file = e.target.files[0]; + setSelectedImage(URL.createObjectURL(file)); + } + }; return (
@@ -127,7 +135,7 @@ const InformacionBasica = () => { { { {
- +
- +
diff --git a/client/src/components/ui/MenuPerfil.jsx b/client/src/components/ui/MenuPerfil.jsx index 564cd49b..7870b0d1 100644 --- a/client/src/components/ui/MenuPerfil.jsx +++ b/client/src/components/ui/MenuPerfil.jsx @@ -1,6 +1,8 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; -import { faUser, faUserPen, faBagShopping, faCalendarDays, faMoneyBill ,faClockRotateLeft, faCreditCard, faArrowRightFromBracket } from '@fortawesome/free-solid-svg-icons'; +import { faUser, faUserPen, faBagShopping, faCalendarDays, faMoneyBill ,faClockRotateLeft, faCreditCard, faArrowRightFromBracket, faQrcode, faAngleLeft, faDownload } from '@fortawesome/free-solid-svg-icons'; import { Helmet, HelmetProvider } from "react-helmet-async"; +import { useEffect, useState } from 'react'; +import QrCode from "react-qr-code"; // eslint-disable-next-line react/prop-types function MenuPerfil() { @@ -9,6 +11,71 @@ function MenuPerfil() { + + const [clave, setClave] = useState(false); + const [sus, setSus] = useState(false); + const [qr, setQR] = useState(false); + + var onImageDownload = () => { + const svg = document.getElementById("QRCode"); + const svgData = new XMLSerializer().serializeToString(svg); + const canvas = document.createElement("canvas"); + const ctx = canvas.getContext("2d"); + const img = new Image(); + img.onload = () => { + canvas.width = img.width; + canvas.height = img.height; + ctx.drawImage(img, 0, 0); + const pngFile = canvas.toDataURL("image/png"); + const downloadLink = document.createElement("a"); + downloadLink.download = "QRCode"; + downloadLink.href = `${pngFile}`; + downloadLink.click(); + }; + img.src = `data:image/svg+xml;base64,${btoa(svgData)}`; + }; + + async function recibido() { + const respuesta = await fetch("/api/logueado", { + method: "GET", + headers: { + "Content-Type": "application/json", + }, + }); + + if (!respuesta.ok) { + setClave(false); + } + + let respuestaJson = await respuesta.json(); + + if (respuestaJson.logueado == true) { + setClave(respuestaJson.clave); + } else { + setClave(false); + } + } + + useEffect(() => { + recibido(); + }, []); + useEffect(() => { + + const Prod = async () => { + try { + if (clave) { + + const response = await fetch(`/api/admin/cliente/StatusSus/${clave}`) + const data = await response.json(); + setSus(data) + } + } catch (error) { + console.error("hubo error :", error) + } + } + Prod() + }, [clave]) + return (
+ {qr && +
+
+
+
+ +
+

+ QR personal del socio +

+
+

+ ¡Entra a eventos exclusivos! +

+
+ +
+
+ +
+
+
+
+ }
); } diff --git a/client/src/components/ui/Ofertas.jsx b/client/src/components/ui/Ofertas.jsx index 7e0fc1e6..7b37ca50 100644 --- a/client/src/components/ui/Ofertas.jsx +++ b/client/src/components/ui/Ofertas.jsx @@ -28,6 +28,27 @@ function Ofertas({ producto, handleClickCarrito, noDesc }) { const notify = () => toast("Producto agregado al carrito"); const { agregarAlCarrito } = useCarrito(); + const [favorites, setFavorites] = useState({}); + const [uid, setUid] = useState(null); + + useEffect(() => { + localStorage.removeItem("favoritos") + }, []) + + useEffect(() => { + const cookie = obteneridCookie('Naruto_cookie'); + if (cookie) { + const decoded = jwtDecode(cookie); + setUid(decoded.user); + } + }, []); + + const obteneridCookie = (cookieName) => { + const cookies = document.cookie.split(';'); + const cookie = cookies.find(c => c.trim().startsWith(cookieName + "=")); + return cookie ? cookie.split('=')[1] : null; + }; + const handleViewMore = (producto) => { // navigate to the product page with the product current id const product = { @@ -63,6 +84,45 @@ function Ofertas({ producto, handleClickCarrito, noDesc }) { return Number(price).toFixed(2); } + const toggleFavorite = async (idProducto) => { + const estaEnFavoritos = favorites[idProducto.pkIdPS]; + + if (uid) { + try { + fetch('/api/admin/favoritos/invertirFav', { + method: "POST", + body: JSON.stringify({ idCliente: uid, IdProducto: idProducto.pkIdPS }), + headers: { "Content-Type": "application/json" }, + }); + + setFavorites(prev => ({ + ...prev, + [idProducto.pkIdPS]: !estaEnFavoritos + })); + + + } catch (error) { + console.error('Error en la solicitud:', error); + } + } else { + setFavorites(prev => ({ + ...prev, + [idProducto.pkIdPS]: !estaEnFavoritos + })); + let favoritos = JSON.parse(localStorage.getItem("favoritos")) || []; + const estaEnFavoritos = favoritos.some(fav => fav.pkIdPS === idProducto.pkIdPS); + if (!estaEnFavoritos) { + + favoritos.push(idProducto); + localStorage.setItem("favoritos", JSON.stringify(favoritos)); + } else { + let favoritos = JSON.parse(localStorage.getItem("favoritos")) || []; + favoritos = favoritos.filter((obj) => obj.pkIdPS !== idProducto.pkIdPS); + localStorage.setItem("favoritos", JSON.stringify(favoritos)); + } + } + }; + return (
@@ -76,6 +136,7 @@ function Ofertas({ producto, handleClickCarrito, noDesc }) { name="customized-color" defaultValue={0} max={1} + value={producto.favorito || favorites[producto.pkIdPS] ? 1 : 0} getLabelText={(value) => `${value} Heart${value !== 1 ? 's' : ''}`} precision={1} icon={} diff --git a/client/src/components/ui/Productos.jsx b/client/src/components/ui/Productos.jsx index f28fa863..3c4a0321 100644 --- a/client/src/components/ui/Productos.jsx +++ b/client/src/components/ui/Productos.jsx @@ -27,11 +27,11 @@ function Productos({ productos }) { const navigate = useNavigate(); const [favorites, setFavorites] = useState({}); const [uid, setUid] = useState(null); - - useEffect(()=>{ -localStorage.removeItem("favoritos") - },[]) + + useEffect(() => { + localStorage.removeItem("favoritos") + }, []) useEffect(() => { const cookie = obteneridCookie('Naruto_cookie'); @@ -41,22 +41,22 @@ localStorage.removeItem("favoritos") } }, []); - useEffect(() => { - const Prod = async () => { - try { - if (uid) { - //este fetch traera todos los favoritos del cliente,solo incluyendo servicios y productos - const response = await fetch(`/api/admin/favoritos/FavoritosbyId/${uid}`) - const data = await response.json(); - setContResumen(data) - console.log(data) - } - } catch (error) { - console.error("hubo error :", error) - } - } - Prod() - }, [uid]) + // useEffect(() => { + // const Prod = async () => { + // try { + // if (uid) { + // //este fetch traera todos los favoritos del cliente,solo incluyendo servicios y productos + // const response = await fetch(`/api/admin/favoritos/FavoritosbyId/${uid}`) + // const data = await response.json(); + // setContResumen(data) + // console.log(data) + // } + // } catch (error) { + // console.error("hubo error :", error) + // } + // } + // Prod() + // }, [uid]) @@ -78,31 +78,31 @@ localStorage.removeItem("favoritos") headers: { "Content-Type": "application/json" }, }); - setFavorites(prev => ({ - ...prev, - [idProducto.pkIdPS]: !estaEnFavoritos - })); + setFavorites(prev => ({ + ...prev, + [idProducto.pkIdPS]: !estaEnFavoritos + })); - - } catch (error) { - console.error('Error en la solicitud:', error); - } - }else{ + + } catch (error) { + console.error('Error en la solicitud:', error); + } + } else { setFavorites(prev => ({ ...prev, [idProducto.pkIdPS]: !estaEnFavoritos })); let favoritos = JSON.parse(localStorage.getItem("favoritos")) || []; - const estaEnFavoritos = favoritos.some(fav => fav.pkIdPS === idProducto.pkIdPS); - if(!estaEnFavoritos){ - - favoritos.push(idProducto); - localStorage.setItem("favoritos", JSON.stringify(favoritos)); - }else{ - let favoritos = JSON.parse(localStorage.getItem("favoritos")) || []; - favoritos = favoritos.filter((obj) => obj.pkIdPS !== idProducto.pkIdPS); - localStorage.setItem("favoritos", JSON.stringify(favoritos)); - } + const estaEnFavoritos = favoritos.some(fav => fav.pkIdPS === idProducto.pkIdPS); + if (!estaEnFavoritos) { + + favoritos.push(idProducto); + localStorage.setItem("favoritos", JSON.stringify(favoritos)); + } else { + let favoritos = JSON.parse(localStorage.getItem("favoritos")) || []; + favoritos = favoritos.filter((obj) => obj.pkIdPS !== idProducto.pkIdPS); + localStorage.setItem("favoritos", JSON.stringify(favoritos)); + } } }; @@ -141,6 +141,7 @@ localStorage.removeItem("favoritos") }; agregarAlCarrito(productoParaCarrito); }; + return (
    @@ -163,8 +164,8 @@ localStorage.removeItem("favoritos") `${value} Heart${value !== 1 ? 's' : ''}`} precision={1} icon={} diff --git a/client/src/components/ui/ReturnCita.jsx b/client/src/components/ui/ReturnCita.jsx index 074b4688..1bd24093 100644 --- a/client/src/components/ui/ReturnCita.jsx +++ b/client/src/components/ui/ReturnCita.jsx @@ -1,9 +1,15 @@ +import { useState } from "react" + function ReturnCitas({ citas }) { + const [info, setInfo] = useState(false); return (
    -

    {`${citas.day} de ${citas.month} del ${citas.year}`}

    +
    +

    {`${citas.day} de ${citas.month} del ${citas.year}`}

    +

    {`Hora: ${citas.hora}`}

    +
    @@ -18,11 +24,63 @@ function ReturnCitas({ citas }) {
    - + +
    - -
    + {info && +
    +
    +
    +

    Servicio

    +
    +

    {`Fecha: ${citas.day} / ${citas.month} / ${citas.year}`}

    +
    +
    +

    {citas.nombre}

    + +

    Calificación de los clientes:

    +

    Excelente

    +
    +
    +
    +

    {`Pedido: #${citas.id}`}

    +
    +
    +

    Sesiones

    +

    {`1 x $${citas.precio}`}

    +
    +
    +

    IVA:

    +

    $0.00

    +
    +
    +

    Descuento

    +

    $0.00

    +
    +
    +

    Método de pago:

    +

    Tarjeta

    +
    +
    +

    Tarjeta utilizada

    +

    ************9382

    +
    +
    +

    Puntos obtenidos:

    +

    {parseInt(citas.precio/10)} puntos

    +
    +
    +
    +
    + + + +
    +
    +
    +
    + }
    ) } diff --git a/client/src/components/ui/RevisionProductos.jsx b/client/src/components/ui/RevisionProductos.jsx index ddaea087..0884fa16 100644 --- a/client/src/components/ui/RevisionProductos.jsx +++ b/client/src/components/ui/RevisionProductos.jsx @@ -1,5 +1,5 @@ import { useEffect, useState } from 'react'; -import Carousel from 'react-multi-carousel'; +//import Carousel from 'react-multi-carousel'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { faTrash } from '@fortawesome/free-solid-svg-icons'; import { Rating } from '@mui/material'; @@ -60,7 +60,7 @@ function RevisionProductos({ restart, producto, next }) { const total = (parseFloat(subTotal) + parseFloat(ivaTotal)).toFixed(2); const [puntosTotal, setPuntosTotal] = useState(0); //<<< PUNTOS TOTALES const [sus, setSus] = useState(false); //<<< CARACTERISTICA GRAFICA DE QUE EL USUARIO ES SOCIO - const puntos = (sus ? ((parseInt(sus))/5):((parseFloat(total)) / 10)); + const puntos = (sus ? ((parseInt(total))/5):((parseFloat(total)) / 10)); async function callRango() { const respuesta3 = await fetch("/api/perfil/rangos", { diff --git a/client/src/components/ui/TarjetaDeServicio.jsx b/client/src/components/ui/TarjetaDeServicio.jsx index 14b5e35d..1ddb4aa4 100644 --- a/client/src/components/ui/TarjetaDeServicio.jsx +++ b/client/src/components/ui/TarjetaDeServicio.jsx @@ -73,7 +73,7 @@ const TarjetaDeServicio = ({ servicio, next }) => { />
diff --git a/client/src/components/ui/TarjetaFavoritos.jsx b/client/src/components/ui/TarjetaFavoritos.jsx index ad02c5d6..a342e68f 100644 --- a/client/src/components/ui/TarjetaFavoritos.jsx +++ b/client/src/components/ui/TarjetaFavoritos.jsx @@ -1,7 +1,8 @@ import { styled } from "@mui/material/styles"; +import { useState, useEffect } from "react"; import Box from "@mui/material/Box"; import { Rating } from "@mui/material"; -import { AiOutlineShoppingCart } from "react-icons/ai"; +import { RiCalendarTodoFill } from "react-icons/ri"; import FavoriteIcon from "@mui/icons-material/Favorite"; import FavoriteBorderIcon from "@mui/icons-material/FavoriteBorder"; @@ -14,47 +15,104 @@ const StyledRating = styled(Rating)({ }, }); +function hr(hr) { + if (hr != undefined) { + let h = hr.charAt(1); + if (h[0] == "0") { + return hr + " min."; + } else if (h[0] == "1") { + return hr + " hr."; + } else { + return hr + " hrs."; + } + } +} + const TarjetaFavoritos = ({ props }) => { + const [login, setLogin] = useState(false); + const [fav, setFav] = useState(props.favorito); + + const callFav = async () => { + if (props.id != 0) { + try { + const respuesta = await fetch("/api/admin/productos/setFavorito", { + method: "POST", + headers: { + "Content-Type": "application/json", + }, + body: JSON.stringify({ + id: props.id, + idPS: props.ps, + estado: props.favorito, + }), + }); + + let respuestaJson = await respuesta.json(); + if ((await respuestaJson[0].res) == true) { + setFav(!fav); + } + } catch (error) { + console.log(error, "error"); + } + } + }; + + useEffect(() => { + if (fav !== props.favorito) { + props.st(); + } + }, [fav]); + return ( -
+
- legend": { mt: 2 }, - }} - > -
-
- - `${value} Heart${value !== 1 ? "s" : ""}` - } - precision={1} - icon={} - emptyIcon={ - - } - /> -
+
+
+
- + legend": { mt: 2 }, + }} + > +
+
+ callFav()} + name="customized-color" + defaultValue={props.favorito} + max={1} + getLabelText={(value) => + `${value} Heart${value !== 1 ? "s" : ""}` + } + precision={1} + icon={} + emptyIcon={ + + } + /> +
+
+ +
{props.nombre}
-

{props.descr}

+

+ {props.descr.substring(0, 200) + "..."} +

{ -

{props.dur} min

+

{hr(props.dur)}

@@ -78,7 +82,12 @@ export default function ServicioEstetica() {
- +

diff --git a/client/src/components/ui/servicios/ServiciosSpa.jsx b/client/src/components/ui/servicios/ServiciosSpa.jsx index c05f298e..2b747ccc 100644 --- a/client/src/components/ui/servicios/ServiciosSpa.jsx +++ b/client/src/components/ui/servicios/ServiciosSpa.jsx @@ -108,7 +108,6 @@ export default function ServicioEstetica() { }; function changeSt() { - console.log(5); setSt(!st); } @@ -151,21 +150,22 @@ export default function ServicioEstetica() {

- {toggleState == 1 ? ( +
- ) : ( +
+
- )} +

diff --git a/client/src/index2.css b/client/src/index2.css index fce34d25..3d437f22 100644 --- a/client/src/index2.css +++ b/client/src/index2.css @@ -598,7 +598,7 @@ body { color: rgb(236, 87, 102); } .nav-cart:hover { - color: rgb(255, 181, 167); + color: #ffb5a6; transition: 0.25s; } diff --git a/client/src/pages/Productos.jsx b/client/src/pages/Productos.jsx index 77f117b1..1b7ebaa3 100644 --- a/client/src/pages/Productos.jsx +++ b/client/src/pages/Productos.jsx @@ -30,6 +30,28 @@ const CustomRightArrow = ({ onClick }) => { const Productos = () => { const [descuentos, setDescuentos] = useState([]); const [soon, setSoon] = useState(false); + const [id, setId] = useState(0); + + async function getId() { + let respuestaJson = null; + try { + const respuesta = await fetch("/api/logueado", { + method: "GET", + headers: { + "Content-Type": "application/json", + }, + }); + respuestaJson = await respuesta.json(); + console.log("id en uso: ", respuestaJson.clave); + await setId(respuestaJson.clave); + } catch (error) { + console.log("Error"); + } + } + + useEffect(() => { + getId(); + }, []); const toggleSoon = () => { setSoon(!soon) @@ -38,18 +60,23 @@ const Productos = () => { //useEffect para obtener los productos con descuento useEffect(() => { setTimeout(() => { - fetch("/api/admin/productos/descuento") - .then((response) => response.json()) + console.log("issssssssdd", id); + fetch(`/api/admin/productos/descuento/${id}`) + .then((response) => { + if (!response.ok) { + throw new Error("Error al obtener los descuentos"); + } + return response.json(); + }) .then((data) => { - // Acceder al array de objetos en la posición 0 del array dentro de data - setDescuentos(data.data); + setDescuentos(data); + console.log("descuentos", data); }) .catch((error) => { console.log("error", error); }); }, [1000]) - }, []); - + }, [id]); return ( diff --git a/client/src/pages/cita/Paquetes.jsx b/client/src/pages/cita/Paquetes.jsx index 039fa9d5..63727a87 100644 --- a/client/src/pages/cita/Paquetes.jsx +++ b/client/src/pages/cita/Paquetes.jsx @@ -14,9 +14,9 @@ function Paquetes({ next }) { }; const getPriceClass = (priceIndex) => { - let baseClass = "p-2 border-2 border-black hover:bg-purple-600 hover:text-white rounded-full cursor-pointer text-center shadow-[0_0px_5px_rgb(0,0,0,0.2)] shadow-purple-600"; + let baseClass = "p-2 border-2 border-black hover:bg-[#036C65] hover:text-white rounded-xl cursor-pointer text-center shadow-[0_0px_5px_rgb(0,0,0,0.2)] shadow-[#036C65]"; if (selectedPriceIndex === priceIndex) { - return `${baseClass} opacity-100 bg-purple-600 text-white`; // Cambia de color y opacidad al seleccionarse + return `${baseClass} opacity-100 bg-[#036C65] text-white`; // Cambia de color y opacidad al seleccionarse } return `${baseClass} `; // Opacidad de 50 para las no seleccionadas }; @@ -57,33 +57,43 @@ function Paquetes({ next }) {

- {servicio} -
+ {servicio} + {/*

{servicio}

{descripcion}

-
+
*/}
-
-
-
-
-
-
1 Sesión
-
handleClickPrice(1)}> - {'$ ' + parseFloat(precio).toFixed(0)} +
+
+
+
Descripción
+
+

{servicio}

+

{descripcion}

+
+
+
+
+

Sesiones

+
+
+
1 Sesión
+
handleClickPrice(1)}> + {'$ ' + parseFloat(precio).toFixed(0)} +
+
+
+
5 Sesiones
+ +
+
+
10 Sesiones
+
-
-
-
5 Sesiones
- -
-
-
10 Sesiones
-
diff --git a/client/src/pages/perfil/Suscripciones.jsx b/client/src/pages/perfil/Suscripciones.jsx index fffc0f7e..e7ba7867 100644 --- a/client/src/pages/perfil/Suscripciones.jsx +++ b/client/src/pages/perfil/Suscripciones.jsx @@ -4,12 +4,15 @@ import { IoIosArrowBack } from "react-icons/io"; import { ToastContainer, toast } from 'react-toastify'; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -import { faCircleExclamation } from "@fortawesome/free-solid-svg-icons"; +import { faCircleExclamation, faX, faTriangleExclamation } from "@fortawesome/free-solid-svg-icons"; function Suscripciones() { const [nombre, setNombre] = useState(false); //<<< PARA EL INICIO DE SESION const [correo, setCorreo] = useState(false); //<<< PARA EL INICIO DE SESION const [sus, setSus] = useState(false); //<<< PARA VERIFICAR SI ES MIEMBRO EL USUARIO + const [sure, setSure] = useState(false); + const [canceled, setCanceled] = useState(false); + const [succeed, setSucceed] = useState(false); const [diaInicio, setDiaInicio] = useState(''); const [mesInicio, setMesInicio] = useState(''); @@ -20,7 +23,16 @@ function Suscripciones() { const [semanaFinal, setSemanaFinal] = useState(''); const [diasFaltantes, setDiasFaltantes] = useState(0); - + const [cobro, setCobro] = useState(false); + const handleCobro = () => { + setCobro(!cobro); + } + + const cancelar = () => { + setSure(!sure); + cancelarSuscripcion(); + setCanceled(!canceled); + } @@ -99,10 +111,12 @@ function Suscripciones() { if (respuesta2Json.suscripcion == false) { // la suscripcion fue eliminada con exito window.location.href = respuesta2Json.redirect; + setSucceed(true); } else { // la suscripcion no fue eliminada, un toast que diga que no se pudo toast(
{`Al parecer estamos teniendo problemas al cancelar tu suscripcion`}
); + setSucceed(false); } } } @@ -171,6 +185,15 @@ function Suscripciones() {
+
+ + +
) : ( @@ -202,7 +225,7 @@ function Suscripciones() { {sus ? ( <>

¿Estás seguro que quisieras cancelar tu suscripción? Una vez cancelada tu suscripción, los cambios son irreversibles.

- + ) : ( <> @@ -213,6 +236,48 @@ function Suscripciones() {
+ {sure && +
+
+
+ setSure(!sure)}/> +
+ +

¿Estás segura de cancelar la suscripción?

+
+

Si da click en cancelar, no habrá retorno.

+ +
+
+
+ } + {canceled && +
+
+
+ {succeed ? ( +
+ +

¡Tu suscripción ha sido cancelada con éxito!

+
+ ) : ( +
+ +

Al parecer hubo un error a la hora de cancelar su suscripción

+
+ )} + +
+
+
+ } ); } diff --git a/client/src/txt.css b/client/src/txt.css index 27cf0232..e29557f5 100644 --- a/client/src/txt.css +++ b/client/src/txt.css @@ -1,16 +1,16 @@ .toast{ width: 300px; - height: 60px; + height: 44px; background: #fff; - margin: 10px 0; + margin: 3.5px 0; box-shadow: 0 0 20px rgba(0,0,0,0.3); display: flex; - font-size: 14px; + font-size: 13px; flex-direction: row; align-items: center; position: relative; border-radius: 5px; - padding: 2px; + padding: 0px 3px 0px 3px; font-family:Verdana,Tahoma, sans-serif; } @@ -18,7 +18,9 @@ #process-img { width: 100px; height: 100px; - animation: rotateAnimation 5s linear infinite; /* 5s para un ciclo completo, linear para un giro suave, infinite para que continúe girando indefinidamente */ + animation: rotateAnimation 5s linear infinite; + /*5sparaunciclocompleto,linearparaungirosuave,infiniteparaquecontinúegirandoindefinidamente*/position: relative; + } @@ -51,7 +53,9 @@ .toast #texto{ position: relative; - min-width: 80%; + width: 80%; + justify-content: center; + align-items: center; } @@ -94,9 +98,9 @@ } #toastBox{ - position: absolute; - bottom: 30px; - right: 30px; + position: fixed; + bottom: 10%; + right: 0; display: flex; align-items: flex-end; flex-direction: column; @@ -115,8 +119,3 @@ } } -#cancelar:hover{ - border-color: blue; - color: blue; -} - diff --git a/server/controllers/createAccount.controllers.js b/server/controllers/createAccount.controllers.js index 6d8d7806..c616b7e5 100644 --- a/server/controllers/createAccount.controllers.js +++ b/server/controllers/createAccount.controllers.js @@ -11,7 +11,7 @@ const regex_apellidos = /[a-zA-Zá-úñ]{3,}/; const regex_lada = /^\+?\d{1,3}$/; const regex_telefono = /^(\d{9,10}|\d{2,3} \d{7}|\d{2,3} \d{3} \d{4}|\d{2,3}-\d{7}|\d{2,3}-\d{3}-\d{4})$/; const regex_postal = /^\d{5}$/; -const regex_numero = /^\S{1,10}$/; +const regex_numero = /^\S*$/; @@ -137,60 +137,54 @@ async function paso1(solicitud,respuesta){ // INICIO 2 CREAR UN ARREGLO QUE ALMACENARA CAMPOS SIN CONTESTAR let campos_faltantes = []; - if(!nombre){ + if(!nombre || nombre==''){ campos_faltantes.push([nombre_id,'tu nombre']); } - if(!apodo){ + if(!apodo || apodo==''){ campos_faltantes.push(apodo_id,'tu apodo'); } - if(!paterno){ + if(!paterno || paterno==''){ campos_faltantes.push([paterno_id,'tu apellido paterno']); } - if(!materno){ + if(!materno || materno==''){ campos_faltantes.push([materno_id,'tu apellido materno']); } - if(!correo){ + if(!correo || correo==''){ campos_faltantes.push([correo_id,'tu correo']); } - if(!lada){ - campos_faltantes.push([lada_id,'la lada de tu pais']); + if(!lada || lada==''){ + campos_faltantes.push([lada_id,'la lada de tu país']); } - if(!telefono){ - campos_faltantes.push([telefono_id,'tu telefono']); + if(!telefono || telefono==''){ + campos_faltantes.push([telefono_id,'tu teléfono']); } - if(!dia){ - campos_faltantes.push([dia_id,'el dia en que naciste']); + if(!año || año=='' || !mes || mes=='' || !dia || dia ==''){ + campos_faltantes.push([dia_id,'']); + campos_faltantes.push([mes_id,'']); + campos_faltantes.push([año_id,'todos los campos correspondientes a fecha']); } - if(!mes){ - campos_faltantes.push([mes_id,'el mes en que naciste']); - } - - if(!año){ - campos_faltantes.push([año_id,' el año en que naciste']); - } - - if(!calle){ + if(!calle || calle==''){ campos_faltantes.push([calle_id,'tu calle']); } - if(!colonia){ + if(!colonia || colonia==''){ campos_faltantes.push([colonia_id,'tu colonia']); } - if(!numero){ - campos_faltantes.push([numero_id,'el numero de tu casa']); + if(!numero || numero==''){ + campos_faltantes.push([numero_id,'el número de tu casa']); } - if(!codigo_postal){ - campos_faltantes.push([codigo_postal_id,'tu codigo postal']); + if(!codigo_postal || codigo_postal==''){ + campos_faltantes.push([codigo_postal_id,'tu código postal']); } @@ -224,46 +218,40 @@ async function paso1(solicitud,respuesta){ if(nombre_valido == false){ - campos_invalidos.push([nombre_id, 'tu nombre no es valido']); + campos_invalidos.push([nombre_id, 'Tu nombre no es válido']); } if(paterno_valido == false){ - campos_invalidos.push([paterno_id,'tu apellido paterno no es valido']); + campos_invalidos.push([paterno_id,'Tu apellido paterno no es válido']); } if(materno_valido == false){ - campos_invalidos.push([materno_id,'tu apellido materno no es valido']); + campos_invalidos.push([materno_id,'Tu apellido materno no es válido']); } if(correo_valido == false){ - campos_invalidos.push([correo_id,'el correo ingresado no es valido']); + campos_invalidos.push([correo_id,'El correo ingresado no es válido']); } if(telefono_valido == false){ - campos_invalidos.push([telefono_id,'el telefono no es valido']); + campos_invalidos.push([telefono_id,'El teléfono no es válido']); } if(lada_valida == false){ - campos_invalidos.push([lada_id,'la lada de tu pais no es valida']); + campos_invalidos.push([lada_id,'La lada de tu país no es válida']); } if(regex_numero.test(numero) == false){ - campos_invalidos.push([numero_id,'el numero de tu casa no es valido ']); + campos_invalidos.push([numero_id,'El número de tu casa no es válido']); } if(postal_valido == false){ - campos_invalidos.push([codigo_postal_id,'tu codigo postal no es valido']); + campos_invalidos.push([codigo_postal_id,'Tu código postal no es válido']); } - try{ - var fecha = new Date(`${mes}/${dia}/${año}`); - if(isNaN(fecha.getTime())){ - campos_invalidos.push([dia_id,'']); - campos_invalidos.push([mes_id,'']); - campos_invalidos.push([año_id,'']); - } - - }catch(error){ + let fecha_boolean = ValidarFecha(dia,mes,año); + + if(fecha_boolean == false){ campos_invalidos.push([dia_id,'']); campos_invalidos.push([mes_id,'']); campos_invalidos.push([año_id,'']); } - + //FIN 3 @@ -291,10 +279,10 @@ async function paso1(solicitud,respuesta){ let repetidos = []; if(fields.length > 0){ - repetidos.push([correo_id,'ya hay una cuenta con este correo']); + repetidos.push([correo_id,'Ya hay una cuenta con este correo']); } if(fieldsTelefono.length > 0){ - repetidos.push([telefono_id,'ya hay una cuenta con este telefono']); + repetidos.push([telefono_id,'Ya hay una cuenta con este teléfono']); } // FIN 4 @@ -404,7 +392,7 @@ async function paso2(solicitud,respuesta){ if(campos_vacios.length > 0){ respuesta.send({vacios:campos_vacios}); - console.log("no contestaste todos los campos"); + console.log("No contestaste todos los campos"); } else{ @@ -433,7 +421,7 @@ async function paso2(solicitud,respuesta){ if(campos_incorrectos.length > 0){ respuesta.send({incorrectos:campos_incorrectos}); - console.log("hubo campos incorrectos"); + console.log("Hubo campos incorrectos"); }else{ @@ -517,19 +505,19 @@ async function paso3(solicitud,respuesta){ let regex_mayor = /\w{20,}/; if(regex_numero.test(contraseña)==false){ - arreglo_regex.push("no tiene un numero"); + arreglo_regex.push("no tiene un número"); } if(regex_caracter_especial.test(contraseña)==false){ - arreglo_regex.push("no tiene un caracter especial"); + arreglo_regex.push("no tiene un carácter especial"); } if(regex_Mayuscula.test(contraseña)==false){ - arreglo_regex.push("no tiene una mayuscula"); + arreglo_regex.push("no tiene una mayúscula"); } if(regex_minuscula.test(contraseña)==false){ - arreglo_regex.push("no tiene una minuscula"); + arreglo_regex.push("no tiene una minúscula"); } if(regex_mayor.test(contraseña)==true){ @@ -612,6 +600,101 @@ function eliminar(imagen){ +function añoBisiesto(year){ + + if(year%4==0){ + //puede que sea bisiesto + if(year%100==0){ + + if(year%400==0){ + return 29; + } + else{ + return 28; + } + } + else{ + return 29; + } + } + else{ + return 28; + } + +} + + +function ValidarFecha(dia,mes,año){ + + let month = parseInt(mes); // si recibimos '1' o '01' o '00001', de igual forma pasara a 0 + + if(isNaN(month)){ + return false; + } + else{ + month = month-1; + } + + + let year = parseInt(año); + if(isNaN(year)){ + return false; + } + + + let day = parseInt(dia); + + if(isNaN(day)){ + return false; + } + + + let days = añoBisiesto(year); // le debemos pasar un numero y no un string + + let formato = [ 31,days,31,30,31,30,31,31,30,31,30,31 ]; + + if(year <= 0){ + // significa que el usuario puso una año negativo, o que puso un año mayor al actual + return false; + } + else{ + if((month +1) > formato.length || (month+1) <= 0){ + // significa que la persona puso un mes menor a 0, o que puso un mes mayor a 12 + return false; + } + else{ + if(formato[month] < day || day <= 0){ + //significa que la persona paso un dia mayor al limite o que puso en dia igual a 0 o negativo + return false; + } + else{ + // por el momento todo bien, pero ahora toca verificar que la fecha que ingreso no sea mayor + + let birthday = new Date(`${year}-${month+1}-${day}`); + let fa = new Date(Date.now()); + let fecha_actual = new Date(`${fa.getFullYear()}-${fa.getMonth()+1}-${fa.getDate()}`); + + if(birthday.getTime()>=fecha_actual.getTime()){ + // la fecha de nacimiento es igual a la de hoy o mayor + return false; + } + else{ + return true; + } + } + } + } + + + + + + + + +} + + export const methods ={ paso1, diff --git a/server/db/connection.js b/server/db/connection.js index 6b581c06..36b1780d 100644 --- a/server/db/connection.js +++ b/server/db/connection.js @@ -8,30 +8,38 @@ export const config = { database: conexionDB.DATABASE, user: conexionDB.USER, password: conexionDB.PASSWORD, - connectionLimit: 5000, + connectionLimit: 30, charset: "utf8mb4", }; +// Variable que almacenara la base de datos +let pool; + // Establecemos conexion con la base de datos export async function enableConnect() { try { - const connection = await mysql.createPool(config); // Creamos la conexion con la configuracion declarada anteriormente - await connection.query("USE armony;"); + pool = mysql.createPool(config); // Creamos la conexion con la configuracion declarada anteriormente + await pool.query("USE armony;"); console.log("CONNECT TO DATABASE!"); - return connection; // Retornamos la conexion + return pool; // Retornamos la conexion } catch (err) { // Capturamos error de conexion - console.error("No pudo conectarse a la DB: ", err); // Mostramos error de conexion - setTimeout(enableConnect, 1000); // Reintenta la conexion con la base de datos con un tiempo de espera de un segundo - console.error(err); - // throw err; // Tiramos el error para detener ejecucion + throw err; // Tiramos el error para detener ejecucion } } -export const conexion = await enableConnect(); // almacenamos la conexion - +/* Realizamos la conexion con la base de datos capturando cualquier error y mostrandolo por consola*/ +enableConnect().catch((err) => { + console.error(err); +}); // Cierre de conexion con la base de datos export async function endConnection() { - console.log("RELEASE CONNECTION"); - conexion.releaseConnection(); // Cerramos la conexion + if (pool) { + console.log("RELEASE CONNECTION"); + await pool.releaseConnection(); + } } + +/* Exportamos la variable pool con el nombre conexion para evitar + incongruencias en el resto del codigo*/ +export { pool as conexion }; diff --git a/server/db/query/queryFavoritos.js b/server/db/query/queryFavoritos.js index fd8bc562..6859dc8c 100644 --- a/server/db/query/queryFavoritos.js +++ b/server/db/query/queryFavoritos.js @@ -53,10 +53,10 @@ export async function ServiceFavoritosbyId(connection, data) { } } -export async function ServiceFavoritosSpa(connection) { +export async function ServiceFavoritosSpa(connection, data) { try { - const call = "CALL getFavoritosSpa()"; // Procedimiento almacenado de la base de datos - const query = mysql.format(call); // Parametros necesarios para el procedimiento + const call = "CALL getFavoritosSpa(?)"; // Procedimiento almacenado de la base de datos + const query = mysql.format(call, data.id); // Parametros necesarios para el procedimiento const [rows, fieds] = await connection.query(query); // Ejecutamos query y almacenamos los valores resultantes endConnection(); // Cerramos la conexion con la base de datos return rows[0]; // Retornamos los valores obtenidos en base al query @@ -66,10 +66,10 @@ export async function ServiceFavoritosSpa(connection) { } } -export async function ServiceFavoritosEstetica(connection) { +export async function ServiceFavoritosEstetica(connection, data) { try { - const call = "CALL getFavoritosEstetica()"; // Procedimiento almacenado de la base de datos - const query = mysql.format(call); // Parametros necesarios para el procedimiento + const call = "CALL getFavoritosEstetica(?)"; // Procedimiento almacenado de la base de datos + const query = mysql.format(call, data.id); // Parametros necesarios para el procedimiento const [rows, fieds] = await connection.query(query); // Ejecutamos query y almacenamos los valores resultantes endConnection(); // Cerramos la conexion con la base de datos return rows[0]; // Retornamos los valores obtenidos en base al query @@ -92,7 +92,6 @@ export async function FavoritosbyId(connection, data) { } } - export async function invertirFav(connection, data) { try { const call = "CALL favoritoCliente(?,?)"; // Procedimiento almacenado de la base de datos diff --git a/server/db/query/queryProductos.js b/server/db/query/queryProductos.js index baab249e..7cc236ea 100644 --- a/server/db/query/queryProductos.js +++ b/server/db/query/queryProductos.js @@ -291,9 +291,10 @@ export async function serviciosRelacionados(connection, data) { // OBTENER PRODUCTOS CON DESCUENTO // FUNCIONAL -export async function productosDescuento(connection) { +export async function productosDescuento(connection, data) { try { - let query = "CALL getProductosDesc()"; // Query del procedimiento almacenado + let desc = "CALL getProductosDesc(?)"; // Query del procedimiento almacenado + let query = mysql.format(desc, [data.id]); const [rows, fields] = await connection.query(query); // Ejecutamos le query y almacenamos los valores endConnection(); // Cerramos la conexion return rows[0]; // Retornamos los valores obtenidos diff --git a/server/middlewares/register.js b/server/middlewares/register.js index 3de19012..dc0f5ca8 100644 --- a/server/middlewares/register.js +++ b/server/middlewares/register.js @@ -9,7 +9,7 @@ dotenv.config(); async function InsertUser(solicitud,respuesta,siguiente){ if(solicitud.headers.cookie == undefined){ - respuesta.send({megumin_cookie:false}); + return respuesta.send({megumin_cookie:false}); } else{ let galletas = solicitud.headers.cookie.split("; "); diff --git a/server/routers/favoritos.js b/server/routers/favoritos.js index c58af7f9..625c13fc 100644 --- a/server/routers/favoritos.js +++ b/server/routers/favoritos.js @@ -1,5 +1,6 @@ import express from "express"; export const routerFavoritos = express.Router(); +import { horasWithoutSeconds } from "../db/query/queryCitas.js"; import { addfavorito, delFavorito, @@ -8,7 +9,7 @@ import { ServiceFavoritosEstetica, ServiceFavoritosSpa, FavoritosbyId, - invertirFav + invertirFav, } from "../db/query/queryFavoritos.js"; import { conexion } from "../db/connection.js"; @@ -65,10 +66,31 @@ routerFavoritos.get("/ServiceFavoritosbyId/:id", async (req, res) => { // FUNCIONAL // OBTIENE LOS SERVICIOS FAVORITOS DEL CLIENTE -routerFavoritos.get("/ServiceFavoritosSpa", async (req, res) => { +routerFavoritos.get("/ServiceFavoritosSpa/:id", async (req, res) => { try { - const resultado = await ServiceFavoritosSpa(conexion); - res.send(JSON.stringify(resultado)); + const resultado = await ServiceFavoritosSpa(conexion, { + id: req.params.id, + }); + const horario = []; + let servicios = []; + for (let i = 0; i < resultado.length; i++) { + horario[i] = resultado[i].tiempo; + } + const horasMostrar = await horasWithoutSeconds(horario); // Horas con formato HH:MM + for (let i = 0; i < resultado.length; i++) { + servicios[i] = { + descripcion: resultado[i].descripcion, + estado: resultado[i].estado, + img: resultado[i].img, + nombre: resultado[i].nombre, + pkIdPS: resultado[i].pkIdPS, + precio: resultado[i].precio, + tiempo: horasMostrar[i], + valoracion: resultado[i].valoracion, + favorito: resultado[i].favorito, + }; + } + res.status(202).json(servicios); } catch (err) { res.status(500).send({ error: "Hubo un problema", err }); } @@ -76,10 +98,31 @@ routerFavoritos.get("/ServiceFavoritosSpa", async (req, res) => { // FUNCIONAL // OBTIENE LOS SERVICIOS FAVORITOS DEL CLIENTE -routerFavoritos.get("/ServiceFavoritosEstetica", async (req, res) => { +routerFavoritos.get("/ServiceFavoritosEstetica/:id", async (req, res) => { try { - const resultado = await ServiceFavoritosEstetica(conexion); - res.send(JSON.stringify(resultado)); + const resultado = await ServiceFavoritosEstetica(conexion, { + id: req.params.id, + }); + const horario = []; + let servicios = []; + for (let i = 0; i < resultado.length; i++) { + horario[i] = resultado[i].tiempo; + } + const horasMostrar = await horasWithoutSeconds(horario); // Horas con formato HH:MM + for (let i = 0; i < resultado.length; i++) { + servicios[i] = { + descripcion: resultado[i].descripcion, + estado: resultado[i].estado, + img: resultado[i].img, + nombre: resultado[i].nombre, + pkIdPS: resultado[i].pkIdPS, + precio: resultado[i].precio, + tiempo: horasMostrar[i], + valoracion: resultado[i].valoracion, + favorito: resultado[i].favorito, + }; + } + res.status(202).json(servicios); } catch (err) { res.status(500).send({ error: "Hubo un problema", err }); } @@ -105,5 +148,3 @@ routerFavoritos.post("/invertirFav", async (req, res) => { res.status(500).send({ error: "Hubo un problema", err }); } }); - - diff --git a/server/routers/productos.js b/server/routers/productos.js index cf28c10a..ed35be62 100644 --- a/server/routers/productos.js +++ b/server/routers/productos.js @@ -273,9 +273,9 @@ routerProductos.get("/servicios/relacionados/:id", async (req, res) => { // OBTENER LOS PRODUCTOS CON DESCUENTO // FUNCIONAL -routerProductos.get("/descuento", async (req, res) => { +routerProductos.get("/descuento/:id", async (req, res) => { try { - const resultado = await productosDescuento(conexion); + const resultado = await productosDescuento(conexion, { id: req.params.id }); res .status(200) .json({ message: "Los productos con descuento son : ", data: resultado });