templates/v2/index.html.twig line 1

Open in your IDE?
  1. {% extends 'v2/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.     <style>
  9.         .btn-group-toggle .btn-secondary:not(:disabled):not(.disabled).active {
  10.             background-color: var(--secondary);
  11.             border-color: var(--secondary);
  12.             color: white;
  13.         }
  14.         .btn-group-toggle .btn-secondary:not(.active) {
  15.             background-color: white;
  16.             border-color: var(--secondary);
  17.             color: var(--secondary);
  18.         }
  19.         .btn-sm.form-delete {
  20.             font-size: 0.8em;
  21.             display: none;
  22.         }
  23.         tr:hover .form-delete {
  24.             display: inline;
  25.         }
  26.     </style>
  28.     <p>
  29.         <a class="btn btn-primary" href="{{ path('v2_form_new') }}">Create new inspection</a>
  30.         <button class="d-none btn btn-secondary float-right" id="btn-sync-forms"  href="#">Upload inspections</button>
  31.     </p>
  33.     <div class="alert alert-info d-none display-offline">
  34.         <i class="fas fa-info-circle"></i> You currently have no internet connection.
  35.         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
  36.     </div>
  38.     <form id="form-filter" class="form-inline mt-4 mb-4">
  39.         <label for="filter" class="text-sm">Search</label>
  40.         <input type="text" class="form-control form-control-sm mx-1" name="filter" id="filter" />
  42. {#        <label class="mx-1 small"><input type="checkbox" class="form-control form-control-sm mx-1" name="user" id="all_users" /> Show all inspections</label>#}
  44. {#        <small class="ml-1">Show</small>#}
  45.         <div class="btn-group btn-group-toggle mx-1" data-toggle="buttons">
  46.             <label class="btn btn-secondary btn-sm px-3">
  47.                 <input type="radio" name="user" id="all_users" autocomplete="off"> All
  48.             </label>
  49.             <label class="btn btn-secondary btn-sm px-3 active">
  50.                 <input type="radio" name="user" id="user" autocomplete="off" checked> Mine
  51.             </label>
  52.         </div>
  54.         <button class="btn btn-sm btn-primary px-2 mx-1">Search</button>
  55.         <button class="btn btn-sm btn-link" id="filter-reset">Clear</button>
  56.     </form>
  58.     <div class="table-responsive">
  59.         <table class="table table-hover" id="forms">
  60.             <thead>
  61.             <tr>
  62.                 <th>Date</th>
  63.                 <th>Property Name</th>
  64.                 <th></th>
  65.                 <th>Total Score</th>
  66.                 <th>Star rating</th>
  67.                 <th>Status</th>
  68.                 <th style="width: 56px;"></th>
  69. {#                <th>Actions</th>#}
  70.             </tr>
  71.             </thead>
  72.             <tbody>
  73.             <tr>
  74.                 <td colspan="6">Loading...</td>
  75.             </tr>
  76.             </tbody>
  77.         </table>
  78.     </div>
  80. {% endblock %}
  82. {% block javascripts %}
  83.     {{ parent() }}
  84. {% endblock %}