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">
<head>
<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" />
<title>Health Manager</title>
<title>HealthManager</title>
</head>
<body>
<div id="root"></div>

View File

@ -1,4 +1,5 @@
#headerFacultad{
margin-top: 0px;
margin-left: 50px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
@ -44,7 +45,8 @@
}
#listaEliminar{
display: flex;
margin-left: 25%;
margin-right: 25%;
}
#divLista2{
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
function DescargaRecetas(props) {
const navigate = useNavigate();
const [publicacionesData, setPublicacionesData] = useState([]);
const [Cargando, setCargando] = useState (false)
const [datosID, setDatosID] = useState( {idPublicacion:''} )
const [recetasData, setRecetasData] = useState([]);
const nombreUsuario = window.localStorage.getItem("IDUsuario");
const cambiosID = (evento) => {
const {name, value} = evento.target
setDatosID( { ...datosID, [name] : value })
}
const regresarPrincipal = () => {
navigate('/Principal');
}
@ -28,58 +21,26 @@ function DescargaRecetas(props) {
navigate('/');
}
const obtenerListaMisPublicaciones = async () => {
const obtenerListaMisRecetas = async () => {
try {
const response = await axios.get("http://localhost:4567/MisRecetas", { params: { idUsuario: nombreUsuario } });
console.log(response.data)
console.log(nombreUsuario)
setPublicacionesData(response.data);
setRecetasData(response.data);
} catch (error) {
console.error('Error al obtener el id del usuario:', error);
}
};
obtenerListaMisPublicaciones()
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');
}
*/
obtenerListaMisRecetas()
const generarPdf = (idReceta, nombreMedico, contactoMedico, fecha) => {
const hora = new Date();
const doc = new jsPDF();
const docWidth = doc.internal.pageSize.getWidth();
//por su usamos imagen como la que viene en la imagen que me pasast
const imgData = './simboloReceta.JPG';
doc.addImage(imgData, 'PNG', 10, 10, 50, 15);
var logo = new Image();
logo.src = 'src/assets/medicos.png';
doc.addImage(logo, 'JPEG', 10, 10, 45, 45);
doc.setFontSize(18);
doc.setFont('helvetica', 'bold');
@ -106,16 +67,20 @@ function DescargaRecetas(props) {
doc.text('Edad:', 60, camposY);
doc.text('Diagnostico:', 10, 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`);
};
return (
<>
<h1 id="headerFacultad">Health Manager - Mis recetas</h1>
<h1 id="headerFacultad">HealthManager - Mis recetas</h1>
<div id="division" />
<nav id="divPublicaciones">
<h1 id="headerPublicaciones">Mis publicaciones</h1>
<h1 id="headerPublicaciones">Mis recetas</h1>
<div id="divBotonesRecetas">
<Box id="box1" m={0}>
<Button id="regresarMenu" variant="contained" type="submit" color="warning" onClick={regresarPrincipal}>Regresar al Menu</Button>
@ -132,7 +97,7 @@ function DescargaRecetas(props) {
</div>
<div id="listaEliminar">
<div id="divLista2">
{publicacionesData.map((elemento) => (
{recetasData.map((elemento) => (
<div id="divsPublicaciones2" key={elemento.idRec}>
<div className='informacionPublicacion'>
<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-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
.h1login {
padding-top: 10px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
padding: 79px;
}
#headerForm {
font-size: small;
@ -22,8 +22,6 @@ body{
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-style: oblique;
padding-top: 15px;
padding-bottom: 15px;
}
#p2{
margin-top: 20px;

View File

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

View File

@ -55,10 +55,6 @@
margin-top: 20px;
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{
margin-right: 10px;
margin-bottom: 10px;
@ -89,4 +85,8 @@
height: 5px;
background-color: gray;
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{
background-color: black;
}
#divLista{
display: flex;
#divListaPaciente{
margin-top: 20px;
text-align: center;
align-items: center;
height: max-content;
margin-left: 100px;
width: 900px;
position: absolute;
margin-left: 25%;
margin-right: 25%;
width: 50%;
display:grid;
padding-top: 20px;
padding: 20px;
background-color: aliceblue;
}
#dialogUsuario{

View File

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

View File

@ -1,5 +1,4 @@
#headerSistema {
margin-top: 10px;
margin-left: 50px;
text-align: left;
text-shadow:
@ -55,10 +54,7 @@
margin-top: 80px;
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{
margin-right: 10px;
}

View File

@ -15,10 +15,8 @@ import "./Principal.css";
import { useNavigate } from "react-router-dom";
function Principal(props) {
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 usuarioSesion = window.localStorage.getItem("ID");
const datosUsuario = async () => {
try {
@ -53,22 +51,6 @@ function Principal(props) {
}
};
UsuarioData();
const cerrarSesion = () => {
navigate("/");
};
const misRecetas = () => {
navigate("/DescargaRecetas");
};
const miPerfil = () => {
navigate("/MiPerfil");
};
const usuarioSesion = window.localStorage.getItem("ID");
const image1 =
{
@ -155,10 +137,22 @@ function Principal(props) {
transition: theme.transitions.create("opacity"),
}));
const cerrarSesion = () => {
navigate("/");
};
const misRecetas = () => {
navigate("/DescargaRecetas");
};
const miPerfil = () => {
navigate("/MiPerfil");
};
return (
<>
<div id="divPrincipal">
<h1 id="headerSistema">Health Manager - Menu Principal</h1>
<h1 id="headerSistema">HealthManager - Menu Principal</h1>
<div id="division" />
<div id="divPublicaciones">
<h1 id="bienvenidoUsuario">¡Hola {usuarioSesion}! </h1>

View File

@ -120,7 +120,9 @@ function RecetaMedica(props){
}
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>
<div id="divBotonesRecetas">
<Box id="box1" m={0}>
@ -170,6 +172,7 @@ function RecetaMedica(props){
onChange={cambiosFormulario} />
<button type="submit">Emitir receta</button>
</form>
</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