You are here

open_readspeaker_ui.html.twig in Open ReadSpeaker 8

Default theme implementation for the open readspeaker ui.

Available variables:

  • accountid: Account ID for ReadSpeaker.
  • open_readspeaker_i18n: Language code.
  • custom_style: Custom style.
  • button_text: Text of button.
  • button_title: Title of button.
  • request_path: Requested path to listen.
  • open_readspeaker_reading_area: Reading area.
  • open_readspeaker_reading_area_class: Reading area classes.

File

templates/open_readspeaker_ui.html.twig
View source
  1. {#
  2. /**
  3. * @file
  4. * Default theme implementation for the open readspeaker ui.
  5. *
  6. * Available variables:
  7. * - accountid: Account ID for ReadSpeaker.
  8. * - open_readspeaker_i18n: Language code.
  9. * - custom_style: Custom style.
  10. * - button_text: Text of button.
  11. * - button_title: Title of button.
  12. * - request_path: Requested path to listen.
  13. * - open_readspeaker_reading_area: Reading area.
  14. * - open_readspeaker_reading_area_class: Reading area classes.
  15. *
  16. * @ingroup themeable
  17. */
  18. #}
  19. {% set queryParameters = {
  20. 'customerid': accountid,
  21. 'lang': open_readspeaker_i18n,
  22. 'readid': open_readspeaker_reading_area,
  23. 'readclass': open_readspeaker_reading_area_class,
  24. 'url': request_path
  25. }|filter(v => v is not empty) %}
  26. <div class="open-readspeaker-ui">
  27. <div id="readspeaker_button" class="rs_skip rsbtn rs_preserve">
  28. <a class="rsbtn_play {{ custom_style }}" title="{{ button_title }}" accesskey="L" href="//app-eu.readspeaker.com/cgi-bin/rsent?{{ queryParameters|url_encode }}">
  29. <span class="rsbtn_left rsimg rspart"><span class="rsbtn_text"><span>{{ button_text }}</span></span></span>
  30. <span class="rsbtn_right rsimg rsplay rspart"></span>
  31. </a>
  32. </div>
  33. </div>