roles.php 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
  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. header('Location: main.php?error=1');
  8. }else{
  9. $user->print_to_log('Roles');
  10. }
  11. $fac = $user->facultad['facultad_id'] ?? -1;
  12. if($user->admin){
  13. $fac=null;
  14. }
  15. echo $fac;
  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>Roles</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. "ROLES",
  32. "Gestión de Checador "
  33. );
  34. $user->access();
  35. $fs_roles = $db->orderBy('rol_titulo')->get('rol');
  36. ?>
  37. <main class="content marco">
  38. <?php if($user->acceso == 'w'){?>
  39. <div class="col-12 text-right">
  40. <button type="button" class="btn btn-outline-secondary" data-toggle="modal" data-target="#modal" data-tipo="1"><span class="ing-mas ing-fw"></span> Crear Rol</button>
  41. </div>
  42. <?php } ?>
  43. <!-- Filtro -->
  44. <!-- Tabla -->
  45. <div class="row mt-3">
  46. <div class="col-12 table-responsive">
  47. <table class="table table-sm table-striped table-white">
  48. <thead class="thead-dark">
  49. <th>Título</th>
  50. <?php if($user->acceso == 'w'){?>
  51. <th>Acciones</th>
  52. <?php }?>
  53. </thead>
  54. <tbody>
  55. <?php foreach($fs_roles as $rol){ ?>
  56. <tr data-id="<?= $rol['rol_id'] ?>" id="<?= $rol['rol_id'] ?>">
  57. <td class="text-center"><?= $rol['rol_titulo'] ?></td>
  58. <?php if($user->acceso == 'w'){?>
  59. <td class="text-center icono-acciones">
  60. <a href="#" data-toggle="modal" data-target="#modal" data-tipo="2" title="Editar"><span class="ing-editar ing-fw"></span></a>
  61. </td>
  62. <?php }?>
  63. </tr>
  64. <?php }?>
  65. </tbody>
  66. </table>
  67. </div>
  68. </div>
  69. </main>
  70. <!-- Footer -->
  71. <?php
  72. include "import/html_footer.php";
  73. ?>
  74. <!-- Modal -->
  75. <div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true">
  76. <div class="modal-dialog modal-dialog-centered" role="document">
  77. <div class="modal-content">
  78. <div class="modal-header">
  79. <h4 class="col-12 modal-title text-center">
  80. <span id="modalLabel">
  81. Editar datos del Rol
  82. </span>
  83. <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
  84. <span aria-hidden="true">&times;</span>
  85. </button>
  86. </h4>
  87. </div>
  88. <div class="modal-body">
  89. <form action="" method="post" id="formaModal" onsubmit="return valida_campos()">
  90. <input type="hidden" name="id" id="id">
  91. <input type="hidden" name="mfacultad" id="mfacultad">
  92. <div class="form-box">
  93. <div class="form-group row">
  94. <label for="mtitulo" class="col-4 col-form-label">Titulo *</label>
  95. <div class="col-8">
  96. <input type="text" id="mtitulo" name="mtitulo" class="form-control" maxlength="75">
  97. <div class="invalid-feedback" id="mtitulo-error">
  98. Campo obligatorio
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. <div class="form-group row">
  104. <div class="offset-4 col-8">
  105. <button type="submit" class="btn btn-outline-primary" id="submitBtn" data-tipo="1">
  106. <span class="ing-aceptar ing-fw"></span> Guardar
  107. </button>
  108. <button type="reset" class="btn btn-outline-danger" data-dismiss="modal">
  109. <span class="ing-cancelar ing-fw"></span> Cancelar
  110. </button>
  111. </div>
  112. </div>
  113. </form>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. <script src="js/jquery.min.js"></script>
  119. <script src="js/bootstrap/bootstrap.min.js"></script>
  120. <?php
  121. require_once 'js/messages.php';
  122. ?>
  123. <script>
  124. $('#modal').on('show.bs.modal', function (event){
  125. var button = $(event.relatedTarget);
  126. var tipo = button.data('tipo');
  127. var modal = $(this);
  128. $('#mtitulo').removeClass("is-invalid");
  129. if(tipo==1){//crear
  130. $('#modalLabel').html("Crear Rol");
  131. $('#mtitulo').val("");
  132. $('#submitBtn').data('tipo', 1);
  133. $('#id').val("");
  134. $('#mfacultad').val("");
  135. }
  136. else{//editar
  137. var id= $(event.relatedTarget).parents('tr').data('id');
  138. var fac=$(event.relatedTarget).parents('tr').data('facultad');
  139. $('#modalLabel').html("Editar Rol");
  140. $('#id').val(id);
  141. $('#mfacultad').val(fac);
  142. $('#submitBtn').data('tipo', 2);
  143. $("#mtitulo").removeClass("is-invalid");
  144. $.ajax({
  145. url:"action/action_roles_select.php",
  146. type:"post",
  147. dataType:"json",
  148. data: {rol: id},
  149. success:function(result){
  150. console.log(result);
  151. $('#mtitulo').val(result['rol_titulo']);
  152. },
  153. error: function(){
  154. console.log("Error");
  155. }
  156. });
  157. }
  158. });
  159. function valida_campos(){
  160. var error=false;
  161. if($('#mtitulo').val()==""){
  162. $('#mtitulo').addClass("is-invalid");
  163. $('#mtitulo-error').html("Campo obligatorio");
  164. error=true;
  165. }else{
  166. $('#mtitulo').removeClass("is-invalid");
  167. }
  168. if($('#mtitulo').val()[0]==" "){
  169. $('#mtitulo').addClass("is-invalid");
  170. $('#mtitulo-error').html("No puede tener espacios al inicio");
  171. error=true;
  172. }
  173. if(error==true){
  174. return false;
  175. }else{
  176. var btn = $('#submitBtn');
  177. if(btn.data('tipo')==2)//update
  178. $("#formaModal").prop("action", "./action/action_roles_update.php");
  179. else//insert
  180. $('#formaModal').prop('action', './action/action_roles_insert.php');
  181. }
  182. }
  183. </script>
  184. </body>
  185. </html>