Se creo el panel sobre nosotros y se elimino el footer (001e9d39) · Commits · Lorenzo Trujillo Rojas / PueblosMagicosConIAFK

web/src/core/constants/selected_panel.ts

+4 −2

Original line number	Diff line number	Diff line
		@@ -4,7 +4,8 @@
		export enum AdminSelectedPanel {
		TOWN_INFO = "town_info", // Panel for town information
		PLACES = "places", // Panel for places
		POINT_OF_INTEREST = "point_of_interest" // Panel for points of interest
		POINT_OF_INTEREST = "point_of_interest", // Panel for points of interest
		ABOUT_US = "about_us" // Panel for about us
		}

		/**
		@@ -13,5 +14,6 @@ export enum AdminSelectedPanel {
		export enum SuperAdminSelectedPanel {
		TOWNS = "towns", // Panel for towns
		ADMINS = "admins", // Panel for admins
		CATEGORIES = "categories" // Panel for categories
		CATEGORIES = "categories", // Panel for categories
		ABOUT_US = "about_us", // Panel for about us
		}
		No newline at end of file

web/src/presentation/admin/panel/admin_home_page.tsx

+13 −5

Original line number	Diff line number	Diff line
		@@ -2,6 +2,7 @@ import { Menu, MenuItem, Sidebar } from "react-pro-sidebar";
		import "./assets/styles/style.css";
		import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
		import {
		faInfo,
		faLocation,
		faMonument,
		faPlaceOfWorship,
		@@ -15,8 +16,8 @@ import { LoadingScreen } from "../../components/loading_screen/loading_screen";
		import { ErrorWindow } from "../../components/error_window/error_window";
		import { LoadingSpinner } from "../../components/loading_spinner/loading_spinner";
		import { AdminTownInfo } from "../admin_town_info/admin_town_info";
		import { Footer } from "../../components/footer/footer";
		import { AdminPanelPoiScreen } from "../admin_panel_poi/admin_panel_poi_screen/admin_panel_poi_screen";
		import { AboutUsPanel } from "../../components/about_us/about_us_panel";

		// Main component for the admin home page
		export const AdminHomePage = () => {
		@@ -95,6 +96,15 @@ export const AdminHomePage = () => {
		>
		Puntos de interés
		</MenuItem>
		<MenuItem
		icon={<FontAwesomeIcon icon={faInfo} />}
		disabled={isWindowActive}
		onClick={() => {
		setSelectedPanel(AdminSelectedPanel.ABOUT_US);
		}}
		>
		Sobre nosotros
		</MenuItem>
		</Menu>
		</Sidebar>
		<div className="admin-panel-body">
		@@ -133,15 +143,13 @@ export const AdminHomePage = () => {
		town={town}
		/>
		);
		case AdminSelectedPanel.ABOUT_US:
		return <AboutUsPanel />;
		default:
		return null;
		}
		})()}
		</div>
		{/* Footer */}
		<div className="footer-cnt">
		<Footer />
		</div>
		</div>
		</div>
		);

web/src/presentation/admin/panel/assets/styles/style.css

+1 −6

Original line number	Diff line number	Diff line
		@@ -22,12 +22,7 @@

		.admin-panel-content{
		max-height: 80vh;
		min-height: 80vh;
		min-height: 94vh;
		display: flex;
		background: white;
		}

		.footer-cnt{
		height: 14vh;
		background: #ECEAFF;
		}
		No newline at end of file

web/src/presentation/components/footer/footer.tsx→web/src/presentation/components/about_us/about_us_panel.tsx

+112 −0

