materias.php 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305
  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) ORDER BY unaccent(carrera_nombre)",
  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. <?= $carrera["nivel_nombre"]; ?>
  94. </li>
  95. <?php
  96. }
  97. ?>
  98. <li data-id="<?= $carrera["carrera_nombre"]; ?>"
  99. class="pl-4 <?= !(isset($filter_carrera) && $carrera["carrera_nombre"] == $filter_carrera) ?: 'selected'; ?>">
  100. <?= $carrera["carrera_nombre"] ?>
  101. </li>
  102. <?php
  103. }
  104. ?>
  105. </ul>
  106. <input type="hidden" id="filter_carrera" name="carrera" value="">
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. <div class="form-group row">
  112. <div class="col-12 text-center">
  113. <button type="submit" class="btn btn-outline-primary">
  114. <span class="ing-buscar ing-fw"></span>
  115. Filtrar
  116. </button>
  117. <button type="submit" class="btn btn-outline-danger btn-reset">
  118. <span class="ing-borrar ing-fw"></span>
  119. Limpiar
  120. </button>
  121. </div>
  122. </div>
  123. </form>
  124. </div>
  125. </div>
  126. <!-- Tabla -->
  127. <div class="row">
  128. <div class="col-12 table-responsive">
  129. <?php
  130. if ($pcarrera == "") {
  131. ?>
  132. <p> Se muestran los primeros <strong>
  133. <?= $max_count; ?>
  134. </strong> resultados. Utiliza los filtros para encontrar la materia que buscas.</p>
  135. <?php } ?>
  136. <table class="table table-sm table-striped table-white">
  137. <thead class="thead-dark">
  138. <tr>
  139. <th>Nombre</th>
  140. <th>Carrera</th>
  141. <th>Editar</th>
  142. </tr>
  143. </thead>
  144. <tbody>
  145. <?php
  146. if ($fs_materias) {
  147. foreach ($fs_materias as $materia) {
  148. ?>
  149. <tr data-id="<?= $materia["materia_id"]; ?>" id="<?= $materia["materia_id"]; ?>">
  150. <td class="text-primary">
  151. <?= $materia["materia_nombre"]; ?>
  152. </td>
  153. <td class="text-primary">
  154. <?= $materia["carrera_nombre"]; ?>
  155. </td>
  156. <td>
  157. <button type="button" class="btn btn-outline-primary" data-toggle="modal"
  158. data-target="#modal">
  159. <span class="ing-editar ing-fw"></span>
  160. </button>
  161. </td>
  162. </tr>
  163. <?php
  164. }
  165. }
  166. ?>
  167. </tbody>
  168. </table>
  169. <div id="message"></div>
  170. </div>
  171. </div>
  172. </main>
  173. <!-- Footer -->
  174. <?php
  175. include "import/html_footer.php";
  176. ?>
  177. <!-- Modal -->
  178. <div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true">
  179. <div class="modal-dialog modal-dialog-centered" role="document">
  180. <div class="modal-content">
  181. <div class="modal-header">
  182. <h4 class="col-12 modal-title text-center">
  183. <span id="modalLable">
  184. Editar nombre de Materia
  185. </span>
  186. <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
  187. <span aria-hidden="true">&times;</span>
  188. </button>
  189. </h4>
  190. </div>
  191. <div class="modal-body">
  192. <form action="./action/action_materias_update.php" method="post" id="formaModal"
  193. onsubmit="return valida_campos()">
  194. <input type="hidden" name="id" id="id">
  195. <div class="form-box">
  196. <div class="form-group row">
  197. <label for="nombre" class="col-4 col-form-label">Nombre *</label>
  198. <div class="col-8">
  199. <input id="nombre" name="nombre" type="text" class="form-control" maxlength="100"
  200. readonly>
  201. </div>
  202. </div>
  203. <div class="form-group row">
  204. <label for="carrera" class="col-4 col-form-label">Carrera *</label>
  205. <div class="col-8">
  206. <select id="carrera" name="carrera" class="form-control">
  207. <?php
  208. foreach ($fs_carreras as $carrera) {
  209. echo '<option value="' . $carrera["carrera_id"] . '">' . $carrera["carrera_nombre"] . '</option>';
  210. }
  211. ?>
  212. </select>
  213. </div>
  214. </div>
  215. <div class="form-group row">
  216. <div class="offset-4 col-8">
  217. <button type="submit" class="btn btn-outline-primary" id="submitBtn" data-tipo="1">
  218. <span class="ing-aceptar ing-fw"></span> Guardar
  219. </button>
  220. <button type="reset" class="btn btn-outline-danger" data-dismiss="modal">
  221. <span class="ing-cancelar ing-fw"></span> Cancelar
  222. </button>
  223. </div>
  224. </div>
  225. </form>
  226. </div>
  227. </div>
  228. </div>
  229. </div>
  230. <script src="js/jquery.min.js"></script>
  231. <script src="js/bootstrap/bootstrap.min.js"></script>
  232. <script src="js/datalist.js"></script>
  233. <?php
  234. require_once 'js/messages.php';
  235. ?>
  236. <script>
  237. function valida_campos() {
  238. var error = false;
  239. if ($("#nombre").val() == "") {
  240. $("#nombre").addClass("is-invalid");
  241. error = true;
  242. } else {
  243. $("#nombre").removeClass("is-invalid");
  244. }
  245. if (error) {
  246. return false;
  247. } else {
  248. return true;
  249. }
  250. }
  251. <?php if ($facultad == -1 && !$user->admin) { ?>
  252. triggerMessage("No se encontraron materias en tu facultad", "Error");
  253. <?php } else if (!$fs_materias) { ?>
  254. triggerMessage("No se encontraron materias con estos datos", "Error");
  255. <?php } ?>
  256. $(document).on("click", ".btn-reset", function (event) {
  257. var forma = $(this).parents("form");
  258. forma.find("input[type=text]").val("");
  259. setDatalistFirst("#filter_carrera");
  260. forma.submit();
  261. });
  262. $('#modal').on('show.bs.modal', function (event) {
  263. var id = $(event.relatedTarget).parents("tr").data("id");
  264. $.ajax({
  265. url: "action/action_materias_select.php",
  266. type: "post",
  267. dataType: "json",
  268. data: {
  269. idmateria: id
  270. },
  271. success: function (result) {
  272. $("#nombre").val(result[0]["materia_nombre"]);
  273. $("#carrera").val(result[0]["carrera_id"]); // establecer el valor de la carrera
  274. $("#id").val(result[0]["materia_id"]);
  275. },
  276. error: function () {
  277. console.log("Error")
  278. }
  279. });
  280. });
  281. </script>
  282. </body>
  283. </html>