From ed3d58f1fd2a4766aa0d0e381c9f17459062bda8 Mon Sep 17 00:00:00 2001 From: Herculino Trotta Date: Sat, 15 Nov 2025 14:55:37 -0300 Subject: [PATCH] fix: slow down when page is loaded --- app/templates/includes/scripts.html | 2 -- .../scripts/hyperscript/hide_amount.html | 32 ----------------- .../includes/scripts/hyperscript/tooltip.html | 13 ------- app/templates/layouts/base.html | 2 +- frontend/src/js/hide_amounts.js | 35 +++++++++++++++++++ frontend/src/js/htmx.js | 2 -- frontend/src/main.js | 1 + 7 files changed, 37 insertions(+), 50 deletions(-) delete mode 100644 app/templates/includes/scripts/hyperscript/hide_amount.html delete mode 100644 app/templates/includes/scripts/hyperscript/tooltip.html create mode 100644 frontend/src/js/hide_amounts.js diff --git a/app/templates/includes/scripts.html b/app/templates/includes/scripts.html index b9522d0..78ea518 100644 --- a/app/templates/includes/scripts.html +++ b/app/templates/includes/scripts.html @@ -5,8 +5,6 @@ {% include 'includes/scripts/hyperscript/init_tom_select.html' %} {% include 'includes/scripts/hyperscript/init_date_picker.html' %} -{% include 'includes/scripts/hyperscript/hide_amount.html' %} -{% include 'includes/scripts/hyperscript/tooltip.html' %} {% include 'includes/scripts/hyperscript/htmx_error_handler.html' %} {% include 'includes/scripts/hyperscript/sounds.html' %} {% include 'includes/scripts/hyperscript/swal.html' %} diff --git a/app/templates/includes/scripts/hyperscript/hide_amount.html b/app/templates/includes/scripts/hyperscript/hide_amount.html deleted file mode 100644 index b545d19..0000000 --- a/app/templates/includes/scripts/hyperscript/hide_amount.html +++ /dev/null @@ -1,32 +0,0 @@ - diff --git a/app/templates/includes/scripts/hyperscript/tooltip.html b/app/templates/includes/scripts/hyperscript/tooltip.html deleted file mode 100644 index 5c40095..0000000 --- a/app/templates/includes/scripts/hyperscript/tooltip.html +++ /dev/null @@ -1,13 +0,0 @@ -{##} diff --git a/app/templates/layouts/base.html b/app/templates/layouts/base.html index f6f9257..d89e0df 100644 --- a/app/templates/layouts/base.html +++ b/app/templates/layouts/base.html @@ -23,7 +23,7 @@ {% block extra_js_head %}{% endblock %} -
{% include 'includes/mobile_navbar.html' %} diff --git a/frontend/src/js/hide_amounts.js b/frontend/src/js/hide_amounts.js new file mode 100644 index 0000000..bb84fbd --- /dev/null +++ b/frontend/src/js/hide_amounts.js @@ -0,0 +1,35 @@ +document.addEventListener('DOMContentLoaded', function () { + function updateAmountsVisibility() { + const amounts = document.querySelectorAll('.amount'); + const shouldHideAmounts = document.querySelector('#settings-hide-amounts'); + + amounts.forEach(el => { + if (shouldHideAmounts) { + if (!el.classList.contains('revealed')) { + el.textContent = '•••••••••••'; + } + } else { + el.innerHTML = `${el.dataset.originalSign}${el.dataset.originalPrefix}${el.dataset.originalAmount}${el.dataset.originalSuffix}`; + el.classList.remove('revealed'); + } + }); + } + + updateAmountsVisibility(); + + document.body.addEventListener('htmx:afterSwap', updateAmountsVisibility); + + document.body.addEventListener('click', function (event) { + const amountElement = event.target.closest('.amount'); + const shouldHideAmounts = document.querySelector('#settings-hide-amounts'); + + if (amountElement && shouldHideAmounts) { + if (amountElement.classList.contains('revealed')) { + amountElement.textContent = '•••••••••••'; + } else { + amountElement.innerHTML = `${amountElement.dataset.originalSign}${amountElement.dataset.originalPrefix}${amountElement.dataset.originalAmount}${amountElement.dataset.originalSuffix}`; + } + amountElement.classList.toggle('revealed'); + } + }); +}); diff --git a/frontend/src/js/htmx.js b/frontend/src/js/htmx.js index fc1fd5b..0988d4a 100644 --- a/frontend/src/js/htmx.js +++ b/frontend/src/js/htmx.js @@ -3,7 +3,6 @@ import './_htmx.js'; import Alpine from "alpinejs"; import mask from '@alpinejs/mask'; import collapse from '@alpinejs/collapse' -import Autosize from '@marcreichel/alpine-autosize'; import { create, all } from 'mathjs'; window.Alpine = Alpine; @@ -14,7 +13,6 @@ window.math = create(all, { Alpine.plugin(mask); Alpine.plugin(collapse); -Alpine.plugin(Autosize); Alpine.start(); _hyperscript.browserInit(); diff --git a/frontend/src/main.js b/frontend/src/main.js index bac611f..d5f201e 100644 --- a/frontend/src/main.js +++ b/frontend/src/main.js @@ -9,3 +9,4 @@ import './js/autosize.js'; import './js/sweetalert2.js'; import './js/style.js'; import './js/_utils.js'; +import './js/hide_amounts.js';