Original line number	Diff line number	Diff line
		@@ -6,16 +6,17 @@ interface Developer {
		lastName: string;
		role: string;
		linkedInURL: string;
		email: string;
		}

		// Footer component
		export const Footer = () => {
		// Main component function
		export const AboutUsPanel = () => {
		// Inline style for text elements
		const style: React.CSSProperties = {
		fontSize: 11,
		textDecoration: "none",
		color: "black",
		textAlign: "left",
		padding: "0px 3px",
		};

		// List of developers
		@@ -25,12 +26,14 @@ export const Footer = () => {
		lastName: "Trujillo",
		role: "Desarrollador FrontEnd Mobile",
		linkedInURL: "https://www.linkedin.com/in/lorenzotrujillorojassd/",
		email: "42102130@uaz.edu.mx",
		},
		{
		name: "Diego I.",
		lastName: "Correa",
		role: "Desarrollador BackEnd",
		linkedInURL: "https://www.linkedin.com/in/diego-ivan-correa/",
		email: "dcorreanavarrete@gmail.com",
		},
		{
		name: "Omar",
		@@ -38,40 +41,47 @@ export const Footer = () => {
		role: "Desarrollador FrontEnd Web",
		linkedInURL:
		"https://www.linkedin.com/in/omar-luna-hern%C3%A1ndez-a280ba267/",
		email: "omar_luna_hernandez@hotmail.com",
		},
		];

		// Main render of the component
		return (
		<div className="footer">
		{/* Footer credits section */}
		<div className="footer_credits">
		<div className="footer_license">
		<div style={style}>
		©2024
		<a href="https://labsol.cozcyt.gob.mx/" style={style}>
		{" "}
		Labsol Network.
		</a>
		</div>
		<a href="https://www.gnu.org/licenses/gpl-3.0.html" style={style}>
		Bajo licencia GPL v.3.
		</a>
		<div className="about_us_info_root">
		<div className="info_header">
		<p>Acerca de nosotros</p>
		</div>
		<div className="about_us_info_body">
		Este proyecto fue desarrollado por las siguientes personas:
		{/* Footer credits section */}
		<div className="about_us_info">
		{/* Developer links */}
		<div className="footer_developers">
		<div className="about_us_developers">
		{developers.map((dev, index) => {
		return (
		<div>
		<a key={index} style={style} href={dev.linkedInURL}>
		@ {dev.name + " " + dev.lastName + " (" + dev.role + ")"}
		</a>
		<div
		style={{
		display: "flex",
		alignItems: "center",
		justifyContent: "center",
		}}
		>
		<h1 style={style}>Correo: </h1>
		<a key={index} style={style} href={"mailto:" + dev.email}>
		{dev.email}
		</a>
		</div>
		</div>
		);
		})}
		</div>
		</div>

		{/* Footer icons section */}
		<div className="footer_icons">
		<div className="footer_images">
		{/* Logos section */}
		<div className="about_us_logos">
		<img
		src="https://sit.cozcyt.gob.mx/static/images/sit_logo_texto_lab.png?v=2"
		title="Laboratorio de Software Libre Network"
		@@ -84,6 +94,19 @@ export const Footer = () => {
		/>
		</div>
		</div>

		<div className="about_us_license">
		<div style={style}>
		©2024
		<a href="https://labsol.cozcyt.gob.mx/" style={style}>
		{" "}
		Labsol Network.
		</a>
		</div>
		<a href="https://www.gnu.org/licenses/gpl-3.0.html" style={style}>
		Bajo licencia GPL v.3.
		</a>
		</div>
		</div>
		);
		};

web/src/presentation/components/footer/assets/css/styles.css→web/src/presentation/components/about_us/assets/css/styles.css

+46 −0

Original line number	Diff line number	Diff line
		.footer{
		display: flex;
		.about_us_info_root {
		height: 100%;
		width: 100%;
		align-items: center;
		flex-wrap: wrap;
		padding: 1em;
		}

		.footer_license ,
		.footer_developers{
		.info_header {
		height: 7%;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 5px;
		background: gray;
		}

		.footer_license{
		margin-top: auto;
		.info_header p {
		font-size: 38;
		}

		.footer_credits{
		height: 100%;
		.about_us_info_body {
		display: flex;
		flex-direction: column;
		margin: 20px;
		}

		.footer_icons{
		height: 50%;
		margin-left: auto;
		.about_us_developers {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 100%;
		}

		.footer_images{
		height: 100%;
		.about_us_logos {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 200px;
		}

		.footer_images img{
		height: 100%;
		width: 100%;
		object-fit: contain;
		.about_us_logos img {
		max-height: 100px;
		margin: 0 20px 0 20px;
		width: auto;
		}