starred/WYGIWYH
1
0
Fork 0
mirror of https://github.com/eitchtee/WYGIWYH.git synced 2026-03-18 15:34:01 +01:00
Code Issues 14 Packages Projects Releases 10 Wiki Activity

feat: add select and unselect all buttons to floating actions bar

Browse Source
This commit is contained in:
Herculino Trotta
2024-10-20 11:56:39 -03:00
parent ace73b536a
commit 5b34b84477
1 changed files with 21 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
app/templates/monthly_overview/fragments/list.html
View File

@@ -3,7 +3,7 @@
{% regroup transactions by date|customnaturaldate as transactions_by_date %}
<div id="transactions-list"
_="on change
_="on change or click
if no <input[type='checkbox']:checked/> in me
add .tw-hidden to #actions-bar
else
@@ -47,21 +47,37 @@
<div class="tw-sticky tw-bottom-4 tw-left-0 tw-right-0 tw-z-50 tw-hidden mx-auto tw-w-fit" id="actions-bar">
<div class="card slide-in-left">
<div class="card-body p-2">
<button class="btn btn-secondary me-3"
{% spaceless %}
<div class="btn-group" role="group">
<button class="btn btn-secondary btn-sm"
data-bs-toggle="tooltip"
data-bs-title="{% translate 'Select All' %}"
_="on click set <#transactions-list input[type='checkbox']/>'s checked to true">
<i class="fa-solid fa-check-double"></i>
</button>
<button class="btn btn-secondary btn-sm"
data-bs-toggle="tooltip"
data-bs-title="{% translate 'Unselect All' %}"
_="on click set <#transactions-list input[type='checkbox']/>'s checked to false">
<i class="fa-solid fa-xmark tw-text-red-400"></i>
</button>
</div>
<div class="vr mx-3 tw-align-middle"></div>
<button class="btn btn-secondary me-3 btn-sm"
hx-get="{% url 'transactions_bulk_pay' %}"
hx-include=".transaction"
data-bs-toggle="tooltip"
data-bs-title="{% translate 'Mark as paid' %}">
<i class="fa-regular fa-circle-check tw-text-green-400"></i>
</button>
<button class="btn btn-secondary me-3"
<button class="btn btn-secondary me-3 btn-sm"
hx-get="{% url 'transactions_bulk_unpay' %}"
hx-include=".transaction"
data-bs-toggle="tooltip"
data-bs-title="{% translate 'Mark as unpaid' %}">
<i class="fa-regular fa-circle tw-text-red-400"></i>
</button>
<button class="btn btn-secondary"
<button class="btn btn-secondary btn-sm"
hx-get="{% url 'transactions_bulk_delete' %}"
hx-include=".transaction"
hx-trigger="confirmed"
@@ -74,6 +90,7 @@
_="install prompt_swal">
<i class="fa-solid fa-trash text-danger"></i>
</button>
{% endspaceless %}
</div>
</div>
</div>