días_festivos.php 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438
  1. <?php
  2. require_once 'class/c_login.php';
  3. if (!isset($_SESSION['user'])){
  4. die(header('Location: index.php'));
  5. }
  6. //$user = unserialize($_SESSION['user']);
  7. $user = Login::get_user();
  8. $user->access();
  9. if ($user->acceso === null && !$user->admin){
  10. die(header('Location: index.php'));
  11. exit();
  12. }
  13. $periodo_rs = $db->querySingle('SELECT periodo_fecha_inicio, periodo_fecha_fin FROM periodo WHERE periodo_id = :periodo_id', [':periodo_id' => $user->periodo_id]);
  14. if(isset($_POST["fecha_ini"]) && $_POST["fecha_ini"]!=""){
  15. $fecha_ini_obj = DateTime::createFromFormat('d/m/Y', $_POST["fecha_ini"]);
  16. }else{
  17. $fecha_ini_obj = DateTime::createFromFormat('Y-m-d', $periodo_rs["periodo_fecha_inicio"]);
  18. }
  19. if(isset($_POST["fecha_fin"]) && $_POST["fecha_fin"]!=""){
  20. $fecha_fin_obj = DateTime::createFromFormat('d/m/Y', $_POST["fecha_fin"]);
  21. }else{
  22. $fecha_fin_obj = DateTime::createFromFormat('Y-m-d', $periodo_rs["periodo_fecha_fin"]);
  23. }
  24. $fecha_ini = $fecha_ini_obj->format('d/m/Y');
  25. $fecha_fin = $fecha_fin_obj->format('d/m/Y');
  26. unset($periodo_rs);
  27. $fs_dias_festivos = $db->query("SELECT d.diasfestivos_id, d.diasfestivos_dia , p.periodo_id , p.periodo_nombre, extract(dow from diasfestivos_dia) AS dia_id from diasfestivos d
  28. join periodo p on p.periodo_id = any (d.periodos_id) where diasfestivos_dia between :ini and :fin
  29. order by d.diasfestivos_dia DESC", [":ini"=> $fecha_ini_obj->format('Y-m-d'), ":fin"=>$fecha_fin_obj->format('Y-m-d')]);
  30. $dias_arr = array();
  31. foreach ($fs_dias_festivos as $dia){
  32. if(isset($dias_arr[$dia["diasfestivos_id"]])){
  33. $dias_arr[$dia["diasfestivos_id"]]["periodos"][] = array("periodo_id"=>$dia["periodo_id"], "periodo_nombre"=>$dia["periodo_nombre"]);
  34. }else{
  35. $dias_arr[$dia["diasfestivos_id"]] = array("diasfestivos_id"=>$dia["diasfestivos_id"], "diasfestivos_dia"=>$dia["diasfestivos_dia"], "dia_id"=>$dia["dia_id"],
  36. "periodos"=>array(array("periodo_id"=>$dia["periodo_id"], "periodo_nombre"=>$dia["periodo_nombre"]))
  37. );
  38. }
  39. }
  40. $dias_nombres=array("Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado");
  41. $write = true;
  42. $fs_periodos = $db->query("SELECT periodo_id, periodo_nombre, periodo_fecha_inicio, periodo_fecha_fin FROM periodo WHERE CURRENT_DATE < periodo_fecha_fin order by id_periodo_sgu");
  43. ?>
  44. <!DOCTYPE html>
  45. <html lang="en">
  46. <head>
  47. <title>Días festivos</title>
  48. <meta charset="utf-8">
  49. <meta http-equiv="content-type" content="text/plain; charset=UTF-8" />
  50. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  51. <?php
  52. include 'import/html_css_files.php';
  53. ?>
  54. <link rel="stylesheet" href="css/jquery-ui.css">
  55. <link rel="stylesheet" href="css/calendar.css">
  56. <link rel="stylesheet" href="css/toggle.css" type="text/css">
  57. <script src="js/scrollables.js" defer></script>
  58. <script>
  59. const write = <?= $write ? 'true' : 'false' ?>;
  60. </script>
  61. <script src="js/jquery.min.js"></script>
  62. <script src="js/bootstrap/popper.min.js"></script>
  63. <script src="js/bootstrap/bootstrap.min.js"></script>
  64. <script src="js/jquery-ui.js"></script>
  65. <script src="js/datepicker-es.js"></script>
  66. <script src="js/messages.js"></script>
  67. </head>
  68. <body style="display: block;">
  69. <?php
  70. include('include/constantes.php');
  71. include("import/html_header.php");
  72. html_header("Días festivos", "Sistema de gestión de checador");
  73. ?>
  74. <?= "<!-- $user -->" ?>
  75. <main class="container content marco content-margin" id="local-app">
  76. <section id="message"></section>
  77. <?php if($user->admin){ ?>
  78. <div class="col-12 text-right">
  79. <button type="button" class="btn btn-outline-secondary" data-toggle="modal" data-target="#modal" data-tipo="1"><span class="ing-mas ing-fw"></span> Agregar Día Festivo</button>
  80. </div>
  81. <?php } ?>
  82. <div id="message"></div>
  83. <form action="días_festivos.php" method="post" class="">
  84. <div class="form-box">
  85. <div class="form-group row">
  86. <label for="filter_fecha_ini" class="col-4 col-form-label">Fecha inicial</label>
  87. <div class="col-8 col-sm-4">
  88. <input id="filter_fecha_ini" name="fecha_ini" type="text" class="form-control date-picker" placeholder="dd/mm/aaaa" maxlength="10" required="required" readonly="" value="<?php echo $fecha_ini;?>">
  89. <div class="invalid-feedback">No es una fecha válida.</div>
  90. </div>
  91. </div>
  92. <div class="form-group row">
  93. <label for="filter_fecha_fin" class="col-4 col-form-label">Fecha final</label>
  94. <div class="col-8 col-sm-4">
  95. <input id="filter_fecha_fin" name="fecha_fin" type="text" class="form-control date-picker" placeholder="dd/mm/aaaa" maxlength="10" required="required" readonly="" value="<?php echo $fecha_fin;?>">
  96. <div class="invalid-feedback">No es una fecha válida.</div>
  97. </div>
  98. </div>
  99. <div class="col-12 text-center">
  100. <button type="submit" class="btn btn-outline-primary">
  101. <span class="ing-buscar ing-fw"></span>
  102. Filtrar
  103. </button>
  104. <button type="button" class="btn btn-outline-danger btn-reset">
  105. <span class="ing-borrar ing-fw"></span>
  106. Limpiar
  107. </button>
  108. </div>
  109. </div>
  110. </form>
  111. <!-- Tabla -->
  112. <?php
  113. if(count($dias_arr) > 0){ ?>
  114. <div class="row mt-3">
  115. <div class="col-12 table-responsive">
  116. <table class="table table-sm table-striped table-white">
  117. <thead class="thead-dark">
  118. <tr>
  119. <th>Día</th>
  120. <th>Periodo</th>
  121. <?php if($user->admin){ ?>
  122. <th>Acciones</th>
  123. <?php } ?>
  124. </tr>
  125. </thead>
  126. <tbody>
  127. <?php foreach($dias_arr as $dia){ ?>
  128. <tr data-id="<?= $dia['diasfestivos_id'] ?>" id="<?= $dia['diasfestivos_id'] ?>" data-periodo="1">
  129. <td class="text-center text-nowrap align-middle">
  130. <?php $day = explode("-", $dia['diasfestivos_dia']);
  131. echo $dias_nombres[$dia["dia_id"]]."<br>";
  132. echo $day[2]."/".$day[1]."/".$day[0];
  133. ?></td>
  134. <td>
  135. <ul class="mb-0">
  136. <?
  137. foreach($dia["periodos"] as $per){
  138. echo "<li>".$per['periodo_nombre']."</li>";
  139. }
  140. ?>
  141. </ul>
  142. </td>
  143. <?php if($user->admin){ ?>
  144. <td class="text-center icono-acciones align-middle">
  145. <a href="#" data-toggle="modal" data-target="#modal" data-tipo="2" title="Editar"><span class="ing-editar ing-fw"></span></a>
  146. <a href="#" data-toggle="modal" data-target="#modal_confirm" title="Borrar"><span class="ing-basura ing-fw"></span></a>
  147. </td>
  148. <?php } ?>
  149. </tr>
  150. <?php } ?>
  151. </tbody>
  152. </table>
  153. </div>
  154. </div>
  155. <?php } ?>
  156. </main>
  157. <!-- Footer -->
  158. <?php
  159. include "import/html_footer.php";
  160. ?>
  161. <!-- Modal -->
  162. <div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true">
  163. <div class="modal-dialog modal-dialog-centered" role="document">
  164. <div class="modal-content">
  165. <div class="modal-header">
  166. <h4 class="col-12 modal-title text-center">
  167. <span id="modalLabel">
  168. Editar Día Festivo
  169. </span>
  170. <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
  171. <span aria-hidden="true">&times;</span>
  172. </button>
  173. </h4>
  174. </div>
  175. <div class="modal-body">
  176. <form action="" method="post" id="formaModal" onsubmit="return valida_campos()">
  177. <input type="hidden" name="id" id="id">
  178. <div class="form-box">
  179. <div class="form-group row" id="rangoDiv">
  180. <label for="rango" class="col-3 col-form-label">Rango</label>
  181. <div class="col-8">
  182. <input type="checkbox" data-toggle="toggle" data-onstyle="success" data-offstyle="danger" data-on="SI" data-off="NO" data-size="s" id="rango" name="rango">
  183. </div>
  184. </div>
  185. <div class="form-group row" id="diasFestivos">
  186. <label for="diaFestivo" class="col-3 col-form-label">Día festivo *</label>
  187. <div class="col-4" id="dia">
  188. <input id="diaFestivo" name="diaFestivo" type="text" class="form-control date-picker" placeholder="dd/mm/aaaa" maxlength="10" required="required" readonly="">
  189. </div>
  190. <div class="col-1 diaFestivoRango">
  191. <span class="ing-menos pt-2"></span>
  192. </div>
  193. <div class="col-4 diaFestivoRango" id="diaFestivoRango">
  194. <input id="diaFestivoFin" name="diaFestivoFin" type="text" class="form-control date-picker" placeholder="dd/mm/aaaa" maxlength="10" required="required" readonly="">
  195. </div>
  196. <div class="invalid-feedback">Debe seleccionar una fecha</div>
  197. </div>
  198. <div class="form-group row" id="periodos">
  199. <label for="periodos" class="col-3 col-form-label">Periodos</label>
  200. <div class="col-9" style="overflow-y:auto; overflow-x:none; max-height:220px; font-size:80%">
  201. <?php
  202. foreach($fs_periodos as $per){
  203. ?>
  204. <div class="form-check form-check-inline" data-fechaini = "<?php echo $per["periodo_fecha_inicio"];?>" data-fechafin = "<?php echo $per["periodo_fecha_fin"];?>">
  205. <input class="form-check-input radio-lg " type="checkbox" id="check<?php echo $per["periodo_id"]?>" name="periodo[]" value="<?php echo $per["periodo_id"]?>">
  206. <label for="check<?php echo $per["periodo_id"]?>" class="col-form-label"><?php echo $per["periodo_nombre"]?></label>
  207. </div>
  208. <?php
  209. }
  210. ?>
  211. </div>
  212. </div>
  213. <div class="form-group row">
  214. <div class="offset-4 col-8">
  215. <button type="submit" class="btn btn-outline-primary" id="submitBtn" data-tipo="1">
  216. <span class="ing-aceptar ing-fw"></span> Guardar
  217. </button>
  218. <button type="reset" class="btn btn-outline-danger" data-dismiss="modal">
  219. <span class="ing-cancelar ing-fw"></span> Cancelar
  220. </button>
  221. </div>
  222. </div>
  223. </div>
  224. </form>
  225. </div>
  226. </div>
  227. </div>
  228. </div>
  229. <div class="modal fade" id="modal_confirm" tabindex="-1" role="dialog" aria-labelledby="modal_confirm" aria-hidden="true">
  230. <div class="modal-dialog modal-dialog-centered" role="document">
  231. <div class="modal-content">
  232. <div class="modal-body">
  233. <div class="row">
  234. <div class="col">
  235. <p class="font-weight-bold">¿Estás seguro de querer borrar el día festivo?</p>
  236. </div>
  237. </div>
  238. </div>
  239. <div class="modal-footer">
  240. <input type="hidden" id="id_borrar" value="">
  241. <button type="button" class="btn btn-outline-primary btn-borrar"><span class="ing-aceptar ing-fw"></span> Borrar</button>
  242. <button type="button" class="btn btn-outline-danger" data-dismiss="modal" aria-label="Close"><span class="ing-cancelar ing-fw"></span> Cancelar</button>
  243. </div>
  244. </div>
  245. </div>
  246. </div>
  247. <script src="js/jquery.min.js"></script>
  248. <script src="js/jquery-ui.js"></script>
  249. <script src="js/bootstrap/bootstrap.min.js"></script>
  250. <script src="js/datepicker-es.js"></script>
  251. <script src="js/toggle.js"></script>
  252. <?php
  253. require_once 'js/messages.php';
  254. ?>
  255. <script>
  256. $(document).on( "click", ".btn-reset", function(event){
  257. var forma = $(this).parents("form");
  258. forma.find("input[type=text]").val("");
  259. forma.submit();
  260. });
  261. $(document).ready(function(){
  262. $('.diaFestivoRango').hide();
  263. });
  264. $('#rango').change(function(){
  265. if($(this).is(':checked')){
  266. $('#diaFestivoFin').val('');
  267. $('.diaFestivoRango').show();
  268. $('#diaFestivoFin').datepicker("setDate", today);
  269. }
  270. else{
  271. $('.diaFestivoRango').hide();
  272. }
  273. });
  274. $('#modal_confirm').on('show.bs.modal', function(event){
  275. var button = $(event.relatedTarget);
  276. var id = button.parents("tr").data("id");
  277. $("#id_borrar").val(id);
  278. });
  279. $(".btn-borrar").click(function(){
  280. var id = $("#id_borrar").val();
  281. $.ajax({
  282. url: 'action/action_diasfestivos_borra.php',
  283. type: 'post',
  284. dataType: 'json',
  285. data:{id: id},
  286. success:function(result){
  287. location.reload();
  288. },
  289. error: function(){console.log("Error")}
  290. });
  291. });
  292. var today = new Date();
  293. $(".date-picker").datepicker($.datepicker.regional["es"]);
  294. $(".date-picker").datepicker({
  295. dateFormat: "dd/mm/yyyy",
  296. changeMonth: true,
  297. });
  298. <?php if(count($dias_arr) == 0){ ?>
  299. triggerMessage("No se encontraron días festivos", "Error");
  300. <?php } ?>
  301. function actualizaPeriodos(fechaOriginal){
  302. var partesFecha = fechaOriginal.split('/');
  303. var fechaFestivo = partesFecha[2]+"-"+partesFecha[1]+"-"+partesFecha[0];
  304. $.each($('#periodos .form-check'), function(){
  305. if(fechaFestivo>= $(this).data("fechaini") && fechaFestivo<= $(this).data("fechafin")){
  306. $(this).show();
  307. }else{
  308. $(this).find("input").prop("checked", false);
  309. $(this).hide();
  310. }
  311. });
  312. }
  313. //Cambio de fecha valida periodos activos para esa fecha
  314. $('#modal .date-picker').change(function(){
  315. actualizaPeriodos($(this).val());
  316. });
  317. $('#modal').on('show.bs.modal', function (event){
  318. var button = $(event.relatedTarget);
  319. var tipo = button.data('tipo');
  320. var modal = $(this);
  321. $("#formaModal .text-danger").removeClass("text-danger");
  322. $("#diaFestivoFin").removeClass("is-invalid");
  323. if(tipo==1){//agregar
  324. $('#modalLabel').html("Agregar Día Festivo");
  325. $('#submitBtn').data('tipo', 1);
  326. $('#diaFestivo').datepicker("setDate", today);
  327. $('#diaFestivoFin').datepicker("setDate", today);
  328. $('#rangoDiv').show();
  329. $('#dia').removeClass('col-9');
  330. $('#dia').addClass('col-4');
  331. actualizaPeriodos($("#diaFestivo").val());
  332. }
  333. else{
  334. $('#modalLabel').html("Editar Día Festivo");
  335. $('#submitBtn').data('tipo', 2);
  336. $('#rangoDiv').hide();
  337. $('#dia').removeClass('col-4');
  338. $('#dia').addClass('col-9');
  339. var id = $(event.relatedTarget).parents('tr').data('id');
  340. var periodo = $(event.relatedTarget).parents('tr').data('periodo');
  341. $.ajax({
  342. url:"action/action_diasfestivos_select.php",
  343. type:"post",
  344. dataType:"json",
  345. data:{id: id, periodo: periodo},
  346. success:function(result){
  347. console.log(result);
  348. $('#id').val(result['diasfestivos_id']);
  349. var date = new Date(result['diasfestivos_dia']);
  350. date.setDate(date.getDate() + 1);
  351. $('#diaFestivo').datepicker("setDate", date);
  352. },
  353. error: function(){console.log("Error")}
  354. });
  355. }
  356. });
  357. function valida_campos(){
  358. var error=false;
  359. $("#modal .text-danger").removeClass("text-danger");
  360. $("#diaFestivoFin").removeClass("is-invalid");
  361. if($("#diaFestivo").val()==""){
  362. $("#diaFestivo").addClass("is-invalid");
  363. error=true;
  364. }
  365. var inicio = $("#diaFestivo").val();
  366. var fin = $("#diaFestivoFin").val();
  367. var aux = inicio.split("/");
  368. inicio = aux[2] +"-"+ aux[1] +"-"+ aux[0];
  369. aux = fin.split("/");
  370. fin = aux[2] +"-"+ aux[1] +"-"+ aux[0];
  371. console.log(inicio);
  372. if((fin < inicio || fin == inicio) && $("#rango").is(':checked')){
  373. $('#diaFestivoFin').addClass("is-invalid");
  374. error=true;
  375. }
  376. if($("#modal .form-check-input:checked").length<=0){
  377. $("#modal .form-check-input").siblings().addClass("text-danger");
  378. error=true;
  379. }
  380. if(error){
  381. return false;
  382. }else{
  383. var btn = $("#submitBtn");
  384. if(btn.data("tipo") == 2){//update
  385. $("#formaModal").prop("action", "./action/action_diasfestivos_update.php");
  386. }
  387. else{//insert
  388. $("#formaModal").prop("action", "./action/action_diasfestivos_insert.php");
  389. }
  390. }
  391. }
  392. <?php if(isset($_GET['error'])){
  393. if($_GET['error'] == 1){ ?>
  394. triggerMessage("Este dia festivo ya existe", "Error");
  395. <?php }
  396. } ?>
  397. </script>
  398. </body>
  399. </html>