templates/accounting/accounting_expense/_table.html.twig line 1

Open in your IDE?
  2. <div class="table-responsive">
  3.     <table class="align-middle mb-0 table table-bordered">
  4.         <thead>
  5.             <tr style="background-color: #ddd;">
  6.                 <th>Catégorie</th>
  7.                 <th>Libellé</th>
  8.                 <th>Date Début</th>
  9.                 <th>Date Fin</th>
  10.                 <th>Caisse</th>
  11.                 <th width="10%">Action</th>
  12.             </tr>
  13.         </thead>
  14.         <tbody>
  15.             <tr>
  16.                 <form 
  17.                     action="#" 
  18.                     hx-post="{{ path('accounting_expense_searh_table')}}"
  19.                     hx-trigger="load, submit delay:500ms"
  20.                     hx-target="#search-results" 
  21.                     hx-indicator="#htmx-indicator-results">
  22.                     <td>
  23.                         <select class="form-control select" name="accounting_expense_category" id="accounting_expense_category" style="width: 100%">
  24.                             <option value="0">Toutes les catégories</option>
  25.                             {% for category in accounting_expense_categories %}
  26.                                 <option value="{{ category.id }}" {% if category == accountingExpenseCategory %} selected="selected" {% endif %}>{{ category.name }}</option>
  27.                             {% endfor %}
  28.                         </select>
  29.                     </td>
  30.                     <td><input type="text" class="form-control" name="label" id="label" value="{{ label }}" placeholder="Rechercher par libellé..." style="border-bottom: 4px solid #ddd;" /></td>
  31.                     <td><input  type="date" class="form-control" name="startDate" id="startDate" value="{{ 'now'|date('Y-01-01') }}" style="border-bottom: 4px solid #ddd;" /></td>
  32.                     <td><input  type="date" class="form-control" name="endDate" id="endDate" value="{{ endDate|date('Y-m-d') }}" style="border-bottom: 4px solid #ddd;" /></td>
  33.                     <td>
  34.                         <select class="form-control select" name="checkout" id="checkout" style="width: 100%">
  35.                             <option value="0">Toutes les caisses</option>
  36.                             {% for _checkout in checkouts %}
  37.                                 <option value="{{ _checkout.id }}" {% if _checkout == checkout %} selected="selected" {% endif %}>{{ _checkout.label }} - [{{ (_checkout.cashedIn - (_checkout.spent + _checkout.paid))|number_format(0, ',', ' ') }}]</option>
  38.                             {% endfor %}
  39.                         </select>
  40.                     </td>
  41.                     <td class="text-center">
  42.                         <button class="btn btn-primary"type="submit">
  43.                             <i class="fa fa-search"></i>
  44.                         </button>
  45.                     </td>
  46.                 </form>
  47.             </tr>
  48.         </tbody>
  49.     </table>
  50.     <br>
  51.     <span class="htmx-indicator text-danger" id="htmx-indicator-results"> 
  52.         <img src="{{ asset('spinner-3.gif') }}" width="20" />
  53.         &nbsp;Recherche en cour... 
  54.     </span>
  55.     <table class="display table table-striped table-bordered">
  56.         <thead>
  57.             <tr>
  58.                 <th class="text-center" width="5%">
  59.                     <input type="checkbox" id="check-all" onclick="javascript:checkAllElt()">
  60.                 </th>
  61.                 <th width="5%">#</th>
  62.                 <th width="20%">Libellé</th>
  63.                 <th>Description</th>
  64.                 <th width="10%" class="text-center">Montant</th>
  65.                 <th width="10%" class="text-center">Etat</th>
  66.                 <th width="10%">Date</th>
  67.                 <th width="10%">Approuvé le</th>
  68.                 <th width="10%">Payé le</th>
  69.                 <th>Caisse</th>
  70.                 <th>Catégorie</th>
  71.                 <th>Créé par</th>
  72.                 <th class="text-center" width="10%">Actions</th>
  73.             </tr>
  74.         </thead>
  75.         <tbody id="search-results"></tbody>
  76.     </table>
  77. </div>
  78. <br>
  79. {# <nav aria-label="Page navigation example">
  80.     {{ knp_pagination_render(accounting_expenses) }}
  81. </nav> #}