starred/WYGIWYH
1
0
Fork 0
mirror of https://github.com/eitchtee/WYGIWYH.git synced 2026-05-20 14:47:12 +02:00
Code Issues 14 Packages Projects Releases 10 Wiki Activity

feat: first batch of work

Browse Source
This commit is contained in:
Herculino Trotta
2025-11-01 03:15:44 -03:00
parent e600d87968
commit a63367a772
175 changed files with 3433 additions and 2245 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates/cotton/ui/deleted_transactions_action_bar.html
+41 -41
View File
@@ -1,53 +1,53 @@
{% load i18n %}
<div class="tw:sticky tw:bottom-4 tw:left-0 tw:right-0 tw:z-50 tw:hidden tw:mx-auto tw:w-fit" id="actions-bar"
<div class="sticky bottom-4 left-0 right-0 z-50 hidden mx-auto w-fit" id="actions-bar"
_="on change from #transactions-list or htmx:afterSettle from window
if #actions-bar then
if no <input[type='checkbox']:checked/> in #transactions-list
if #actions-bar
add .slide-in-bottom-reverse then settle
then add .tw:hidden to #actions-bar
then add .hidden to #actions-bar
then remove .slide-in-bottom-reverse
end
else
if #actions-bar
remove .tw:hidden from #actions-bar
remove .hidden from #actions-bar
then trigger selected_transactions_updated
end
end
end
end">
<div class="tw:card tw:bg-base-100 tw:shadow slide-in-bottom">
<div class="tw:card-body tw:p-2 tw:flex tw:justify-between tw:items-center tw:gap-3">
<div class="card bg-base-100 shadow slide-in-bottom">
<div class="card-body p-2 flex justify-between items-center gap-3">
{% spaceless %}
<div class="tw:dropdown">
<button tabindex="0" role="button" class="tw:btn tw:btn-secondary tw:btn-sm" type="button">
<div class="dropdown">
<button tabindex="0" role="button" class="btn btn-secondary btn-sm" type="button">
<i class="fa-regular fa-square-check fa-fw"></i>
<i class="fa-solid fa-chevron-down fa-xs"></i>
</button>
<ul tabindex="0" class="tw:dropdown-content tw:menu tw:bg-base-100 tw:rounded-box tw:z-[1] tw:w-52 tw:p-2 tw:shadow">
<ul tabindex="0" class="dropdown-content menu bg-base-100 rounded-box z-[1] w-52 p-2 shadow">
<li>
<a class="tw:cursor-pointer"
<a class="cursor-pointer"
_="on click set <#transactions-list input[type='checkbox']/>'s checked to true then call me.blur() then trigger change">
<i class="fa-regular fa-square-check tw:text-green-400 tw:me-3"></i>{% translate 'Select All' %}
<i class="fa-regular fa-square-check text-green-400 me-3"></i>{% translate 'Select All' %}
</a>
</li>
<li>
<a class="tw:cursor-pointer"
<a class="cursor-pointer"
_="on click set <#transactions-list input[type='checkbox']/>'s checked to false then call me.blur() then trigger change">
<i class="fa-regular fa-square tw:text-red-400 tw:me-3"></i>{% translate 'Unselect All' %}
<i class="fa-regular fa-square text-red-400 me-3"></i>{% translate 'Unselect All' %}
</a>
</li>
</ul>
</div>
<div class="tw:divider tw:divider-horizontal tw:m-0"></div>
<button class="tw:btn tw:btn-secondary tw:btn-sm"
<div class="divider divider-horizontal m-0"></div>
<button class="btn btn-secondary btn-sm"
hx-get="{% url 'transactions_bulk_undelete' %}"
hx-include=".transaction"
data-bs-toggle="tooltip"
data-bs-title="{% translate 'Restore' %}">
<i class="fa-solid fa-trash-arrow-up fa-fw"></i>
</button>
<button class="tw:btn tw:btn-secondary tw:btn-sm"
<button class="btn btn-secondary btn-sm"
hx-get="{% url 'transactions_bulk_delete' %}"
hx-include=".transaction"
hx-trigger="confirmed"
@@ -58,10 +58,10 @@
data-text="{% translate "You won't be able to revert this!" %}"
data-confirm-text="{% translate "Yes, delete them!" %}"
_="install prompt_swal">
<i class="fa-solid fa-trash tw:text-error"></i>
<i class="fa-solid fa-trash text-error"></i>
</button>
<div class="tw:divider tw:divider-horizontal tw:m-0"></div>
<div class="tw:dropdown tw:dropdown-end"
<div class="divider divider-horizontal m-0"></div>
<div class="dropdown dropdown-end"
_="on selected_transactions_updated from #actions-bar
set realTotal to math.bignumber(0)
set flatTotal to math.bignumber(0)
@@ -99,28 +99,28 @@
put mean.toLocaleString(undefined, {minimumFractionDigits: 0, maximumFractionDigits: 40}) into #calc-menu-mean's innerText
put flatAmountValues.length.toLocaleString(undefined, {minimumFractionDigits: 0, maximumFractionDigits: 40}) into #calc-menu-count's innerText
end">
<button class="tw:btn tw:btn-secondary tw:btn-sm" _="on click
<button class="btn btn-secondary btn-sm" _="on click
set original_value to #real-total-front's innerText
writeText(original_value) on navigator.clipboard
put '{% translate "copied!" %}' into #real-total-front's innerText
wait 1s
put original_value into #real-total-front's innerText
end">
<i class="fa-solid fa-plus fa-fw tw:me-md-2 tw:text-primary"></i>
<span class="tw:hidden tw:md:inline-block" id="real-total-front">0</span>
<i class="fa-solid fa-plus fa-fw me-md-2 text-primary"></i>
<span class="hidden md:inline-block" id="real-total-front">0</span>
</button>
<button type="button" tabindex="0" role="button" class="tw:btn tw:btn-sm tw:btn-secondary">
<button type="button" tabindex="0" role="button" class="btn btn-sm btn-secondary">
<i class="fa-solid fa-chevron-down fa-xs"></i>
</button>
<ul tabindex="0" class="tw:dropdown-content tw:menu tw:bg-base-100 tw:rounded-box tw:z-[1] tw:w-52 tw:shadow">
<ul tabindex="0" class="dropdown-content menu bg-base-100 rounded-box z-[1] w-52 shadow">
<li>
<div class="tw:p-0">
<div class="p-0">
<div>
<div class="tw:text-base-content/60 tw:text-xs tw:font-medium tw:px-3">
<div class="text-base-content/60 text-xs font-medium px-3">
{% trans "Flat Total" %}
</div>
<a class="tw:px-3 tw:cursor-pointer"
<a class="px-3 cursor-pointer"
id="calc-menu-flat-total"
_="on click
set original_value to my innerText
@@ -135,12 +135,12 @@
</div>
</li>
<li>
<div class="tw:p-0">
<div class="p-0">
<div>
<div class="tw:text-base-content/60 tw:text-xs tw:font-medium tw:px-3">
<div class="text-base-content/60 text-xs font-medium px-3">
{% trans "Real Total" %}
</div>
<a class="tw:px-3 tw:cursor-pointer"
<a class="px-3 cursor-pointer"
id="calc-menu-real-total"
_="on click
set original_value to my innerText
@@ -155,12 +155,12 @@
</div>
</li>
<li>
<div class="tw:p-0">
<div class="p-0">
<div>
<div class="tw:text-base-content/60 tw:text-xs tw:font-medium tw:px-3">
<div class="text-base-content/60 text-xs font-medium px-3">
{% trans "Mean" %}
</div>
<a class="tw:px-3 tw:cursor-pointer"
<a class="px-3 cursor-pointer"
id="calc-menu-mean"
_="on click
set original_value to my innerText
@@ -175,12 +175,12 @@
</div>
</li>
<li>
<div class="tw:p-0">
<div class="p-0">
<div>
<div class="tw:text-base-content/60 tw:text-xs tw:font-medium tw:px-3">
<div class="text-base-content/60 text-xs font-medium px-3">
{% trans "Max" %}
</div>
<a class="tw:px-3 tw:cursor-pointer"
<a class="px-3 cursor-pointer"
id="calc-menu-max"
_="on click
set original_value to my innerText
@@ -195,12 +195,12 @@
</div>
</li>
<li>
<div class="tw:p-0">
<div class="p-0">
<div>
<div class="tw:text-base-content/60 tw:text-xs tw:font-medium tw:px-3">
<div class="text-base-content/60 text-xs font-medium px-3">
{% trans "Min" %}
</div>
<a class="tw:px-3 tw:cursor-pointer"
<a class="px-3 cursor-pointer"
id="calc-menu-min"
_="on click
set original_value to my innerText
@@ -215,12 +215,12 @@
</div>
</li>
<li>
<div class="tw:p-0">
<div class="p-0">
<div>
<div class="tw:text-base-content/60 tw:text-xs tw:font-medium tw:px-3">
<div class="text-base-content/60 text-xs font-medium px-3">
{% trans "Count" %}
</div>
<a class="tw:px-3 tw:cursor-pointer"
<a class="px-3 cursor-pointer"
id="calc-menu-count"
_="on click
set original_value to my innerText