Juan.Lazaro
/
SIU_Dran_net
1
0
Fork 0
Code Issues Pull Requests Packages Projects 2 Releases Wiki Activity

frontend

This commit is contained in:
citlallixx03 2024-05-16 09:36:15 -06:00
parent 1d0be44c06
commit 0c8ca15cd1
10 changed files with 64 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/Encabezado.jsx
View File

@ -19,22 +19,6 @@ function Encabezado(){
</ul> </ul>
</nav> </nav>
</header> </header>
/*<div className="contenedor">
<div className="banner">
<nav>
<h1>Universidad de Huacoxla</h1>
<ul className='opciones'>
<li><a href="#">Nosotros</a></li>
<li><a href="#">Oferta Educativa</a></li>
<li><a href="#">Visión</a></li>
<li><a href="#">Misión</a></li>
<li><a href="#">Contacto</a></li>
<li><a href="#">Instalaciones</a></li>
</ul>
</nav>
</div>
</div>*/
); );
} }

6
frontend/src/Licenciatura.jsx
View File

@ -1,5 +1,6 @@
import React, { useState } from "react"; import React, { useState } from "react";
import './Licenciatura.css'; import './Licenciatura.css';
import Encabezado from "./Encabezado";
const Licenciatura = () => { const Licenciatura = () => {
@ -160,7 +161,8 @@ const Licenciatura = () => {
return ( return (
<> <>
<body id="bodyLicenciatura"> <div id="bodyLicenciatura">
<Encabezado/>
<h1 id="h1Programas">Programas Educativos</h1> <h1 id="h1Programas">Programas Educativos</h1>
<div id="opciones"> <div id="opciones">
<label id="labelSelect">Seleccionar área:</label> <label id="labelSelect">Seleccionar área:</label>
@ -230,7 +232,7 @@ const Licenciatura = () => {
</div> </div>
<input type="submit" className="btnElegirCarrera" value="Elegir Licenciatura" /> <input type="submit" className="btnElegirCarrera" value="Elegir Licenciatura" />
</body> </div>
</> </>
); );
}; };

20
frontend/src/OfertaEducativa.jsx
View File

@ -1,25 +1,13 @@
import { Outlet } from 'react-router-dom'; import { Outlet } from 'react-router-dom';
import './OfertaEducativa.css' import './OfertaEducativa.css'
import Encabezado from './Encabezado';
function OfertaEducativa (){ function OfertaEducativa (){
return ( return (
<> <>
<header className='headerOE'>
<nav> <Encabezado/>
<ul>
<div className='grupo1'>
<img id='logo' src="logo.png" alt='Imagen'/>
<li className='tit'>Universidad Filadelfia de México</li>
</div>
<div className='grupo2'>
<li><a href="">Nosotros</a></li>
<li><a href="">Visión</a></li>
<li><a href="">Misión</a></li>
<li><a href="">Instalaciones</a></li>
</div>
</ul>
</nav>
</header>
<h1 className='tituloOE'>Oferta Educativa</h1> <h1 className='tituloOE'>Oferta Educativa</h1>
<div className='container'> <div className='container'>
<div className='area' id='areaTecnica'> <div className='area' id='areaTecnica'>

14
frontend/src/Preinscripcion.css
View File

@ -1,4 +1,18 @@
#bodyPre{
width: 100%;
margin: 0 auto;
}
#h1Pre{ #h1Pre{
margin-top: 11%; margin-top: 11%;
margin-left: 10%; margin-left: 10%;
}
#p1Pre{
font-size: x-large;
}
#p2Pre{
font-size: x-large;
margin-top: 2%;
}
#labelPre{
text-transform: capitalize;
} }

24
frontend/src/Preinscripcion.jsx
View File

