cambios_presentacion
This commit is contained in:
parent
0b2c458d60
commit
c6d47dcc37
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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%);
|
||||||
|
}
|
|
@ -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{
|
||||||
|
|
|
@ -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"/>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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 |
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB |
Loading…
Reference in New Issue