gaugendre/charasheet
1
0
Fork 0
mirror of https://github.com/Crocmagnon/charasheet.git synced 2024-11-22 22:48:03 +01:00
Code Issues Projects Releases Packages Wiki Activity

Display capabilities and paths as accordions to reduce clutter

Browse source
This commit is contained in:
Gabriel Augendre 2022-11-01 11:35:26 +01:00
parent d80094cf41
commit 10764aaf98
2 changed files with 18 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/character/templates/character/capability.html
View file

@ -1,9 +1,16 @@
<li class="list-group-item"> <div class="accordion-item">
<strong> <h2 class="accordion-header">
{{ capability.rank }}. <button class="accordion-button collapsed" type="button"
{{ capability.name }} data-bs-toggle="collapse" data-bs-target="#cap-{{ capability.pk }}">
{% if capability.spell %}<i class="fa-solid fa-hand-sparkles"></i>{% endif %} {{ capability.rank }}.
{% if capability.limited %}<i class="fa-solid fa-handcuffs"></i>{% endif %} {{ capability.name }}
</strong><br> {% if capability.spell %}&nbsp;<i class="fa-solid fa-hand-sparkles"></i>{% endif %}
{{ capability.description }} {% if capability.limited %}&nbsp;<i class="fa-solid fa-handcuffs"></i>{% endif %}
</li> </button>
</h2>
<div id="cap-{{ capability.pk }}" class="accordion-collapse collapse">
<div class="accordion-body">
{{ capability.description }}
</div>
</div>
</div>

4
src/character/templates/character/path.html
View file

@ -23,10 +23,10 @@
{% if path.notes %} {% if path.notes %}
<div class="card-body text-bg-light">{{ path.notes }}</div> <div class="card-body text-bg-light">{{ path.notes }}</div>
{% endif %} {% endif %}
<ul class="list-group list-group-flush capabilities"> <div class="accordion accordion-flush capabilities">
{% for capability in capabilities %} {% for capability in capabilities %}
{% include "character/capability.html" %} {% include "character/capability.html" %}
{% endfor %} {% endfor %}
</ul> </div>
</div> </div>
</div> </div>