templates/partials/night-order.html.twig line 1

Open in your IDE?
  1. {% embed 'includes/details.html.twig' with {
  2.     summary: 'night_order.title'|trans,
  3.     id: 'night-order'
  4. } %}
  5.     {% import 'macros/forms.html.twig' as forms %}
  6.     {% block body %}
  7.     <div class="carousel">
  8.         {% set nights = {
  9.             'first-night': 'night_order.first_night'|trans,
  10.             'other-nights': 'night_order.other_night'|trans
  11.         } %}
  12.         {% for id, text in nights %}
  13.         <div class="carousel__item">
  14.             <div class="sidebar sidebar--full {% if id == 'other-nights' %}sidebar--reverse{% endif %}">
  15.                 <p class="sidebar__side"><span class="sidebar__side-content">{{ text }}</span></p>
  16.                 <div class="sidebar__body">
  17.                     <ol id="{{ id }}" class="night-order"></ol>
  18.                 </div>
  19.             </div>
  20.         </div>
  21.         {% endfor %}
  22.     </div>
  23.     <p><small>{{ 'night_order.swipe_change'|trans }}</small></p>
  24.     {{ forms.switch({
  25.         node: 'p',
  26.         label: 'night_order.show'|trans,
  27.         name: 'show-all',
  28.         id: 'show-all'
  29.     }) }}
  30.     {% endblock %}
  31. {% endembed %}
  33. <template id="night-info-template">
  34.     <li class="night-order__item js--night-info--wrapper">
  35.         <div class="night-order__heading">
  36.             <div>
  37.                 <img src="" alt="" class="night-order__icon js--night-info--icon" loading="lazy">
  38.             </div>
  39.             <p class="night-order__role js--night-info--role"></p>
  40.             <p class="night-order__players js--night-info--players"></p>
  41.         </div>
  42.         <p class="night-order__ability js--night-info--ability"></p>
  43.     </li>
  44. </template>