@ -1,18 +1,32 @@
import SubirPDF from "./SubirPDF"; import SubirPDF from "./SubirPDF";
import React from 'react'; import React from 'react';
import './Preinscripcion.css' import './Preinscripcion.css'
import Encabezado from "./Encabezado";
const App = () => { const App = () => {
return ( return (
<> <>
<body> <div id="bodyPre">
<Encabezado/>
<h1 id="h1Pre">Proceso de Preinscripción</h1> <h1 id="h1Pre">Proceso de Preinscripción</h1>
<p>Estamos más cerca de pertenecer a esta gran comunidad estudiantil.</p> <p id="p1Pre">¡Bienvenido a esta gran comunidad estudiantil!</p>
<p id="p2Pre">Para dar seguimiento al proceso de preinscripción es necesario que subas los siguientes documentos en formato pdf que se te solicitan.</p>
<label id="labelPre">Certificado de bachillerato</label>
<div> <div>
<SubirPDF/> <SubirPDF/>
</div> </div>
</body> <label id="labelPre">Acta de nacimiento certificada</label>
<div>
<SubirPDF/>
</div>
<label id="labelPre">Clave Única de Registro de Población (CURP)</label>
<div>
<SubirPDF/>
</div>
<footer className='footerOE'>
© 2024 Universidad Filadelfia. Todos los derechos reservados.
</footer>
</div>
</> </>
); );
}; };

5
frontend/src/Registro.css
View File

@ -2,7 +2,7 @@
background-color: #e4e4df; background-color: #e4e4df;
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
padding: 1%;
} }
h1.titRegistro { h1.titRegistro {
@ -96,4 +96,7 @@
} }
header{ header{
text-align: center; text-align: center;
}
body{
margin: 0;
} }

6
frontend/src/Registro.jsx
View File

@ -1,10 +1,12 @@
import React from 'react'; import React from 'react';
import './Registro.css'; // Estilo para el formulario import './Registro.css'; // Estilo para el formulario
import Encabezado from './Encabezado';
const Registro = () => { const Registro = () => {
return ( return (
<body className="bodyRegistro"> <div className="bodyRegistro">
<Encabezado/>
<h1 className='titRegistro'>Registro</h1> <h1 className='titRegistro'>Registro</h1>
<h4>Datos Personales</h4> <h4>Datos Personales</h4>
<form className='formRegistro'> <form className='formRegistro'>
@ -111,7 +113,7 @@ const Registro = () => {
<div className="btnenviar"> <div className="btnenviar">
<input type="submit" className="boton" value="Registrar" /> <input type="submit" className="boton" value="Registrar" />
</div> </div>
</body> </div>
); );
} }

5
frontend/src/SubirPDF.css Normal file
View File

@ -0,0 +1,5 @@
#inputPdf {
border: 1% solid #000;
padding: '20px';
text-align: center;
}

6
frontend/src/SubirPDF.jsx
View File

@ -1,6 +1,7 @@
import React, { useCallback } from 'react'; import React, { useCallback } from 'react';
import { useDropzone } from 'react-dropzone'; import { useDropzone } from 'react-dropzone';
import axios from 'axios'; import axios from 'axios';
import './SubirPDF'
const SubirPDF = () => { const SubirPDF = () => {
const onDrop = useCallback(acceptedFiles => { const onDrop = useCallback(acceptedFiles => {
@ -26,9 +27,8 @@ const SubirPDF = () => {
const { getRootProps, getInputProps } = useDropzone({ onDrop }); const { getRootProps, getInputProps } = useDropzone({ onDrop });
return ( return (
<div {...getRootProps()} style={{ border: '1px solid black', padding: '20px', textAlign: 'center' }}> <div {...getRootProps()}>
<input {...getInputProps()} /> <input id='inputPdf' type='submit' value='Subir pdf' />
<p>Arrastra y suelta un archivo PDF aquí, o haz clic para seleccionar uno</p>
</div> </div>
); );
}; };

9
frontend/src/main.jsx
View File

@ -1,12 +1,17 @@
import React from 'react' import React from 'react'
import ReactDOM from 'react-dom/client' import ReactDOM from 'react-dom/client'
import OfertaEducativa from './OfertaEducativa.jsx' import OfertaEducativa from './OfertaEducativa.jsx'
import Encabezado from './Encabezado.jsx'
import Login from './login.jsx' import Login from './login.jsx'
import Registro from './Registro.jsx'
import Licenciatura from './Licenciatura.jsx'
import Preinscripcion from './Preinscripcion.jsx'
import SubirPDF from './SubirPDF.jsx'
ReactDOM.createRoot(document.getElementById('root')).render( ReactDOM.createRoot(document.getElementById('root')).render(
<React.StrictMode> <React.StrictMode>
<Encabezado/>
<Login/> <Preinscripcion/>
</React.StrictMode>, </React.StrictMode>,
) )