src/Noahtech/Sistemas/FuszionBundle/Resources/views/public/home/medicos/listado.html.twig line 1

Open in your IDE?
  1. {% extends '@NoahtechSistemasFuszion/Default/base_inicio.html.twig' %}
  2. {% block title %}
  3.     Consejo Medico Jujuy | Home
  4. {% endblock %}
  5. {% block header %}
  6.     {% include '@NoahtechSistemasFuszion/Default/header.html.twig' %}
  7. {% endblock %}
  8. {% block stylesheets %}    
  9.     <link href="{{asset('app/node_modules/select2/dist/css/select2.min.css')}}" rel="stylesheet">
  10. {% endblock %}
  11. {% block body %}
  12. <seccion>
  13.     <div class="row" data-ng-controller="MedicosListadoController" data-ng-init="init({{data|json_encode()}})">
  14.             <div class="col-12">
  15.                 <div class="card">
  16.                     <div class="card-body">
  17.                         <div class="row">
  18.                             <div class="col-md-6">
  19.                                 <h5 class="card-title">Listado de Médicos</h5>
  20.                             </div>
  21.                             <div class="col-md-6" style="text-align: right;">
  22.                                 <a href="{{ path('public_inicio') }}" class="btn btn-dark">Volver</a>
  23.                             </div>
  24.                         </div>                        
  25.                         <br/>
  26.                         <div class="accordion" id="accordionExample">
  27.                             <div class="accordion-item">
  28.                                 <h2 class="accordion-header" id="headingOne">                                
  29.                                     <button class="accordion-button" style="background-color: #00aef0;color: white;" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
  30.                                         Búsqueda por filtros - Resultados encontrados: {[{paramPagination.totalItems}]}
  31.                                     </button>
  32.                                 </h2>
  33.                                 <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
  34.                                     <div class="accordion-body">
  35.                                         <div class="card">
  36.                                             <form style="margin-top: 40px; margin-bottom: 20px">
  37.                                                 <div class="row">
  38.                                                     <div class="col">
  39.                                                         <div class="form-group row">
  40.                                                             <label for="usuario" class="col-md-1 col-xs-12 col-form-label">Apellido</label>
  41.                                                             <div class="col-md-4 col-xs-6">
  42.                                                                 <input ng-enter="fetchResult()" type="text" name="nombre" class="form-control" id="nombre" data-ng-model="filterCriteria.nombre" placeholder="Apellido del Médico">
  43.                                                             </div>
  44.                                                             <label for="especialidad" class="col-sm-2 col-form-label">Especialidad</label>
  45.                                                             <div class="col-sm-3">
  46.                                                                 <select id="especialidad" name="especialidad" class="form-control">
  47.                                                                 </select>
  48.                                                             </div>
  49.                                                         </div>
  50.                                                     </div>
  51.                                                 </div>
  52.                                                 <div style="text-align: right;">
  53.                                                     <button data-ng-click="clear()" class="btn btn-secondary" >Limpiar</button>
  54.                                                     <button data-ng-click="fetchResult(true)" class="btn btn-primary" style="background-color: #00aef0; border: 1px solid #00aef0;" >Buscar</button>                                                    
  55.                                                 </div>
  56.                                             </form>
  57.                                         </div>
  58.                                     </div>
  59.                                 </div>
  60.                             </div>
  61.                         </div>
  62.                         <br/>
  63.                         <div class="table-responsive">
  64.                             <table id="zero_config" class="table table-striped table-bordered">
  65.                                 <thead>
  66.                                     <tr>
  67.                                         <th><b>Matrícula</b></th>
  68.                                         <th><b>Nombre Completo</b></th>
  69.                                         <th><b>Especialidad 1</b></th>                                        
  70.                                         <th><b>Especialidad 2</b></th>
  71.                                         <th><b>Dirección Consultorio</b></th>
  72.                                         <th><b>Localidad</b></th>
  73.                                     </tr>
  74.                                 </thead>
  75.                                 <tbody>
  76.                                     <tr data-ng-repeat="m in medicos">
  77.                                         <td>{[{m.matricula}]}</td>
  78.                                         <td>{[{m.nombre_completo}]}</td>
  79.                                         <td>{[{m.especialidad1}]}</td>
  80.                                         <td>{[{m.especialidad2}]}</td>
  81.                                         <td>{[{m.domicilio_profesional}]}</td>
  82.                                         <td>{[{m.localidad_profesional}]}</td>                                        
  83.                                     </tr>
  84.                                     <tr data-ng-if="medicos.length === 0">
  85.                                         <td colspan="6" style=" text-align: center; color: grey;">No hay médicos registrados.</td>
  86.                                     </tr>
  87.                                 </tbody>                      
  88.                             </table>
  89.                             <div class="row" data-ng-if="medicos.length > 0">                                
  90.                                 <ul class="page col justify-content-center text-center"
  91.                                     uib-pagination
  92.                                     max-size="3"
  93.                                     boundary-link-numbers="true"
  94.                                     rotate="false"
  95.                                     first-text="&laquo;"
  96.                                     last-text="&raquo;"
  97.                                     items-per-page= "paramPagination.itemsPerPage"
  98.                                     total-items="paramPagination.totalItems"
  99.                                     previous-text="Anterior"
  100.                                     next-text="Siguiente"
  101.                                     data-ng-model="paramPagination.page"
  102.                                     data-ng-change="pageChanged('fetchResult')" >
  103.                                 </ul>
  104.                             </div>
  105.                         </div>
  106.                     </div>
  107.                 </div>
  108.             </div>
  109.         </div>
  110.         <br/>
  111.     {% include '@NoahtechSistemasFuszion/Default/footer.html.twig' %}
  112. </seccion>
  113. {% endblock %}
  115. {% block javascripts %}
  116.     <script type="text/javascript" src="{{asset('app/node_modules/select2/dist/js/select2.min.js')}}"></script>    
  117.     <script type="text/javascript" src="{{asset('app/js/controllers/inicioController.js')}}"></script>
  118.     <script type="text/javascript" src="{{asset('app/js/services/inicioService.js')}}"></script>
  119. {% endblock %}