templates/forms/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}List inspections{% endblock %}
  4. {% block pagetitle %}List inspections <span class="float-right d-none" id="brand">Brand: <span class="brand-name">-</span></spane> &#8212; <a href="{{ path('homepage') }}">Change</a></span>{% endblock %}
  6. {% block body %}
  8.     <p>
  9.         <a class="btn btn-primary" href="{{ path('forms_form') }}">Create new inspection</a>
  10.         <button class="d-none btn btn-secondary float-right" id="btn-sync-forms"  href="#">Upload inspections</button>
  11.     </p>
  13.     <div class="alert alert-info d-none display-offline">
  14.         <i class="fas fa-info-circle"></i> You currently have no internet connection. 
  15.         Inspections will be temporarily saved to your device and will show below, but will only be uploaded and printable when you re-connect to the internet
  16.     </div>
  18.     <form id="form-filter" class="form-inline mt-4 mb-4">
  19.         <label for="filter" class="text-sm">Search</label>
  20.         <input type="text" class="form-control form-control-sm mx-1" name="filter" id="filter" />
  21.         <button class="btn btn-sm btn-secondary">Search</button>
  22.         <button class="btn btn-sm btn-link" id="filter-reset">Clear</button>
  23.     </form>
  25.     {# <h3 class="h6 mt-5 mb-3">Saved Forms</h3> #}
  26.     <div class="table-responsive">
  27.     <table class="table" id="forms">
  28.         <thead>
  29.             <tr>
  30.                 <th>Date</th>
  31.                 <th>Property Name</th>
  32.                 <th>Total Score</th>
  33.                 <th>Star rating</th>
  34.                 <th>Status</th>
  35.                 <th>Actions</th>
  36.             </tr>
  37.         </thead>
  38.         <tbody>
  39.         {# {% for f in forms %}
  40.             <tr>
  41.                 <td>{% if f.date %}{{ f.date | date('Y-m-d')}}{% endif %}</td>
  42.                 <td><a href="{{ path('forms_form', {'uuid': f.uuid}) }}">{{ f.propname }}</a></td>
  43.                 <td>{{ f.totalScore | number_format(2) }}</td>
  44.                 <td>{{ f.stars }}</td>
  45.                 <td>
  46.                     <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  47.                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z" />
  48.                     </svg>
  49.                     <small>Online only</small>
  50.                 </td>
  51.                 <td>
  52.                     <a class="btn btn-sm btn-secondary" href="{{ path('forms_form', {'uuid': f.uuid}) }}">Edit</a>
  53.                 </td>
  54.             </tr>
  55.         {% else %}
  56.             <tr>
  57.                 <td colspan="6">No forms found</td>
  58.             </tr>
  59.         {% endfor %} #}
  60.             <tr>
  61.                 <td colspan="6">Loading...</td>
  62.             </tr>
  63.         </tbody>
  64.     </table>
  65.     </div>
  66.     
  67.     {# <nav> #}
  68.     {# <ul class="pagination"> #}
  70.         {# First page #}
  71.         {# <li class="page-item{{ currentPage == 1 ? ' disabled' }}">
  72.             <a class="page-link" href="{{ path(routeName, { page : 1 }) }}">First</a>
  73.         </li> #}
  75.         {# Previous page  #}
  76.         {# <li class="page-item{{ currentPage == 1 ? ' disabled' }}">
  77.             <a class="page-link" href="{{ path(routeName, { page : currentPage-1 }) }}">Previous</a>
  78.         </li> #}
  79.     
  80.         {# Render each page number #}
  81.         {# {% set lastPage = totalResults == 0 ? 1 : (totalResults/perPage )|round(0, 'ceil') %}
  82.         {% set showFrom = max( 1, currentPage - 2 ) %}
  83.         {% set showTo = min( lastPage, currentPage + 2 ) %}
  84.         {% for i in showFrom..showTo %}
  85.         <li class="page-item{{ currentPage == i ? ' active' }}">
  86.             <a class="page-link" href="{{ path(routeName, { page : i }) }}">{{ i }}</a>
  87.         </li>
  88.         {% endfor %} #}
  89.     
  90.         {# Next page #}
  91.         {# <li class="page-item{{ currentPage == lastPage ? ' disabled' }}">
  92.             <a class="page-link" href="{{ path(routeName, { page : currentPage+1 }) }}">Next</a>
  93.         </li> #}
  95.         {# Last page #}
  96.         {# <li class="page-item{{ currentPage == lastPage ? ' disabled' }}">
  97.             <a class="page-link" href="{{ path(routeName, { page : lastPage }) }}">Last</a>
  98.         </li> #}
  100.     {# </ul> #}
  101.     {# </nav> #}
  103. {% endblock %}
  105. {% block javascripts %}
  106.     {{ parent() }}
  107. {% endblock %}