charasheet/src/party/templates/party/snippets/effects.html
Gabriel Augendre 7f38d60365
feat: allow players to update party effects (#206)
---------

Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
2024-03-05 19:05:41 +01:00

37 lines
1.3 KiB
HTML

{% load character_extras %}
<div id="effects">
<div id="effects-form">
<button
hx-get="{% url "party:add_effect" pk=party.pk %}"
hx-target="#effects-form"
hx-swap="innerHTML"
type="button"
id="add-effect"
class="btn btn-primary"><i class="fa-solid fa-plus"></i> Ajouter un effet
</button>
<div class="btn-group">
<button
hx-get="{% url "party:increase_rounds" pk=party.pk %}"
hx-target="#effects"
hx-swap="outerHTML"
type="button"
id="increase-rounds"
class="btn btn-outline-secondary"><i class="fa-solid fa-plus"></i> tours
</button>
<button
hx-get="{% url "party:decrease_rounds" pk=party.pk %}"
hx-target="#effects"
hx-swap="outerHTML"
type="button"
id="decrease-rounds"
class="btn btn-outline-secondary"><i class="fa-solid fa-minus"></i> tours
</button>
</div>
</div>
<div id="effects-cards" class="row mt-1 row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4">
{% for effect in party.effects.all %}
{% include "party/snippets/effect_card.html" %}
{% endfor %}
</div>
</div>