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