templates/backOffice/assays/index.html.twig line 1

Open in your IDE?
  1. {% extends 'backOffice/baseAuthenticated.html.twig' %}
  3. {% import 'backOffice/util/_paginationHelpers.html.twig' as paginationHelpers %}
  4. {% import 'backOffice/assays/_helpers.html.twig' as assayHelpers %}
  6. {% if customer is not null %}
  7.     {% set page_title %}
  8.         Assays for
  9.         <span class="text-black-50">{{ customer.firstName }} {{ customer.lastName }}</span>
  10.     {% endset %}
  11. {% else %}
  12.     {% set page_title = "Assays" %}
  13. {% endif %}
  15. {% if protocol is not null %}
  16.     {% set page_title %}
  17.         {{ page_title }}<br/>
  18.         <small>
  19.             Protocol <span class="text-black-50">{{ protocol.sku }}</span>
  20.         </small>
  21.     {% endset %}
  22. {% endif %}
  24. {% if qrData is not null %}
  25.     {% set page_title %}
  26.         {{ page_title }}<br/>
  27.         <small>
  28.             Assays for <span class="text-black-50">{{ qrData.email }}</span>
  29.         </small>
  30.     {% endset %}
  31. {% endif %}
  34. {#% block actions %}
  35.     <a type="button"
  36.        class="btn btn-outline-primary"
  37.        href="#"
  38.        data-toggle="collapse"
  39.        data-target="#collapseFilters">
  41.         <span class="fa fa-filter"></span>
  42.         Filter
  43.     </a>
  44. {% endblock %}
  46. {% block filters %}
  48.     <div class="row">
  49.         <div class="col-md-4">
  50.             <div class="form-group">
  51.                 <label for="SKU">Protocol SKU</label>
  52.                 <input type="text" class="form-control" id="SKU" placeholder="Search by SKU...">
  53.             </div>
  54.         </div>
  55.         <div class="col-md-4">
  56.             <div class="form-group">
  57.                 <label for="customer">Customer</label>
  58.                 <input type="text" class="form-control" id="SKU" placeholder="Search by client name...">
  59.             </div>
  60.         </div>
  61.         <div class="col-md-3">
  62.             <div class="form-group">
  63.                 <label for="date">Date</label>
  64.                 <input type="date" class="form-control" id="date" placeholder="DD/MM/YYYY">
  65.             </div>
  66.         </div>
  67.         <div class="col-md-1">
  68.             <div class="form-group">
  69.                 <label>&nbsp;</label>
  70.                 <button type="submit" class="btn btn-primary">
  71.                     <span class="fa fa-search"></span>
  72.                 </button>
  73.             </div>
  74.         </div>
  75.     </div>
  76. {% endblock %#}
  78. {% block actions %}
  80.     <a class="btn btn-primary"
  81.        href="{{ path('app_backoffice_assaydownload_index', {'_format': 'csv'})}}">
  82.         Download Assays
  83.     </a>
  84. {% endblock %}
  87. {% block body %}
  90.     {{ form_start(filterForm) }}
  91.     {{ include('backOffice/assays/_form.html.twig', {'filterForm': filterForm}) }}
  92.     <div class="row mt-3">
  93.         <div class="col-auto">
  94.             {{ form_row(filterForm.submit,{ 'label': 'Search', 'attr': {'class': 'btn btn-primary'} }) }}
  95.         </div>
  96.         <div class="col-auto">
  97.             <a class="btn btn-primary"
  98.                href="{{ path('app_backoffice_assays_index')}}">
  99.                 Clear Filters
  100.             </a>
  101.         </div>
  103.     </div>
  105.     {{ form_end(filterForm) }}
  106.     {{ paginationHelpers.showing_label(assays) }}
  107.     <hr>
  108.     <div class="card card-table">
  109.         <div class="table-responsive">
  110.             <table class="table table-striped table-borderless mb-0">
  111.                 <thead>
  112.                 <tr>
  113.                     <th>ID</th>
  114.                     <th>SKU</th>
  115.                     <th>Batch</th>
  116.                     <th>Sample ID</th>
  117.                     <th>MAC ID</th>
  118.                     <th>Date</th>
  119.                     <th>Status</th>
  120.                     <th></th>
  121.                 </tr>
  122.                 </thead>
  123.                 <tbody class="no-border-x">
  124.                 {% for assay in assays.items %}
  125.                     <tr>
  126.                         <td>{{ assay.assayId }}</td>
  127.                         <td>
  128.                             {{ assay.protocol.sku }}
  129.                             {% if protocol is not null %}
  130.                                 (v{{ assay.protocol.version }})
  131.                             {% endif %}
  132.                         </td>
  133.                         <td>{{ assay.batch }}</td>
  134.                         <td>{{ assay.sampleId }}</td>
  135.                         <td>{{ assay.hardwareVersion }}</td>
  136.                         <td>{{ assay.createdAt | date }}</td>
  137.                         <td>{{ assayHelpers.assay_status_or_result(assay) }}</td>
  138.                         <td class="text-right">
  139.                             <a
  140.                                     href="{{ path('app_backoffice_assays_get', {'assayId': assay.assayId}) }}"
  141.                                     data-toggle="tooltip"
  142.                                     data-placement="left"
  143.                                     data-title="View">
  145.                                 <span class="fa fa-eye"></span>
  146.                             </a>
  147.                         </td>
  148.                     </tr>
  149.                 {% endfor %}
  150.                 </tbody>
  151.             </table>
  152.         </div>
  153.     </div>
  155.     {{ pagination_render(assays) }}
  157. {% endblock %}