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';