templates/partials/jinxes.html.twig line 1

Open in your IDE?
  1. {% embed 'includes/details.html.twig' with {
  2.     summary: 'jinxes.title'|trans,
  3.     id: 'jinxes'
  4. } %}
  5.     {% import 'macros/forms.html.twig' as forms %}
  6.     {% block body %}
  7.     <table class="jinxes">
  8.         <thead class="sr-only">
  9.             <tr>
  10.                 <th scope="col">{{ 'jinxes.target'|trans }}</th>
  11.                 <th scope="col">{{ 'jinxes.trick'|trans }}</th>
  12.                 <th scope="col">{{ 'jinxes.reason'|trans }}</th>
  13.             </tr>
  14.         </thead>
  15.         <tbody id="jinx-table"></tbody>
  16.     </table>
  18.     <p class="switch mt-4">
  19.         <span class="switch__input">
  20.             {{ forms.toggle({
  21.                 name: "show-all-jinxes",
  22.                 id: "show-all-jinxes"
  23.             }) }}
  24.         </span>
  25.         <label for="show-all-jinxes" class="switch__label">{{ 'jinxes.show'|trans }}</label>
  26.     </p>
  27.     {% endblock %}
  28. {% endembed %}
  30. <template id="jinx-table-template">
  31.     <tr class="jinxes__jinx js--jinx-table--jinx">
  32.         <td class="jinxes__cell">
  33.             <img class="jinxes__icon js--jinx-table--target">
  34.             <span class="jinxes__name js--jinx-table--target-name" aria-hidden="true"></span>
  35.         </td>
  36.         <td class="jinxes__cell">
  37.             <img class="jinxes__icon js--jinx-table--trick">
  38.             <span class="jinxes__name js--jinx-table--trick-name" aria-hidden="true"></span>
  39.         </td>
  40.         <td class="jinxes__cell jinxes__cell--text js--jinx-table--reason"></td>
  41.     </tr>
  42. </template>