templates/consola/panel_admin/empleado/familiar/empleado_familiares.html.twig line 1

Open in your IDE?
  1. {% extends 'consola/panel_admin/base_database.html.twig' %}
  3. {% block body %}
  4.     <!-- Content Header (Page header) -->
  5.     <div class="content-header">
  6.         <div class="container-fluid">
  7.           <div class="row mb-2">
  8.             <div class="col-sm-6">
  9.               <h1 class="m-0 text-dark">
  10.                   Familia de {{ empleado_nombre }}
  11.               </h1>
  12.             </div><!-- /.col -->
  13.             <div class="col-sm-6">
  14.                 <ol class="breadcrumb float-sm-right">
  15.                   <li class="breadcrumb-item" ><a href="{{ path("empleado_menu",{'id' : empleado_id}) }}">Menu</a></li>
  16.                   <li class="breadcrumb-item active">Familia</li>
  17.                 </ol>
  18.               </div><!-- /.col -->
  19.           </div><!-- /.row -->
  20.         </div><!-- /.container-fluid -->
  21.       </div>
  22.       <!-- /.content-header -->
  24.           <!-- /.content-header -->
  25.     <div class="row px-md-5 px-sm-3 px-3 pt-4">
  26.         <div class="col">
  27.             
  28.             <a href="javascript:void(0)" onclick="buscar_familiar({{ empleado_id }})"  class="btn btn-sm btn-primary rounded-pill px-lg-3 float-right">
  29.                 <i class="fas fa-plus"></i>
  30.                 <span class="d-none d-sm-none d-md-none d-lg-inline"> Agregar Familiar</span>
  31.             </a>
  32.         </br></br>
  34.               <table class="table border rounded bg-white" id='tabla'>
  35.                 <thead>
  36.                     <tr>
  37.                         <th>Foto</th>
  38.                         <th>Nombre</th>
  39.                         <th>Dni</th>
  40.                         <th>Parentesco</th>
  41.                         <th>Estado</th>
  42.                         <th>Acciones</th>
  43.                     </tr>
  44.                 </thead>
  45.                 <tbody>
  46.                 {% for familiar in arrayFamiliares %}
  47.                     <tr>
  48.                         <td>
  49.                             {% if familiar['foto'] != null %}
  50.                                 <img src="{{ asset('img/familiar/' ~ familiar['foto']) }}" class="img-circle" width="35" height="35"  />
  51.                             {% else %}   
  52.                                 <img src="{{ asset('img/user/user.jpg') }}" class="img-circle" width="35" height="35" />
  53.                             {% endif %}
  54.                         </td>
  55.                         <td>{{ familiar['nombre'] }}</td>
  56.                         <td>{{ familiar['dni'] }}</td>
  57.                         <td>{{ familiar['parentesco'] }}</td>
  58.                         <td>     
  59.                                 {% if familiar['estado'] != true %}
  60.                                      Inactivo
  61.                                 {% else %}
  62.                                      Activo
  63.                                 {% endif %}
  64.                         </td>
  65.                         <td>
  66.                             <a href="{{ path('familiar_menu', {'id': familiar['id']}) }}" class="btn btn-sm btn-primary rounded-pill px-lg-3"><span class="d-none d-sm-none d-md-none d-lg-inline"><i class="fas fa-server"></i> Info </span></a>
  67.                         </td>
  68.                     </tr>
  69.                 {% else %}
  70.                     <tr>
  71.                         <td colspan="6">No hay resultados</td>
  72.                     </tr>
  73.                 {% endfor %}
  74.                 </tbody>
  75.             </table>
  76.         </div>
  77.     </div>
  78. {% endblock %}
  79. {% block javascripts %}
  81.     <script type="text/javascript">
  82.         async function buscar_familiar(ID){
  83.             const { value: text } = await Swal.fire({
  84.             input: 'text',
  85.             inputLabel: 'DNI',
  86.             inputPlaceholder: 'Ingrese el DNI (solo numeros) del familiar.',
  87.             inputAttributes: {
  88.                 'aria-label': 'Ingrese el DNI (solo numeros) del familiar.',
  89.                 'max_length': 8,
  90.                 'min_length': 8,
  91.             },
  92.             showCancelButton: true
  93.             })
  95.             if (text) {
  96.                 var path = "{{ path('buscar_familiar') }}";
  97.                 $.ajax({
  98.                     url: path,
  99.                     type: 'POST',
  100.                     data: 'dni='+text+'&empleado_id='+ID, 
  101.                     success: function(data) {
  102.                       if(data[0]['status'] == 'success'){
  103.                         Swal.fire({
  104.                             position: 'top-center',
  105.                             icon: 'success',
  106.                             title: data[0]['text'],
  107.                             showConfirmButton: false,
  108.                             timer: 3000
  109.                         })           
  110.                         location.reload();
  111.                       }else{
  112.                         if(data[0]['status'] == 'empty'){
  113.                             //redirecciono al form
  114.                             var route = "{{ path('app_familiar_new', { 'id': "PLACEHOLDER" }) }}";
  115.                             window.location = route.replace("PLACEHOLDER", ID);
  116.                         }else{
  117.                           Swal.fire('Oops...', data[0]['text'], 'error');
  118.                         }
  119.                       }
  120.                     }
  121.                 })
  122.             }
  123.         }
  127.         $(document).ready(function() {
  128.             var table = $('#tabla').DataTable( {
  129.                 "language": {
  130.                     "url": "https://cdn.datatables.net/plug-ins/1.10.21/i18n/Spanish.json"
  131.                 },
  133.                 "dom": 'B<"float-left"i><"float-right"f>t<"float-left"l><"float-right"p><"clearfix">',
  134.                 buttons: [
  135.                     {
  136.                         extend:     'excelHtml5',
  137.                         text:       '<i class="fa fa-file-excel"></i>',
  138.                         titleArttr: 'Exportar a Excel',
  139.                         title: 'Familiares',
  140.                         className:  'btn btn-primary',
  141.                         exportOptions: {
  142.                                 columns: [ 1, 2, 3, 4 ]
  143.                             }
  144.                     },
  145.                     {
  146.                         extend:     'pdfHtml5',
  147.                         text:       '<i class="fa fa-file-pdf"></i>',
  148.                         titleArttr: 'Exportar a PDF',
  149.                         title: 'Familiares',
  150.                         orientation: 'landscape',
  151.                         pageSize: 'LEGAL',
  152.                         className:  'btn btn-primary',
  153.                         exportOptions: {
  154.                             columns: [ 1, 2, 3, 4 ]
  155.                             }
  156.                     },
  157.                     {
  158.                         extend:     'print',
  159.                         text:       '<i class="fa fa-print"></i>',
  160.                         titleArttr: 'Imprimir',
  161.                         title: 'Familiares',
  162.                         className:  'btn btn-primary',
  163.                         exportOptions: {
  164.                             columns: [ 1, 2, 3, 4 ]
  165.                             },
  166.                             customize: function ( win ) {
  167.                                 $(win.document.body)
  168.                                     .css( 'font-size', '8pt' )      
  169.                                 $(win.document.body).find( 'table' )
  170.                                     .addClass( 'compact' )
  171.                                     .css( 'font-size', 'inherit' );
  172.                             }
  173.                     },
  174.                 ],
  176.             } );
  177.         
  178.             table.buttons().container()
  179.                 .appendTo( '#tabla_wrapper .col-md-6:eq(0)' );
  181.         } );
  182.     </script>
  183.     {{ parent() }}
  185. {% endblock javascripts %}