cambios_presentacion

This commit is contained in:
Roberto 2024-06-05 22:26:23 -06:00
parent 0b2c458d60
commit c6d47dcc37
16 changed files with 63 additions and 101 deletions

View File

@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/logo(1).svg" /> <link rel="icon" href="src\assets\logo2.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Health Manager</title> <title>HealthManager</title>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

View File

@ -1,4 +1,5 @@
#headerFacultad{ #headerFacultad{
margin-top: 0px;
margin-left: 50px; margin-left: 50px;
text-align: left; text-align: left;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
@ -44,7 +45,8 @@
} }
#listaEliminar{ #listaEliminar{
display: flex; display: flex;
margin-left: 25%;
margin-right: 25%;
} }
#divLista2{ #divLista2{
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

View File

@ -10,16 +10,9 @@ import jsPDF from "jspdf"
// eslint-disable-next-line no-unused-vars // eslint-disable-next-line no-unused-vars
function DescargaRecetas(props) { function DescargaRecetas(props) {
const navigate = useNavigate(); const navigate = useNavigate();
const [publicacionesData, setPublicacionesData] = useState([]); const [recetasData, setRecetasData] = useState([]);
const [Cargando, setCargando] = useState (false)
const [datosID, setDatosID] = useState( {idPublicacion:''} )
const nombreUsuario = window.localStorage.getItem("IDUsuario"); const nombreUsuario = window.localStorage.getItem("IDUsuario");
const cambiosID = (evento) => {
const {name, value} = evento.target
setDatosID( { ...datosID, [name] : value })
}
const regresarPrincipal = () => { const regresarPrincipal = () => {
navigate('/Principal'); navigate('/Principal');
} }
@ -28,58 +21,26 @@ function DescargaRecetas(props) {
navigate('/'); navigate('/');
} }
const obtenerListaMisPublicaciones = async () => { const obtenerListaMisRecetas = async () => {
try { try {
const response = await axios.get("http://localhost:4567/MisRecetas", { params: { idUsuario: nombreUsuario } }); const response = await axios.get("http://localhost:4567/MisRecetas", { params: { idUsuario: nombreUsuario } });
console.log(response.data) console.log(response.data)
console.log(nombreUsuario) console.log(nombreUsuario)
setPublicacionesData(response.data); setRecetasData(response.data);
} catch (error) { } catch (error) {
console.error('Error al obtener el id del usuario:', error); console.error('Error al obtener el id del usuario:', error);
} }
}; };
obtenerListaMisPublicaciones() obtenerListaMisRecetas()
const peticionEliminar=async()=>{
try {
const respuesta= await axios.post("https://back-endproyectofinal8-production-a397.up.railway.app/eliminarPublicacion",{params:{idPublicacion:window.localStorage.getItem("idePublicacion")}});
return respuesta;
} catch (error) {
console.log(error);
}
}
const procesarEliminacion=async()=>{
setCargando(true);
try {
const respuesta=await peticionEliminar();
console.log("Respuesta de publicacion a eliminar", respuesta.data);
alert("Publicacion eliminada",respuesta.data);
setCargando(false);
} catch (error) {
console.log(error);
setCargando(false);
}
}
/*
const generarPdf= (idReceta,nombreMedico,contactoMedico,fecha) =>{
var doc = new jsPDF();
const docWidth = doc.internal.pageSize.getWidth();
doc.text(10, 10,'Receta No.'+ idReceta);
doc.line(0, 12, docWidth, 12);
doc.text(10, 20,'Medico: '+nombreMedico)
doc.text(10, 30,'Contacto: '+contactoMedico)
doc.text(10, 40,'Fecha: '+fecha)
doc.save('Receta '+ fecha + ' .pdf');
}
*/
const generarPdf = (idReceta, nombreMedico, contactoMedico, fecha) => { const generarPdf = (idReceta, nombreMedico, contactoMedico, fecha) => {
const hora = new Date();
const doc = new jsPDF(); const doc = new jsPDF();
const docWidth = doc.internal.pageSize.getWidth(); const docWidth = doc.internal.pageSize.getWidth();
//por su usamos imagen como la que viene en la imagen que me pasast var logo = new Image();
const imgData = './simboloReceta.JPG'; logo.src = 'src/assets/medicos.png';
doc.addImage(imgData, 'PNG', 10, 10, 50, 15); doc.addImage(logo, 'JPEG', 10, 10, 45, 45);
doc.setFontSize(18); doc.setFontSize(18);
doc.setFont('helvetica', 'bold'); doc.setFont('helvetica', 'bold');
@ -107,15 +68,19 @@ function DescargaRecetas(props) {
doc.text('Diagnostico:', 10, camposY + 10); doc.text('Diagnostico:', 10, camposY + 10);
doc.text('Fecha:', 60, camposY + 10); doc.text('Fecha:', 60, camposY + 10);
var logo2 = new Image();
logo2.src = 'src/assets/firma.png';
doc.addImage(logo2, 'JPEG', 80, camposY + 40, 45, 45);
doc.save(`Receta_${fecha}.pdf`); doc.save(`Receta_${fecha}.pdf`);
}; };
return ( return (
<> <>
<h1 id="headerFacultad">Health Manager - Mis recetas</h1> <h1 id="headerFacultad">HealthManager - Mis recetas</h1>
<div id="division" /> <div id="division" />
<nav id="divPublicaciones"> <nav id="divPublicaciones">
<h1 id="headerPublicaciones">Mis publicaciones</h1> <h1 id="headerPublicaciones">Mis recetas</h1>
<div id="divBotonesRecetas"> <div id="divBotonesRecetas">
<Box id="box1" m={0}> <Box id="box1" m={0}>
<Button id="regresarMenu" variant="contained" type="submit" color="warning" onClick={regresarPrincipal}>Regresar al Menu</Button> <Button id="regresarMenu" variant="contained" type="submit" color="warning" onClick={regresarPrincipal}>Regresar al Menu</Button>
@ -132,7 +97,7 @@ function DescargaRecetas(props) {
</div> </div>
<div id="listaEliminar"> <div id="listaEliminar">
<div id="divLista2"> <div id="divLista2">
{publicacionesData.map((elemento) => ( {recetasData.map((elemento) => (
<div id="divsPublicaciones2" key={elemento.idRec}> <div id="divsPublicaciones2" key={elemento.idRec}>
<div className='informacionPublicacion'> <div className='informacionPublicacion'>
<p id="parrafoNum">Receta No. ({elemento.idRec})</p> <p id="parrafoNum">Receta No. ({elemento.idRec})</p>

View File

@ -1,13 +1,13 @@
body{ .h1login {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}
#divPrincipalLog{
background-image: url("https://www.meditips.com/wp-content/uploads/2017/07/AdobeStock_103968342-scaled-uai-1032x688.jpeg"); background-image: url("https://www.meditips.com/wp-content/uploads/2017/07/AdobeStock_103968342-scaled-uai-1032x688.jpeg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-attachment: fixed; background-attachment: fixed;
background-size: cover; background-size: cover;
} padding: 79px;
.h1login {
padding-top: 10px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
} }
#headerForm { #headerForm {
font-size: small; font-size: small;
@ -22,8 +22,6 @@ body{
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: medium; font-size: medium;
font-style: oblique; font-style: oblique;
padding-top: 15px;
padding-bottom: 15px;
} }
#p2{ #p2{
margin-top: 20px; margin-top: 20px;

View File

@ -46,7 +46,7 @@ function Login(props) {
window.localStorage.setItem('Usuario',datosLogin.correo); window.localStorage.setItem('Usuario',datosLogin.correo);
window.localStorage.setItem('Contraseña',datosLogin.contraseña) window.localStorage.setItem('Contraseña',datosLogin.contraseña)
}else{ }else{
navigate('/MedicoPrincipal'); navigate('/Principal');
window.localStorage.setItem('Usuario',datosLogin.correo); window.localStorage.setItem('Usuario',datosLogin.correo);
window.localStorage.setItem('Contraseña',datosLogin.contraseña) window.localStorage.setItem('Contraseña',datosLogin.contraseña)
} }
@ -64,7 +64,7 @@ function Login(props) {
return ( return (
<> <>
<div id="divPrincipalLog"> <div id="divPrincipalLog">
<h1 className="h1login">Health Manager</h1> <h1 className="h1login">HealthManager</h1>
<p id="p1">Seguimiento medico de pacientes</p> <p id="p1">Seguimiento medico de pacientes</p>
<form id="formLogin" onSubmit={ procesarLogin }> <form id="formLogin" onSubmit={ procesarLogin }>
<h1 className="h1login" id="headerForm">Inicia sesion para continuar</h1> <h1 className="h1login" id="headerForm">Inicia sesion para continuar</h1>

View File

@ -55,10 +55,6 @@
margin-top: 20px; margin-top: 20px;
margin-left: 65px; margin-left: 65px;
} }
body{
background: rgb(0,22,36);
background: linear-gradient(90deg, rgba(0,22,36,0.6946428229494923) 0%, rgba(9,92,121,1) 35%, rgba(0,212,255,1) 100%);
}
#img1{ #img1{
margin-right: 10px; margin-right: 10px;
margin-bottom: 10px; margin-bottom: 10px;
@ -90,3 +86,7 @@
background-color: gray; background-color: gray;
margin-top: 0px; margin-top: 0px;
} }
body{
background: rgb(0,22,36);
background: linear-gradient(90deg, rgba(0,22,36,0.6946428229494923) 0%, rgba(9,92,121,1) 35%, rgba(0,212,255,1) 100%);
}

View File

@ -31,14 +31,17 @@
#cerrarSesion{ #cerrarSesion{
background-color: black; background-color: black;
} }
#divLista{ #divListaPaciente{
display: flex; margin-top: 20px;
text-align: center;
align-items: center; align-items: center;
height: max-content; height: max-content;
margin-left: 100px; position: absolute;
width: 900px; margin-left: 25%;
margin-right: 25%;
width: 50%;
display:grid; display:grid;
padding-top: 20px; padding: 20px;
background-color: aliceblue; background-color: aliceblue;
} }
#dialogUsuario{ #dialogUsuario{

View File

@ -40,8 +40,9 @@ function MiPerfil(props) {
<div id="division" /> <div id="division" />
<div id="divLeyenda"> <div id="divLeyenda">
<p id="leyendaPublicacion">Visualiza tu datos como Usuario, Correo y Contraseña.</p> <p id="leyendaPublicacion">Visualiza tu datos como Usuario, Correo y Contraseña.</p>
<div id="division" />
</div> </div>
<div id="divLista"> <div id="divListaPaciente">
<leyend id="leyendas">Nombre</leyend> <leyend id="leyendas">Nombre</leyend>
<DialogContentText id="dialogUsuario" variant="contained" className='contenidoText'>{window.localStorage.getItem("ID")}</DialogContentText> <DialogContentText id="dialogUsuario" variant="contained" className='contenidoText'>{window.localStorage.getItem("ID")}</DialogContentText>
<Divider id="divider" color="black"/> <Divider id="divider" color="black"/>

View File

@ -1,5 +1,4 @@
#headerSistema { #headerSistema {
margin-top: 10px;
margin-left: 50px; margin-left: 50px;
text-align: left; text-align: left;
text-shadow: text-shadow:
@ -55,10 +54,7 @@
margin-top: 80px; margin-top: 80px;
margin-left: 35px; margin-left: 35px;
} }
body{
background: rgb(0,22,36);
background: linear-gradient(90deg, rgba(0,22,36,0.6946428229494923) 0%, rgba(9,92,121,1) 35%, rgba(0,212,255,1) 100%);
}
#img1{ #img1{
margin-right: 10px; margin-right: 10px;
} }

View File

@ -15,10 +15,8 @@ import "./Principal.css";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
function Principal(props) { function Principal(props) {
const navigate = useNavigate(); const navigate = useNavigate();
const [publicacionesData, setPublicacionesData] = useState([]);
// eslint-disable-next-line no-unused-vars
const [Cargando, setCargando] = useState(false);
const correoUsuario = window.localStorage.getItem("Usuario"); const correoUsuario = window.localStorage.getItem("Usuario");
const usuarioSesion = window.localStorage.getItem("ID");
const datosUsuario = async () => { const datosUsuario = async () => {
try { try {
@ -54,22 +52,6 @@ function Principal(props) {
}; };
UsuarioData(); UsuarioData();
const cerrarSesion = () => {
navigate("/");
};
const misRecetas = () => {
navigate("/DescargaRecetas");
};
const miPerfil = () => {
navigate("/MiPerfil");
};
const usuarioSesion = window.localStorage.getItem("ID");
const image1 = const image1 =
{ {
url: "https://www.meditips.com/wp-content/uploads/2019/03/recetas-medicas-1200x600-1.jpg", url: "https://www.meditips.com/wp-content/uploads/2019/03/recetas-medicas-1200x600-1.jpg",
@ -155,10 +137,22 @@ function Principal(props) {
transition: theme.transitions.create("opacity"), transition: theme.transitions.create("opacity"),
})); }));
const cerrarSesion = () => {
navigate("/");
};
const misRecetas = () => {
navigate("/DescargaRecetas");
};
const miPerfil = () => {
navigate("/MiPerfil");
};
return ( return (
<> <>
<div id="divPrincipal"> <div id="divPrincipal">
<h1 id="headerSistema">Health Manager - Menu Principal</h1> <h1 id="headerSistema">HealthManager - Menu Principal</h1>
<div id="division" /> <div id="division" />
<div id="divPublicaciones"> <div id="divPublicaciones">
<h1 id="bienvenidoUsuario">¡Hola {usuarioSesion}! </h1> <h1 id="bienvenidoUsuario">¡Hola {usuarioSesion}! </h1>

View File

@ -120,7 +120,9 @@ function RecetaMedica(props){
} }
return ( return (
<><h1 id="headerFacultad">Health Manager - Receta Medica</h1><div id="division" /><nav id="divPublicaciones"> <>
<div id="divPrincipal">
<h1 id="headerFacultad">Health Manager - Receta Medica</h1><div id="division" /><nav id="divPublicaciones">
<h1 id="headerPublicaciones">Receta medica</h1> <h1 id="headerPublicaciones">Receta medica</h1>
<div id="divBotonesRecetas"> <div id="divBotonesRecetas">
<Box id="box1" m={0}> <Box id="box1" m={0}>
@ -170,6 +172,7 @@ function RecetaMedica(props){
onChange={cambiosFormulario} /> onChange={cambiosFormulario} />
<button type="submit">Emitir receta</button> <button type="submit">Emitir receta</button>
</form> </form>
</div>
</div></> </div></>
); );
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 487 KiB

View File

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 31 KiB