materias.php 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306
  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. <small>(<?= $materia["clave_materia"]; ?>)</small>
  152. <?= $materia["materia_nombre"]; ?>
  153. </td>
  154. <td class="text-primary">
  155. <?= $materia["carrera_nombre"]; ?>
  156. </td>
  157. <td>
  158. <button type="button" class="btn btn-outline-primary" data-toggle="modal"
  159. data-target="#modal">
  160. <span class="ing-editar ing-fw"></span>
  161. </button>
  162. </td>
  163. </tr>
  164. <?php
  165. }
  166. }
  167. ?>
  168. </tbody>
  169. </table>
  170. <div id="message"></div>
  171. </div>
  172. </div>
  173. </main>
  174. <!-- Footer -->
  175. <?php
  176. include "import/html_footer.php";
  177. ?>
  178. <!-- Modal -->
  179. <div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true">
  180. <div class="modal-dialog modal-dialog-centered" role="document">
  181. <div class="modal-content">
  182. <div class="modal-header">
  183. <h4 class="col-12 modal-title text-center">
  184. <span id="modalLable">
  185. Editar nombre de Materia
  186. </span>
  187. <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
  188. <span aria-hidden="true">&times;</span>
  189. </button>
  190. </h4>
  191. </div>
  192. <div class="modal-body">
  193. <form action="./action/action_materias_update.php" method="post" id="formaModal"
  194. onsubmit="return valida_campos()">
  195. <input type="hidden" name="id" id="id">
  196. <div class="form-box">
  197. <div class="form-group row">
  198. <label for="nombre" class="col-4 col-form-label">Nombre *</label>
  199. <div class="col-8">
  200. <input id="nombre" name="nombre" type="text" class="form-control" maxlength="100"
  201. readonly>
  202. </div>
  203. </div>
  204. <div class="form-group row">
  205. <label for="carrera" class="col-4 col-form-label">Carrera *</label>
  206. <div class="col-8">
  207. <select id="carrera" name="carrera" class="form-control">
  208. <?php
  209. foreach ($fs_carreras as $carrera) {
  210. echo '<option value="' . $carrera["carrera_id"] . '">' . $carrera["carrera_nombre"] . '</option>';
  211. }
  212. ?>
  213. </select>
  214. </div>
  215. </div>
  216. <div class="form-group row">
  217. <div class="offset-4 col-8">
  218. <button type="submit" class="btn btn-outline-primary" id="submitBtn" data-tipo="1">
  219. <span class="ing-aceptar ing-fw"></span> Guardar
  220. </button>
  221. <button type="reset" class="btn btn-outline-danger" data-dismiss="modal">
  222. <span class="ing-cancelar ing-fw"></span> Cancelar
  223. </button>
  224. </div>
  225. </div>
  226. </form>
  227. </div>
  228. </div>
  229. </div>
  230. </div>
  231. <script src="js/jquery.min.js"></script>
  232. <script src="js/bootstrap/bootstrap.min.js"></script>
  233. <script src="js/datalist.js"></script>
  234. <?php
  235. require_once 'js/messages.php';
  236. ?>
  237. <script>
  238. function valida_campos() {
  239. var error = false;
  240. if ($("#nombre").val() == "") {
  241. $("#nombre").addClass("is-invalid");
  242. error = true;
  243. } else {
  244. $("#nombre").removeClass("is-invalid");
  245. }
  246. if (error) {
  247. return false;
  248. } else {
  249. return true;
  250. }
  251. }
  252. <?php if ($facultad == -1 && !$user->admin) { ?>
  253. triggerMessage("No se encontraron materias en tu facultad", "Error");
  254. <?php } else if (!$fs_materias) { ?>
  255. triggerMessage("No se encontraron materias con estos datos", "Error");
  256. <?php } ?>
  257. $(document).on("click", ".btn-reset", function (event) {
  258. var forma = $(this).parents("form");
  259. forma.find("input[type=text]").val("");
  260. setDatalistFirst("#filter_carrera");
  261. forma.submit();
  262. });
  263. $('#modal').on('show.bs.modal', function (event) {
  264. var id = $(event.relatedTarget).parents("tr").data("id");
  265. $.ajax({
  266. url: "action/action_materias_select.php",
  267. type: "post",
  268. dataType: "json",
  269. data: {
  270. idmateria: id
  271. },
  272. success: function (result) {
  273. $("#nombre").val(result[0]["materia_nombre"]);
  274. $("#carrera").val(result[0]["carrera_id"]); // establecer el valor de la carrera
  275. $("#id").val(result[0]["materia_id"]);
  276. },
  277. error: function () {
  278. console.log("Error")
  279. }
  280. });
  281. });
  282. </script>
  283. </body>
  284. </html>