CÓDIGO DE LA INTERFAZ DE INICIO
<?php
require_once 'db/model/ModeloSesion.php';
$modelo_sesion = new ModeloSesion();
$modelo_sesion->init();
if (!$modelo_sesion->get("ID")) {
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Sistema para Gestión de Documentación para la Zona
Escolar 10</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet"
href="https://unpkg.com/[email protected]/css/boxicons.min.css">
</head>
<body>
<div class="wrapper">
<span class="bg-animate"></span>
<span class="bg-animate2"></span>
<!-- login empleado -->
<div class="form-box login">
<h2 class="animation" style="--i:0; --
j:21;">Docentes</h2>
<!-- formulario inicio de sesion docentes -->
<form id="form_login">
<div class="input-box animation" style="--i:1; --
j:22;">
<!-- correo -->
<input type="text" id="mail_login"
name="mail_login" required autocomplete="off">
<label>Correo electrónico</label>
<i class="bx bxs-envelope"></i>
</div>
<div class="input-box animation" style="--i:2; --
j:23;">
<!-- contraseña -->
<input type="password" id="pass_login"
name="pass_login" required autocomplete="off">
<label>Contraseña</label>
<i class="bx bxs-lock-alt"></i>
</div>
<!-- botón inicio de sesión -->
<button type="submit" id="login_btn"
name="login_btn" class="btn animation" style="--i:3; --
j:24;">Acceder</button>
<!-- link supervisor -->
<div class="login-supervisor animation" style="--
i:4; --j:25;">
<p><a href="#" class="supervisor-
link">Ingresar como supervisor</a></p>
</div>
</form>
</div>
<div class="info-text login">
<img src="images/logotipo.png" class="animation"
style="--i:0; --j:20;">
</div>
<div class="form-box superlogin">
<h2 class="animation" style="--i:17; --
j:0;">Supervisor</h2>
<!-- formulario inicio de sesion supervisor -->
<form id="form_super_login">
<div class="input-box animation" style="--i:18; --
j:1;">
<!-- correo supervisor -->
<input type="text" id="mail_superlogin"
name="mail_superlogin" required autocomplete="off">
<label>Correo electrónico</label>
<i class="bx bxs-envelope"></i>
</div>
<div class="input-box animation" style="--i:19; --
j:2;">
<!-- contraseña supervisor -->
<input type="password" id="pass_superlogin"
name="pass_superlogin" required autocomplete="off">
<label>Contraseña</label>
<i class="bx bxs-lock-alt"></i>
</div>
<!-- botón iniciar sesión supervisor -->
<button type="submit" id="superlogin_btn"
name="superlogin_btn" class="btn animation" style="--i:20; --
j:3;">Acceder</button>
<div class="login-supervisor animation" style="--
i:21; --j:4;">
<p><a href="#" class="empleado-link">Ingresar
como docente</a></p>
</div>
</form>
</div>
<div class="info-text superlogin">
<img src="images/logotipo.png" class="animation"
style="--i:17; --j:0;">
</div>
</div>
<?php include ('modals/popup.php'); ?>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.mi
n.js"></script>
<script src="js/script.js"></script>
<script src="js/usuarios.js"></script>
</body>
</html>
<?php
}else {
header("Location: home.php?inicio");
exit;
}
?>
CÓDIGO DE LA INTERFAZ DE MENU PRINCIPAL
<?php
require_once 'db/model/ModeloSesion.php';
$modelo_sesion = new ModeloSesion();
$modelo_sesion->init();
if ($modelo_sesion->get("ID")) {
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Sistema para Gestión de Documentación para la Zona
Escolar 10</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet"
href="https://unpkg.com/[email protected]/css/boxicons.min.css">
</head>
<body>
<div class="home">
<nav>
<ul>
<li>
<a href="#" class="logo">
<img src="images/heart.png"><span
class="nav-item">Zona 10</span>
<input type="hidden" id="current_user"
name="current_user" value="<?php echo $modelo_sesion-
>get("PERSONA"); ?>">
</a>
</li>
<li>
<a href="home.php?inicio">
<i class="bx bxs-home"></i><span
class="nav-item">Inicio</span>
</a>
</li>
<?php if ($modelo_sesion->get("TIPO") ==
"Supervisor") { ?>
<li>
<a href="home.php?centros">
<i class="bx bxs-extension"></i><span
class="nav-item">Centros</span>
</a>
</li>
<li>
<a href="home.php?empleados">
<i class="bx bxs-group"></i><span
class="nav-item">Empleados</span>
</a>
</li>
<li>
<a href="home.php?escuelas">
<i class="bx bxs-school"></i><span
class="nav-item">Escuelas</span>
</a>
</li>
<?php } ?>
<li>
<a href="home.php?avisos">
<i class="bx bxs-bell"></i><span
class="nav-item">Avisos</span>
</a>
</li>
<li>
<a href="home.php?carpetas">
<i class="bx bxs-file"></i><span
class="nav-item">Carpetas</span>
</a>
</li>
<li>
<a href="#" class="logout" id="logout_btn">
<i class="bx bxs-log-out"></i><span
class="nav-item">Salir</span>
</a>
</li>
</ul>
</nav>
<div class="center">
<?php
if (isset($_GET["inicio"])) include
'views/inicio.php';
if (isset($_GET["centros"])) include
'views/centros.php';
if (isset($_GET["empleados"])) include
'views/empleados.php';
if (isset($_GET["escuelas"])) include
'views/escuelas.php';
if (isset($_GET["avisos"])) include
'views/avisos.php';
?>
</div>
</div>
<?php include ('modals/popup.php'); ?>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.mi
n.js"></script>
<script src="js/script.js"></script>
<script src="js/usuarios.js"></script>
<script src="js/centros.js"></script>
<script src="js/empleados.js"></script>
<script src="js/escuelas.js"></script>
<script src="js/avisos.js"></script>
</body>
</html>
<?php
} else {
header("Location: index.php");
exit;
}
?>
CÓDIGO DE INTERFAZ DE GESTIÓN DE CENTROS DE TRABAJO
<h1>Centros de trabajo</h1>
<div class="container">
<div class="side-menu">
<button type="button" class="btn add-btn"
id="add_centro_btn"><i class="bx bxs-plus-circle"></i>Agregar
nuevo</button>
<div class="side-items">
<a id="ver_centros_btn" href="#" class="side-menu-
item"><i class="bx bxs-grid"></i> Ver todos</a>
<a id="buscar_centro_btn" href="#" class="side-menu-
item"><i class="bx bxs-search"></i> Buscar centro</a>
<div class="search-box hide">
<input type="text" id="buscar_centro"
name="buscar_centro" placeholder="Escribe tu búsqueda">
<button class="search-btn" id="buscar_centro_btn">
<i class="bx bxs-search"></i>
</button>
</div>
</div>
</div>
<div class="table-body" id="centros_table">
</div>
</div>
<div class="form-popup" id="popup_form">
<div class="modal-formbox" id="modal_form_box">
<!-- formulario -->
<form action="" id="form_centros">
<h2>Agregar nuevo centro de trabajo</h2>
<!-- id de centro -->
<input type="hidden" name="id_centro" id="id_centro">
<div class="input-box select" id="tipo_centro_input">
<span>Tipo de centro</span>
<input type="text" id="tipo_centro"
name="tipo_centro" placeholder="Selecciona el tipo de centro"
readonly>
<div class="options">
<div class="tipo-ct-option">USAER</div>
<div class="tipo-ct-option">CAM</div>
</div>
</div>
<!-- clave del centro de trabajo -->
<div class="input-box">
<span>Clave</span>
<input type="text" name="clave_centro"
id="clave_centro" required autocomplete="off">
</div>
<!-- nombre del centro de trabajo -->
<div class="input-box">
<span>Nombre</span>
<input type="text" name="nombre_centro"
id="nombre_centro" required readonly>
</div>
<!-- botones de acción y de cancelar -->
<div class="button-box">
<button type="button" class="btn"
id="cancel_ct">Cancelar</button>
<button type="submit" class="btn"
id="action_ct">Agregar</button>
</div>
</form>
</div>
</div>
CÓDIGO DE LA INTERFAZ DE AVISOS EN LÍNEA
<h1>Avisos en línea</h1>
<div class="container">
<div class="side-menu">
<button type="button" class="btn add-btn"
id="add_aviso_btn"><i class="bx bxs-plus-circle"></i>Escribir
nuevo</button>
<div class="side-items">
<a id="ver_avisos_btn" href="#" class="side-menu-
item"><i class="bx bxs-grid"></i> Ver avisos</a>
<a href="#" class="side-menu-item"><i class="bx bxs-
search"></i> Buscar aviso</a>
</div>
</div>
<div class="table-body" id="avisos_table">
</div>
</div>
<div class="form-popup" id="popup_form">
<div class="modal-formbox horizontal" id="modal_form_box">
<!-- formulario -->
<form action="" id="form_avisos">
<h2>Enviar nuevo aviso</h2>
<div class="form-inside-wrapper">
<div class="form-inside-left">
<input type="hidden" name="id_aviso"
id="id_aviso">
<input type="hidden" name="curr_persona"
id="curr_persona" value="<?php echo $modelo_sesion->get("ID") ?>">
<div class="input-box select"
id="tipo_aviso_input">
<span>Publicar para</span>
<input type="hidden"
name="permisos_aviso_opt" id="permisos_aviso_opt">
<input type="text" id="permisos_aviso"
name="permisos_aviso" class="select-box" placeholder="Selecciona
una opción de envío" readonly>
<div class="options">
<div class="permisos-option"
opc="0">Empleados por función</div>
<div class="permisos-option"
opc="1">Empleados por centro</div>
<div class="permisos-option"
opc="2">Empleado específico</div>
</div>
</div>
<div class="input-box select hide"
id="funcion_aviso_input">
<span>Función</span>
<input type="hidden" name="id_funcion"
id="id_funcion">
<input type="text" name="funcion_aviso"
id="funcion_aviso" class="select-box" placeholder="Selecciona una
función" readonly>
<div class="options"
id="funcion_option_list">
</div>
</div>
<div class="input-box select hide"
id="centro_aviso_input">
<span>Centro de trabajo</span>
<input type="hidden" id="id_centro"
name="id_centro">
<input type="text" id="centro_aviso"
name="centro_aviso" class="select-box" placeholder="Selecciona un
centro de trabajo" readonly>
<div class="options" id="ct_option_list">
</div>
</div>
<div class="input-box select hide"
id="empleado_aviso_input">
<span>Empleado</span>
<input type="hidden" id="id_empleado"
name="id_empleado">
<input type="text" id="empleado_aviso"
name="empleado_aviso" class="select-box" placeholder="Selecciona
un empleado de la lista" readonly>
<div class="options"
id="empleados_option_list">
</div>
</div>
</div>
<div class="form-inside-right">
<div class="input-box">
<span>Asunto</span>
<input type="text" name="asunto_aviso"
id="asunto_aviso" required autocomplete="off">
</div>
<div class="input-box textbox">
<span>Mensaje</span>
<textarea rows="6" name="texto_aviso"
id="texto_aviso" style="resize: none;"></textarea>
</div>
</div>
</div>
<!-- botones de acción y de cancelar -->
<div class="button-box">
<button type="button" class="btn"
id="cancel_aviso">Cancelar</button>
<button type="submit" class="btn"
id="action_aviso">Publicar</button>
</div>
</form>
</div>
<div class="details-formbox" id="modal_view_form_box">
<div class="container-aviso">
<div class="title">
<h2 id="asunto_view_aviso">Asunto: ESTE ES EL
ASUNTO DEL AVISO</h2>
<div class="details">
<span id="fecha_view_aviso">Fecha: 2010 - 10 -
29 </span>
<span id="autor_view_aviso">Enviado por:
Fernanda Alicia Aragón Romero</span>
</div>
</div>
<div class="content">
<p id="texto_view_aviso">Lorem ipsum dolor sit
amet consectetur adipisicing elit. Veritatis, distinctio aperiam
maxime quibusdam eligendi quaerat.</p>
</div>
<div class="buttons-area">
<button class="btn" id="cerrar_view_aviso"
name="cerrar_view_aviso">Cerrar</button>
</div>
</div>
</div>
</div>
