templates/partials/grimoire/demon-bluffs.html.twig line 1

Open in your IDE?
  1. <div class="pad pad--bluffs bluffs">
  2.     <div class="carousel" id="demon-bluffs-group"></div>
  3.     <ul class="button-list mt-4">
  4.         <li><button type="button" class="button button--full-height" id="show-all-bluffs" data-title="{{ 'grimoire.grimoire.bluffs'|trans|e('html_attr') }}">{{ 'grimoire.grimoire.show_bluffs'|trans }}</button></li>
  5.         <li><button type="button" class="button button--full-height" id="add-bluffs">{{ 'grimoire.grimoire.add_bluffs'|trans }}</button></li>
  6.     </ul>
  7. </div>
  9. <template id="demon-bluffs-template">
  10.     <div class="carousel__item js--demon-bluffs--group">
  11.         <form class="settable-title bluffs__heading pad__title">
  12.             <h3 class="settable-title__title bluffs__title js--settable-title--title">{{ 'grimoire.grimoire.bluffs'|trans }}</h3>
  13.             <input type="text" class="settable-title__input bluffs__input js--settable-title--input" list="bluffs-title-list" hidden>
  14.             <datalist id="bluffs-title-list">
  15.                 <option value="{{ 'grimoire.grimoire.bluffs'|trans|e('html_attr') }}" class="js--settable-title--start">
  16.                 <option value="{{ 'grimoire.grimoire.bluffs'|trans|e('html_attr') }}" class="js--settable-title--previous">
  17.             </datalist>
  19.             <button type="button" class="bluffs__remove no-btn js--demon-bluffs--remove" aria-label="{{ 'grimoire.reminder_show.remove'|trans }}">
  20.                 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512" aria-hidden="true"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path style="fill: currentColor;" d="M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z"/></svg>
  21.             </button>
  22.         </form>
  23.         <div class="bluffs__list">
  24.             {% for i in 0..2 %}
  25.                 <button type="button" data-index="{{ i }}" class="token token--bluff js--demon-bluffs--bluff" data-token="character" data-bluff-dialog="#bluff-show"></button>
  26.             {% endfor %}
  27.         </div>
  28.     </div>
  29. </template>
  31. {% embed 'includes/dialog.html.twig' with {
  32.     id: 'bluff-show',
  33.     background: 'blur'
  34. } %}
  35.     {% block title %}<span id="bluff-show-name" data-no-character="{{ 'grimoire.bluff_show.empty'|trans }}">{{ 'grimoire.bluff_show.title'|trans }}</span>{% endblock %}
  36.     {% block body %}
  37.     <p id="bluff-show-ability" class="character-show__ability"></p>
  38.     <ul class="button-list">
  39.         <li><button type="button" class="button" id="bluff-show-token">{{ 'grimoire.bluff_show.show'|trans }}</button></li>
  40.         <li><button type="button" class="button" data-dialog="#bluff-list">{{ 'grimoire.bluff_show.change'|trans }}</button></li>
  41.     </ul>
  42.     {% endblock %}
  43. {% endembed %}
  45. {% embed 'includes/dialog.html.twig' with {
  46.     id: 'bluff-list',
  47.     background: 'blur',
  48.     title: 'grimoire.bluff_list.title'|trans
  49. } %}
  50.     {% import 'macros/forms.html.twig' as forms %}
  51.     {% block body %}
  52.     <ul id="character-list__bluffs" class="button-list button-list--reminder character-list mb-4"></ul>
  54.     <ul class="no-list">
  55.         {{ forms.switch({
  56.             node: 'li',
  57.             label: 'grimoire.bluff_list.show_existing'|trans,
  58.             name: 'show',
  59.             id: 'show-existing',
  60.             value: 'existing'
  61.         }) }}
  62.         {{ forms.switch({
  63.             node: 'li',
  64.             label: 'grimoire.bluff_list.show_travellers'|trans,
  65.             name: 'show',
  66.             id: 'show-travellers',
  67.             value: 'traveller'
  68.         }) }}
  69.         {{ forms.switch({
  70.             node: 'li',
  71.             label: 'grimoire.bluff_list.show_evil'|trans,
  72.             name: 'show',
  73.             id: 'show-evil',
  74.             value: 'evil'
  75.         }) }}
  76.     </ul>
  78.     {% endblock %}
  79. {% endembed %}