templates/pages/sheet.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block title %}{{ 'sheet.title'|trans }}{% endblock %}
  4. {% set meta_description = 'sheet.description'|trans %}
  6. {% block styles %}{{ encore_entry_link_tags('css/sheet') }}{% endblock %}
  8. {% set body_class = 'body-sheet' %}
  10. {% block body %}
  12. {% if name is defined and name|length %}
  13. <header>
  14.     <h1 id="title" class="title">{{ name }}</h1>
  15. </header>
  16. {% endif %}
  18. {% for data in groups %}
  19.     {% set team = data.team %}
  20.     {% set teamId = team.identifier %}
  21.     {% embed 'includes/details.html.twig' with {
  22.         open: teamId not in ['traveller', 'fabled'],
  23.         id: 'wrapper-' ~ teamId,
  24.         class: 'edition' ~ (data.characters|length ? '' : ' is-empty')
  25.     } %}
  26.         {% block summary %}
  27.         <span class="edition__heading-text">{{ team.name }}</span>
  28.         {% endblock %}
  29.         {% block body %}
  30.         <div id="team-{{ teamId }}" class="edition__team">
  31.             {% for character in data.characters %}
  32.                 <div class="edition__role">
  33.                     <p class="edition__name">{{ character.name }}</p>
  34.                     <div class="edition__icon">
  35.                         <img src="{{ character.image }}" alt="" class="edition__image" width="177" height="124" aria-hidden="true" loading="lazy">
  36.                     </div>
  37.                     <div class="edition__ability">{{ character.ability }}</div>
  38.                     <div class="edition__jinxes">
  39.                         {% for jinx in character.jinxes|default([]) %}
  40.                             {% if jinx.active|default(false) %}
  41.                                 <div class="edition__jinx">
  42.                                     <img src="{{ jinx.trick.image }}" alt="{{ 'sheet.jinx'|trans }}: {{ jinx.trick.name }}" title="{{ jinx.reason }}" width="177" height="124" loading="lazy">
  43.                                 </div>
  44.                             {% endif %}
  45.                         {% endfor %}
  46.                     </div>
  47.                 </div>
  48.             {% endfor %}
  49.         </div>
  50.         {% endblock %}
  51.     {% endembed %}
  52. {% endfor %}
  54. {% if jinxes|length %}
  55.     {% embed 'includes/details.html.twig' with {
  56.         open: true,
  57.         id: 'wrapper-jinx',
  58.         class: 'edition edition--jinx'
  59.     } %}
  60.         {% block summary %}
  61.         <span class="edition__heading-text">{{ 'jinxes.title'|trans }}</span>
  62.         {% endblock %}
  63.         {% block body %}
  64.             <div id="team-jinx" class="edition__team">
  65.                 {% for jinx in jinxes %}
  66.                     <div class="edition__role edition__role--jinx">
  67.                         <div class="edition__icon edition__icon--target">
  68.                             <img src="{{ jinx.target.image }}" alt="{{ jinx.target.name }}" width="177" height="124" loading="lazy">
  69.                         </div>
  70.                         <div class="edition__icon edition__icon--trick">
  71.                             <img src="{{ jinx.trick.image }}" alt="{{ jinx.trick.name }}" width="177" height="124" loading="lazy">
  72.                         </div>
  73.                         <div class="edition__ability">{{ jinx.reason }}</div>
  74.                     </div>
  75.                 {% endfor %}
  76.             </div>
  77.         {% endblock %}
  78.     {% endembed %}
  79. {% endif %}
  81. {% if nights is defined %}
  82.     {% embed 'includes/details.html.twig' with {
  83.         open: false,
  84.         id: 'wrapper-nights',
  85.         class: 'edition edition--nights'
  86.     } %}
  87.         {% block summary %}
  88.         <span class="edition__heading-text">{{ 'night_order.title'|trans }}</span>
  89.         {% endblock %}
  90.         {% block body %}
  91.             <div id="team-nights" class="edition__team">
  92.                 <div class="edition__row--nights">
  93.                     <h4>First Night:</h4>
  94.                     <div>
  95.                         {% for character in nights['first'] %}
  96.                             <div class="edition__role--nights">
  97.                                 <img src="{{ character.image }}" alt="{{ character.name }}" width="177" height="124" aria-hidden="true" loading="lazy">
  98.                                 <p>{{ character.name }}</p>
  99.                             </div>
  100.                         {% endfor %}
  101.                     </div>
  102.                 </div>
  103.                 <div class="edition__row--nights">
  104.                     <h4>Other Nights:</h4>
  105.                     <div>
  106.                         {% for character in nights['other'] %}
  107.                             <div class="edition__role--nights">
  108.                                 <img src="{{ character.image }}" alt="{{ character.name }}" width="177" height="124" aria-hidden="true" loading="lazy">
  109.                                 <p>{{ character.name }}</p>
  110.                             </div>
  111.                         {% endfor %}
  112.                     </div>
  113.                 </div>
  114.             </div>
  115.         {% endblock %}
  116.     {% endembed %}
  117. {% endif %}
  119. <p><small>{{ 'sheet.each_night'|trans }}</small></p>
  121. <div class="breakdown no-print">
  122.     <table class="breakdown__table">
  123.         <caption class="sr-only">{{ 'sheet.breakdown'|trans }}</caption>
  124.         <tbody>
  125.             {% for group, count in breakdown %}
  126.                 {% set isPlayers = loop.first %}
  127.                 <tr class="breakdown__row breakdown__row--{{ group }}">
  128.                     <th scope="row" class="breakdown__heading">{{ ('groups.' ~ group)|trans }}</th>
  129.                     {% for count in count %}
  130.                         {% if isPlayers %}
  131.                             <th scope="col" class="breakdown__cell">{{ loop.last ? 'sheet.count_plus'|trans({ '%count%': count }) : count }}</th>
  132.                         {% else %}
  133.                             <td class="breakdown__cell">{{ count }}</td>
  134.                         {% endif %}
  135.                     {% endfor %}
  136.                 </tr>
  137.             {% endfor %}
  138.         </tbody>
  139.     </table>
  140. </div>
  142. <footer>
  143.     <p><button type="button" class="button" data-dialog="#qr-code-dialog">{{ 'sheet.get_qr_code'|trans }}</button></p>
  144.     <form id="locale-form" class="locale-form locale-form--sheet">
  145.         <label for="select-locale" class="locale-form__label">
  146.             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" aria-labelledby="language-icon" class="locale-form__label-icon"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><title id="language-icon">{{ 'setup.buttons.language'|trans }}</title><path style="fill: currentColor;" d="M0 128C0 92.7 28.7 64 64 64H256h48 16H576c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H320 304 256 64c-35.3 0-64-28.7-64-64V128zm320 0V384H576V128H320zM178.3 175.9c-3.2-7.2-10.4-11.9-18.3-11.9s-15.1 4.7-18.3 11.9l-64 144c-4.5 10.1 .1 21.9 10.2 26.4s21.9-.1 26.4-10.2l8.9-20.1h73.6l8.9 20.1c4.5 10.1 16.3 14.6 26.4 10.2s14.6-16.3 10.2-26.4l-64-144zM160 233.2L179 276H141l19-42.8zM448 164c11 0 20 9 20 20v4h44 16c11 0 20 9 20 20s-9 20-20 20h-2l-1.6 4.5c-8.9 24.4-22.4 46.6-39.6 65.4c.9 .6 1.8 1.1 2.7 1.6l18.9 11.3c9.5 5.7 12.5 18 6.9 27.4s-18 12.5-27.4 6.9l-18.9-11.3c-4.5-2.7-8.8-5.5-13.1-8.5c-10.6 7.5-21.9 14-34 19.4l-3.6 1.6c-10.1 4.5-21.9-.1-26.4-10.2s.1-21.9 10.2-26.4l3.6-1.6c6.4-2.9 12.6-6.1 18.5-9.8l-12.2-12.2c-7.8-7.8-7.8-20.5 0-28.3s20.5-7.8 28.3 0l14.6 14.6 .5 .5c12.4-13.1 22.5-28.3 29.8-45H448 376c-11 0-20-9-20-20s9-20 20-20h52v-4c0-11 9-20 20-20z"/></svg>
  147.         </label>
  148.         <select name="select-locale" id="select-locale" class="locale-form__dropdown" data-no-store>
  149.             {% set params = { characters: app.request.get('characters') } %}
  150.             {% if app.request.get('name') is not empty %}
  151.                 {% set params = params|merge({ name: app.request.get('name') }) %}
  152.             {% endif %}
  153.             {% if app.request.get('game') is not empty %}
  154.                 {% set params = params|merge({ game: app.request.get('game') }) %}
  155.             {% endif %}
  156.             {% if app.request.get('traveller') is not empty %}
  157.                 {% set params = params|merge({ traveller: app.request.get('traveller') }) %}
  158.             {% endif %}
  159.             {% if app.request.get('fabled') is not empty %}
  160.                 {% set params = params|merge({ fabled: app.request.get('fabled') }) %}
  161.             {% endif %}
  162.             {% for locale in locales() %}
  163.                 <option value="{{ path('sheet', params|merge({ '_locale': locale[0] })) }}" lang="{{ locale[0]|replace({ '_': '-' }) }}" dir="{{ locale[0] in ['he_IL'] ? 'rtl' : 'ltr' }}" {{ app.request.locale == locale[0] ? 'selected' }}>{{ locale[1] }}</option>
  164.             {% endfor %}
  165.         </select>
  166.         <button type="submit" class="button locale-form__action">
  167.             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-labelledby="tick-icon" class="locale-form__icon"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><title id="tick-icon">{{ 'setup.buttons.set_language'|trans }}</title><path style="fill: currentColor;" d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"/></svg>
  168.         </button>
  169.     </form>
  170.     <p><small>{{ 'sheet.credit'|trans|raw }}</small></p>
  171. </footer>
  173. {% embed 'includes/dialog.html.twig' with {
  174.     id: 'qr-code-dialog',
  175.     background: 'blur',
  176.     title: 'sheet.get_sheet'|trans
  177. } %}
  178.     {% block body %}
  179.         <div id="qr-code" class="qr"></div>
  180.     {% endblock %}
  181. {% endembed %}
  183. {% endblock %}
  185. {% block javascript %}
  186. {{ encore_entry_script_tags('js/sheet') }}
  187. {% endblock %}