eventos.php 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. <?php
  2. session_start();
  3. require_once 'include/bd_pdo.php';
  4. require_once 'classes/Archivos.php';
  5. require_once 'classes/MainMenu.php';
  6. require_once 'classes/Template.php';
  7. require_once 'classes/ValidaSesion.php';
  8. //CONSTANTES Y VARIABLES GLOBALES
  9. $menu = 43;
  10. $submenu = 433;
  11. $titulo = '';
  12. if (!isset($_SESSION['usuario_id']))
  13. ValidaSesion::salirPagina();
  14. else {
  15. if(isset($_SESSION['usuario_id']))
  16. $objSesion = new ValidaSesion($pdo, $submenu);
  17. else
  18. ValidaSesion::salirPagina();
  19. }
  20. if (isset($objSesion)) {
  21. $titulo = $objSesion->nombrePagina();?>
  22. <!DOCTYPE html>
  23. <html>
  24. <head>
  25. <title>Alumnos - <?php echo $titulo; ?></title>
  26. <?php if($objSesion->tieneAcceso())
  27. Template::getCSS(array('elementos.css', 'custominputfile.css', 'secciones/eventos.css'));
  28. else
  29. Template::getCSS(); ?>
  30. </head>
  31. <body>
  32. <input id="idUser" type="hidden" value="<?php echo $_SESSION['usuario_id']; ?>" />
  33. <?php $menuObj = new MainMenu($_SESSION["RolUsuario_id"], $menu, $submenu, $pdo);
  34. $menuObj->printMenu($titulo);
  35. if ($objSesion->tieneAcceso()) { ?>
  36. <main class="container-fluid content marco">
  37. <div class="d-inline-flex flex-row flex-wrap justify-content-center justify-content-sm-start align-items-start">
  38. <div id="ddlMeses" data-id="0" class="dropdownlist dropdownlist-azul1 m-2 mb-0">
  39. <button id="btnMeses"><label class="bigFont">Selecciona un mes</label><span class="ing-caret"></span></button>
  40. <ul>
  41. <li data-id="1" class="dropdownlist-item bigFont">Enero</li>
  42. <li data-id="2" class="dropdownlist-item bigFont">Febrero</li>
  43. <li data-id="3" class="dropdownlist-item bigFont">Marzo</li>
  44. <li data-id="4" class="dropdownlist-item bigFont">Abril</li>
  45. <li data-id="5" class="dropdownlist-item bigFont">Mayo</li>
  46. <li data-id="6" class="dropdownlist-item bigFont">Junio</li>
  47. <li data-id="7" class="dropdownlist-item bigFont">Julio</li>
  48. <li data-id="8" class="dropdownlist-item bigFont">Agosto</li>
  49. <li data-id="9" class="dropdownlist-item bigFont">Septiembre</li>
  50. <li data-id="10" class="dropdownlist-item bigFont">Octubre</li>
  51. <li data-id="11" class="dropdownlist-item bigFont">Noviembre</li>
  52. <li data-id="12" class="dropdownlist-item bigFont">Diciembre</li>
  53. </ul>
  54. </div>
  55. <div id="ddlAnios" data-id="0" class="dropdownlist dropdownlist-azul2 m-2 mb-0" style="min-width:225px;">
  56. <button id="btnAnios"><label class="bigFont">Selecciona un año</label><span class="ing-caret"></span></button>
  57. <ul>
  58. <li data-id="2020" class="dropdownlist-item bigFont">2020</li>
  59. <li data-id="2021" class="dropdownlist-item bigFont">2021</li>
  60. <li data-id="2022" class="dropdownlist-item bigFont">2022</li>
  61. <li data-id="2023" class="dropdownlist-item bigFont">2023</li>
  62. </ul>
  63. </div>
  64. </div>
  65. <div id="eventos"></div>
  66. </main>
  67. <!--- MODAL --->
  68. <div class="modalGral modal fade" id="modalConfirmar" tabindex="-1" data-backdrop="static" aria-labelledby="modalConfirmar" aria-hidden="true">
  69. <div class="modal-dialog modal-dialog-centered">
  70. <div class="modal-content">
  71. <div class="modal-body text-center display-5"></div>
  72. <div class="modal-footer">
  73. <button type="button" class="btn btn-verde btnIcon" id="btnConfirmar"><span class="ing-aceptar"></span></button>
  74. <button type="button" class="btn btn-rojo btnIcon" data-dismiss="modal"><span class="ing-cancelar"></span></button>
  75. </div>
  76. </div>
  77. </div>
  78. </div>
  79. <div class="modalGral modal fade" id="modalSubirArchivo" tabindex="-1" data-backdrop="static" aria-labelledby="modalSubirArchivo" aria-hidden="true">
  80. <div class="modal-dialog modal-dialog-centered">
  81. <form id="formArchivo" class="modal-content" method="post" enctype="multipart/form-data">
  82. <div class="modal-header">
  83. <h3 class="modal-title">Cargar Evidencia</h3>
  84. </div>
  85. <div class="modal-body text-center">
  86. <div id="msgDetalle" class="display-7 text-secondary mb-3"></div>
  87. <div id="divArchivo" class="w-100 d-flex flex-column">
  88. <div class="carga text-azul2 mb-3">
  89. <div class="d-flex flex-column justify-content-center align-items-center">
  90. <div class="display-6 text-azul2">Cargando archivo</div>
  91. <div>
  92. <div class="mb-2 fa-solid fa-gear fa-spin" style="color: var(--azul2);"></div>
  93. <div class="mb-2 fa-solid fa-gear fa-spin fa-rotate-by fa-spin" style="--fa-rotate-angle: 45deg; color: var(--azul2-75);"></div>
  94. <div class="mb-2 fa-solid fa-gear fa-spin" style="color: var(--azul2-50);"></div>
  95. <div class="mb-2 fa-solid fa-gear fa-spin fa-rotate-by fa-spin" style="--fa-rotate-angle: 45deg; color: var(--azul2-25);"></div>
  96. <div class="mb-2 fa-solid fa-gear fa-spin" style="color: var(--azul1-25);"></div>
  97. <div class="mb-2 fa-solid fa-gear fa-spin fa-rotate-by fa-spin" style="--fa-rotate-angle: 45deg; color: var(--azul1-50);"></div>
  98. <div class="mb-2 fa-solid fa-gear fa-spin" style="color: var(--azul1-75);"></div>
  99. <div class="mb-2 fa-solid fa-gear fa-spin fa-rotate-by fa-spin" style="--fa-rotate-angle: 45deg; color: var(--azul1);"></div>
  100. </div>
  101. </div>
  102. </div>
  103. <input id="addArchivo" name="archivo" type="file" accept=".pdf, .zip, .rar">
  104. </div>
  105. </div>
  106. <div class="modal-footer">
  107. <button type="button" class="btn btn-verde btnIcon" id="btnOkArchivo"><span class="ing-aceptar"></span></button>
  108. <button type="button" class="btn btn-rojo btnIcon" data-dismiss="modal"><span class="ing-cancelar"></span></button>
  109. </div>
  110. </form>
  111. </div>
  112. </div>
  113. <div class="modal fade" id="modalAviso" tabindex="-1" aria-labelledby="modalAviso" aria-hidden="true">
  114. <div class="modal-dialog modal-dialog-centered">
  115. <div class="modal-content msgAviso d-flex flex-row justify-content-between align-items-stretch">
  116. <div class="modal-header iconAviso d-flex justify-content-center align-items-center"><i class="display-3 "></i></div>
  117. <div class="modal-body txtAviso flex-grow-1 d-flex flex-column justify-content-center align-items-center">
  118. <div class="display-5 msg1 indivisa-text-black mb-3">Título</div>
  119. <div class="mb-3 msg2">Texto del Mensaje</div>
  120. <div class="rounded-pill p-2 text-white" data-dismiss="modal" aria-label="Close">Cerrar</div>
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. <div style="isolation: isolate;">
  126. <?php } else { ?>
  127. <main class="container-fluid content marco">
  128. <div class="row justify-content-center" style="min-height: 600px;">
  129. <img id="errorImg" class="col-sm-3" src="img/nico_error.svg" />
  130. <div class="col-sm-9 display-4 d-flex flex-row justify-content-center align-items-center text-center">No tienes acceso a ésta página</div>
  131. </div>
  132. </main>
  133. <?php }
  134. Template::footer(); ?>
  135. </div>
  136. <?php if($objSesion->tieneAcceso())
  137. Template::getJS(array('elementos.js', 'custominputfile.js', 'secciones/eventos.js'));
  138. else
  139. Template::getJS(); ?>
  140. </body>
  141. </html>
  142. <?php } else
  143. ValidaSesion::salirPagina();