materias.php 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281
  1. <?php
  2. require_once 'class/c_login.php';
  3. require_once 'include/bd_pdo.php';
  4. $user = Login::get_user();
  5. $user->access();
  6. if ($user->acceso == null) {
  7. // die($access);
  8. header('Location: main.php?error=1');
  9. } else {
  10. $user->print_to_log('Materias');
  11. }
  12. $facultad = $user->facultad['facultad_id'] ?? -1;
  13. if ($user->admin) {
  14. $facultad = null;
  15. }
  16. ?>
  17. <!DOCTYPE html>
  18. <html lang="en">
  19. <head>
  20. <meta charset="UTF-8">
  21. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  22. <title>Materias</title>
  23. <?php
  24. include 'import/html_css_files.php';
  25. ?>
  26. </head>
  27. <body>
  28. <?php
  29. include "import/html_header.php";
  30. html_header(
  31. "MATERIAS",
  32. "Gestión de Checador "
  33. );
  34. $user->access();
  35. $max_count = 30;
  36. $sql = "SELECT * FROM fs_materias(:nombre, :carrera, :facultad)";
  37. if (isset($_POST["desc"])) {
  38. $desc = $_POST["desc"];
  39. $filter_desc = htmlspecialchars($desc, ENT_QUOTES, 'UTF-8');
  40. } else {
  41. $desc = null;
  42. }
  43. if (isset($_POST["carrera"])) {
  44. $pcarrera = $_POST["carrera"];
  45. $filter_carrera = htmlspecialchars($pcarrera, ENT_QUOTES, 'UTF-8');
  46. } else {
  47. $pcarrera = null;
  48. }
  49. if ($pcarrera == "") {
  50. $sql .= "LIMIT 30";
  51. }
  52. $fs_materias = query(
  53. $sql,
  54. array(":nombre" => $desc, ":carrera" => $pcarrera, ":facultad" => $facultad),
  55. single: false
  56. );
  57. $fs_carreras = query(
  58. "SELECT * FROM fs_carreras(:facultad, null, null)",
  59. array(":facultad" => $facultad),
  60. single: false
  61. );
  62. //print_r($fs_materias);
  63. ?>
  64. <main class="content marco">
  65. <!-- Filtro -->
  66. <div class="row">
  67. <div class="col-12">
  68. <form action="materias.php" method="post">
  69. <div class="form-box">
  70. <div class="form-group row">
  71. <label for="filter_desc" class="col-4 col-form-label">Materia</label>
  72. <div class="col-8 col-sm-4">
  73. <input id="filter_desc" name="desc" type="text" class="form-control" <?php if (isset($filter_desc)) {
  74. echo 'value="' . $filter_desc . '"';
  75. } ?>>
  76. </div>
  77. </div>
  78. <div class="form-group row">
  79. <label for="filter_carrera" class="col-4 con-form-label">Carrera</label>
  80. <div class="col-8 col-sm-4">
  81. <div class="datalist datalist-select mb-1 w-100">
  82. <div class="datalist-input">Mostrar todas</div>
  83. <span class="ing-buscar icono"></span>
  84. <ul style="display:none">
  85. <li data-id="">Mostrar todas</li>
  86. <?php
  87. $nivel_ac = -1;
  88. foreach ($fs_carreras as $carrera) {
  89. if ($nivel_ac != $carrera["nivel_id"]) {
  90. $nivel_ac = $carrera["nivel_id"];
  91. ?>
  92. <li data-id="" class="not-selectable">
  93. <?php echo $carrera["nivel_nombre"]; ?>
  94. </li>
  95. <?php
  96. }
  97. ?>
  98. <li data-id="<?php echo $carrera["carrera_nombre"]; ?>"
  99. class="pl-4 <?= !(isset($filter_carrera) && $carrera["carrera_nombre"] == $filter_carrera) ?: 'selected'; ?>">
  100. <?= $carrera["carrera_nombre"] ?></li>
  101. <?php
  102. }
  103. ?>
  104. </ul>
  105. <input type="hidden" id="filter_carrera" name="carrera" value="">
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. <div class="form-group row">
  111. <div class="col-12 text-center">
  112. <button type="submit" class="btn btn-outline-primary">
  113. <span class="ing-buscar ing-fw"></span>
  114. Filtrar
  115. </button>
  116. <button type="submit" class="btn btn-outline-danger btn-reset">
  117. <span class="ing-borrar ing-fw"></span>
  118. Limpiar
  119. </button>
  120. </div>
  121. </div>
  122. </form>
  123. </div>
  124. </div>
  125. <!-- Tabla -->
  126. <div class="row">
  127. <div class="col-12 table-responsive">
  128. <?php
  129. if ($pcarrera == "") {
  130. ?>
  131. <p> Se muestran los primeros <strong>
  132. <?php echo $max_count; ?>
  133. </strong> resultados. Utiliza los filtros para encontrar la materia que buscas.</p>
  134. <?php } ?>
  135. <table class="table table-sm table-striped table-white">
  136. <thead class="thead-dark">
  137. <tr>
  138. <th>Nombre</th>
  139. <th>Carrera</th>
  140. </tr>
  141. </thead>
  142. <tbody>
  143. <?php
  144. if ($fs_materias) {
  145. foreach ($fs_materias as $materia) {
  146. ?>
  147. <tr data-id="<?php echo $materia["materia_id"]; ?>" id="<?php echo $materia["materia_id"]; ?>">
  148. <td class="text-primary">
  149. <?php echo $materia["materia_nombre"]; ?>
  150. </td>
  151. <td class="text-primary">
  152. <?php echo $materia["carrera_nombre"]; ?>
  153. </td>
  154. </tr>
  155. <?php
  156. }
  157. }
  158. ?>
  159. </tbody>
  160. </table>
  161. <div id="message"></div>
  162. </div>
  163. </div>
  164. </main>
  165. <!-- Footer -->
  166. <?php
  167. include "import/html_footer.php";
  168. ?>
  169. <!-- Modal -->
  170. <div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true">
  171. <div class="modal-dialog modal-dialog-centered" role="document">
  172. <div class="modal-content">
  173. <div class="modal-header">
  174. <h4 class="col-12 modal-title text-center">
  175. <span id="modalLable">
  176. Editar nombre de Materia
  177. </span>
  178. <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
  179. <span aria-hidden="true">&times;</span>
  180. </button>
  181. </h4>
  182. </div>
  183. <div class="modal-body">
  184. <form action="./action/action_materias_update.php" method="post" id="formaModal"
  185. onsubmit="return valida_campos()">
  186. <input type="hidden" name="id" id="id">
  187. <div class="form-box">
  188. <div class="form-group row">
  189. <label for="nombre" class="col-4 col-form-label">Nombre *</label>
  190. <div class="col-8">
  191. <input id="nombre" name="nombre" type="text" class="form-control" maxlength="100">
  192. </div>
  193. </div>
  194. <div class="form-group row">
  195. <div class="offset-4 col-8">
  196. <button type="submit" class="btn btn-outline-primary" id="submitBtn" data-tipo="1">
  197. <span class="ing-aceptar ing-fw"></span> Guardar
  198. </button>
  199. <button type="reset" class="btn btn-outline-danger" data-dismiss="modal">
  200. <span class="ing-cancelar ing-fw"></span> Cancelar
  201. </button>
  202. </div>
  203. </div>
  204. </form>
  205. </div>
  206. </div>
  207. </div>
  208. </div>
  209. <script src="js/jquery.min.js"></script>
  210. <script src="js/bootstrap/bootstrap.min.js"></script>
  211. <script src="js/datalist.js"></script>
  212. <?php
  213. require_once 'js/messages.php';
  214. ?>
  215. <script>
  216. function valida_campos() {
  217. var error = false;
  218. if ($("#nombre").val() == "") {
  219. $("#nombre").addClass("is-invalid");
  220. error = true;
  221. } else {
  222. $("#nombre").removeClass("is-invalid");
  223. }
  224. if (error) {
  225. return false;
  226. } else {
  227. return true;
  228. }
  229. }
  230. <?php if ($facultad == -1 && !$user->admin) { ?>
  231. triggerMessage("No se encontraron materias en tu facultad", "Error");
  232. <?php } else if (!$fs_materias) { ?>
  233. triggerMessage("No se encontraron materias con estos datos", "Error");
  234. <?php } ?>
  235. $(document).on("click", ".btn-reset", function (event) {
  236. var forma = $(this).parents("form");
  237. forma.find("input[type=text]").val("");
  238. setDatalistFirst("#filter_carrera");
  239. forma.submit();
  240. });
  241. $('#modal').on('show.bs.modal', function (event) {
  242. var id = $(event.relatedTarget).parents("tr").data("id");
  243. $.ajax({
  244. url: "action/action_materias_select.php",
  245. type: "post",
  246. dataType: "json",
  247. data: {
  248. idmateria: id
  249. },
  250. success: function (result) {
  251. $("#nombre").val(result[0]["materia_nombre"]);
  252. $("#id").val(result[0]["materia_id"]);
  253. },
  254. error: function () {
  255. console.log("Error")
  256. }
  257. });
  258. });
  259. </script>
  260. </body>
  261. </html>