templates/website/includes/list-pagination.html.twig line 1

Open in your IDE?
  1. {% from 'utils.html.twig' import ico %}
  2. <div id="div-{{ tableId }}" class="lista-contem" data-filling="initial">
  3.     {% block inputs %}
  4.     {% endblock %}
  5.     {% if useSearch %}
  6.         <form class="busca-lista">
  7.             <input type="text" id="{{ inpSearchId }}" placeholder="{{ getLanguage('name_or_term', 'util') }}">
  8.             <button type="button" id="{{ btnSearchId }}">
  9.                 <i class="material-icons">search</i>
  10.             </button>
  11.         </form>
  12.     {% endif %}
  13.     <table id="{{ tableId }}" class="lista-itens">
  14.         <thead>
  15.             <tr class="header">
  16.                 {% block thContent %}
  17.                 {% endblock %}
  18.             </tr>
  19.         </thead>
  20.         <tbody {% if trLink is defined %} tr-click="{{ trLink }}" {% endif %}>
  21.             <tr class="loading">
  22.                 <td colspan="{{ colNumber }}">
  23.                     <span class="js--list-loader">{{ getLanguage('loading', 'util') }} …</span>
  24.                 </td>
  25.             </tr>
  26.         </tbody>
  27.     </table>
  28.     <div class="lista-paginacao">
  29.         <div class="numero">
  30.             <span>{{ getLanguage('total_of', 'util') }} <span class="js--total-rows">…</span> {{ getLanguage('entries', 'util') }}</span>
  31.             &emsp;<select id="sel-itens" data-option-text="{{ getLanguage('page', 'util') }}"></select>
  32.         </div>
  33.         <div class="pagina">
  34.             <span class="seta seta-primeira bg js--pagina-primeira">&laquo;</span>
  35.             <span class="seta seta-anterior js--pagina-anterior">&lsaquo;</span>
  36.             <input class="pag-atual js--current-page" type="text" value="">
  37.             <span class="pag-total">{{ getLanguage('of', 'util') }} <span class="js--total-pages">…</span></span>
  38.             <span class="seta seta-proxima js--pagina-proxima">&rsaquo;</span>
  39.             <span class="seta seta-ultima bg js--pagina-ultima">&raquo;</span>
  40.         </div>
  41.     </div>
  42. </div>
  43. <div class="empty">
  44.     <p>
  45.         <span class="ico">{{ ico('alert-triangle') }}</span>
  46.         {% block vazio %}{{ getLanguage('no', 'util') }} <b>{{ getLanguage('results', 'util') }}</b> {{ getLanguage('found', 'util') }}.{% endblock %}
  47.     </p>
  48. </div>