templates/global/includes/countdown-banner.html.twig line 1

Open in your IDE?
  1. {% set countdown = document.property('countdownObject') %}
  3. {% if countdown and countdown.time and countdown.time.isFuture %}
  4.     <div class="js-countdown countdown-banner"
  5.          data-countdown-end-time="{{ countdown.time }}"
  6.          role="timer"
  7.          aria-live="polite"
  8.          aria-label="Countdown Timer"
  9.          aria-describedby="countdown-description">
  11.         <div id="countdown-description" class="visually-hidden-focusable">{{ 'sr.countdown until [time]'|trans({ '[time]': countdown.time.locale(app.request.locale).isoFormat('LLLL') }) }}</div>
  13.         {% if countdown.title %}
  14.             <div class="countdown-banner__text">{{ countdown.title }}</div>
  15.         {% endif %}
  17.         <div class="js-countdown__display countdown-banner__times">
  18.             <div class="text-center">
  19.                 <div class="js-countdown__days" aria-label="days">00</div>
  20.                 <div>{{ 'countdown.days'|trans }}</div>
  21.             </div>
  22.             <div class="text-center">
  23.                 <div class="js-countdown__hours" aria-label="hours">00</div>
  24.                 <div>{{ 'countdown.hours'|trans }}</div>
  25.             </div>
  26.             <div class="text-center">
  27.                 <div class="js-countdown__minutes" aria-label="minutes">00</div>
  28.                 <div>{{ 'countdown.minutes'|trans }}</div>
  29.             </div>
  30.             <div class="text-center">
  31.                 <div class="js-countdown__seconds" aria-label="seconds">00</div>
  32.                 <div>{{ 'countdown.seconds'|trans }}</div>
  33.             </div>
  35.             <button class="js-countdown__pause-btn btn countdown-banner__btn"
  36.                     type="button"
  37.                     aria-pressed="false">
  38.                 <span class="js-countdown__pause-icon icon icon-pause" aria-label="{{ 'sr.countdown pause'|trans }}"></span>
  39.                 <span class="js-countdown__play-icon icon icon-play" aria-label="{{ 'sr.countdown play'|trans }}" hidden>
  40.                 </span>
  41.             </button>
  42.         </div>
  44.         <div class="js-countdown__finished countdown-banner__finished-text" hidden>
  45.             {{ 'countdown.finished'|trans }}
  46.         </div>
  48.         {% if countdown.link %}
  49.             {% set link = countdown.link %}
  50.             <a href="{{ link.href }}" class="countdown-banner__cta" target="{{ link.target }}">{{ link.text }}</a>
  51.         {% endif %}
  52.     </div>
  53. {% endif %}