You are here

pagerer-mini.html.twig in Pagerer 8

Same filename and directory in other branches
  1. 8.2 templates/pagerer-mini.html.twig

Default theme implementation to display a pagerer page entry textbox.

Available variables:

  • id: The id attribute, used to link with the widget state in drupalSettings.
  • title: The text for the title attribute, used to present help text to user when hovering with the mouse on the element.
  • value: The initial value of the input element (e.g. current page number).
  • min: The minimum value of the input element (e.g. first page).
  • max: The maximum value of the input element (e.g. last page).
  • step: The increment value of the input element (e.g. 1 for pages).
  • button: Toggle for the rendering of the trigger button.

File

templates/pagerer-mini.html.twig
View source
  1. {#
  2. /**
  3. * @file
  4. * Default theme implementation to display a pagerer page entry textbox.
  5. *
  6. * Available variables:
  7. * - id: The id attribute, used to link with the widget state in
  8. * drupalSettings.
  9. * - title: The text for the title attribute, used to present help text to
  10. * user when hovering with the mouse on the element.
  11. * - value: The initial value of the input element (e.g. current page number).
  12. * - min: The minimum value of the input element (e.g. first page).
  13. * - max: The maximum value of the input element (e.g. last page).
  14. * - step: The increment value of the input element (e.g. 1 for pages).
  15. * - button: Toggle for the rendering of the trigger button.
  16. *
  17. * @ingroup themeable
  18. */
  19. #}
  20. {{ attach_library('pagerer/mini') }}
  21. {% spaceless %}
  22. <div class="pagerer-page-widget">
  23. <input type="number" class="pagerer-page" id="{{ id }}" title="{{ title }}" value="{{ value }}" min="{{ min }}" max="{{ max }}" step="{{ step }}">
  24. {% if button %}
  25. <input type="button" class="pagerer-page-button" value="&#10003;">
  26. {% endif %}
  27. </div>
  28. {% endspaceless %}