templates/preparacion/index_terapia.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Preparacion{% endblock %}
  5. {% block body %}
  6. {{ form_start(form) }}
  7.     <h3><b>Terapias</b></h3>
  8.     <div class="col-md-12">
  9.         {{ include('preparacion/buscar_new.html.twig', {'button_label': 'Buscar'}) }}
  10.     </div>
  11.     <div class="table-responsive">
  12.         <table class="table table-bordered table-hover table-sm">
  13.             <thead class="thead-light">
  14.                 <tr>
  15.                     <th>No</th>
  16.                     <th>{{ knp_pagination_sortable(agendas, 'Hora', 'a.inicio') }}</th>
  17.                     <th>{{ knp_pagination_sortable(agendas, 'Paciente', 'paciente') }}</th>
  18.                     <th>{{ knp_pagination_sortable(agendas, 'Doctor', 'doctor') }}</th>
  19.                     <th>{{ knp_pagination_sortable(agendas, 'Tipo', 'procedimiento') }}</th>
  20.                     <th>Atendido</th>
  21.                 </tr>
  22.             </thead>
  23.             <tbody>
  24.             {% for agenda in agendas %}
  25.                 <tr class="">
  26.                     <td>{{ loop.index }}</td>
  27.                     <td>{{ agenda.inicio|date('d/m/Y H:i') }}</td>
  28.                     <td>{{ agenda.paciente }}</td>
  29.                     <td>{{ agenda.doctor }} </td>
  30.                     <td>{{ agenda.procedimiento }}</td>
  31.                     
  32.                     <td class="text-center">
  33.                         <input type="checkbox"
  34.                             class="chk-realizado"
  35.                             data-id="{{ agenda.agenda.id }}"
  36.                             onchange="marcarRealizado(this)"
  37.                             {% if agenda.agenda.historiaClinica != null %} disabled checked {% endif %}
  38.                         >
  39.                     </td>
  40.                 </tr>
  41.             {% else %}
  42.                 <tr>
  43.                     <td colspan="7" class="text-center text-muted">
  44.                         No hay registros
  45.                     </td>
  46.                 </tr>
  47.             {% endfor %}
  48.             </tbody>
  49.         </table>
  50.     </div>    
  52. <div class="mt-3">
  53.     {{ knp_pagination_render(agendas) }}
  54. </div>
  56. <script>
  57. function marcarRealizado(checkbox) {
  59.     if (!checkbox.checked) {
  60.         return;
  61.     }
  63.     if (!confirm('¿Marcar como realizado?')) {
  64.         checkbox.checked = false;
  65.         return;
  66.     }
  68.     const agendaId = checkbox.dataset.id;
  70.     fetch('{{ path("preparacion_terapia_lista", {id: 0}) }}'.replace('/0', '/' + agendaId), {
  71.         method: 'GET',
  72.         
  73.     })
  74.     .then(response => response.json())
  75.     .then(data => {
  76.         if (data.estado === 'ok') {
  77.             checkbox.disabled = true;
  78.         } else {
  79.             alert('No se pudo marcar como realizado');
  80.             checkbox.checked = false;
  81.         }
  82.     })
  83.     .catch(() => {
  84.         alert('Error de conexión');
  85.         checkbox.checked = false;
  86.     });
  87. }
  88. </script>
  90. {% endblock %}