toggleable

6 files changed, 85 insertions, 64 deletions

diff --git a/locale/de/LC_MESSAGES/messages.po b/locale/de/LC_MESSAGES/messages.po
index 4f55a21..be75379 100644
--- a/locale/de/LC_MESSAGES/messages.po
+++ b/locale/de/LC_MESSAGES/messages.po
@@ -7,7 +7,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2024-03-30 23:28+0100\n"
+"POT-Creation-Date: 2024-03-30 23:31+0100\n"
 "PO-Revision-Date: 2024-02-24 20:06+0000\n"
 "Last-Translator: Stefan Kügel <skuegel@web.de>\n"
 "Language-Team: German <https://weblate.taler.net/projects/taler-ops/website/"
@@ -159,11 +159,11 @@ msgstr "Taler Operations AG - Kunden"
 msgid "Information about the fees Taler does, and does not collect."
 msgstr ""
 
-#: template/fees.html.j2:17
+#: template/fees.html.j2:18
 msgid "Wire transfer fee"
 msgstr ""
 
-#: template/fees.html.j2:21
+#: template/fees.html.j2:22
 msgid ""
 "A <b>wire fee</b> of <b>0.1&nbsp;CHF</b> is charged by Taler Operations on "
 "outgoing wire transfers when Taler is used to deposit funds into a bank "
@@ -175,11 +175,11 @@ msgid ""
 "week. The fee is simply subtracted from the total amount wired."
 msgstr ""
 
-#: template/fees.html.j2:35
+#: template/fees.html.j2:36
 msgid "Deposit fees"
 msgstr ""
 
-#: template/fees.html.j2:39
+#: template/fees.html.j2:40
 msgid ""
 "Withdrawing 5&nbsp;CHF creates electronic coins with denominations of "
 "0.04&nbsp;CHF, 0.16&nbsp;CHF, 0.32&nbsp;CHF, 0.64&nbsp;CHF, 1.28&nbsp;CHF, "
@@ -188,7 +188,7 @@ msgid ""
 "with 0.01&nbsp;CHF returned as change."
 msgstr ""
 
-#: template/fees.html.j2:47
+#: template/fees.html.j2:48
 msgid ""
 "<b>Deposit fees</b> charged by Taler payment providers depend on the "
 "electronic coins used in the transaction. Merchants can offer to pay deposit "
@@ -197,22 +197,22 @@ msgid ""
 "applicable deposit fees they have to pay before every transaction."
 msgstr ""
 
-#: template/fees.html.j2:56
+#: template/fees.html.j2:57
 msgid ""
 "The following table shows the deposit fee structure used by Taler Operations:"
 msgstr ""
 
-#: template/fees.html.j2:61
+#: template/fees.html.j2:62
 #, fuzzy
 #| msgid "Tokenization"
 msgid "Coin denomination"
 msgstr "Tokenization"
 
-#: template/fees.html.j2:62
+#: template/fees.html.j2:63
 msgid "Fee per Coin"
 msgstr ""
 
-#: template/fees.html.j2:78
+#: template/fees.html.j2:79
 msgid ""
 "Merchants can set the merchant backend if they want to cover customary fees. "
 "The backend will then over-approximate typical deposit and wire fees, "
@@ -221,11 +221,11 @@ msgid ""
 "amounts."
 msgstr ""
 
-#: template/fees.html.j2:94
+#: template/fees.html.j2:95
 msgid "Bounce fee"
 msgstr ""
 
-#: template/fees.html.j2:98
+#: template/fees.html.j2:99
 msgid ""
 "A <b>bounce fee</b> of <b>0.1&nbsp;CHF</b> is charged by Taler Operations to "
 "wire transfers that return funds to customers when either the Taler wallet "
@@ -235,18 +235,18 @@ msgid ""
 "transferred back to the original account."
 msgstr ""
 
-#: template/fees.html.j2:107
+#: template/fees.html.j2:108
 msgid ""
 "To avoid paying bounce fees payers should be careful when entering the wire "
 "transfer subject, and ensure that their wallet is online within a month of "
 "initiating the withdrawal."
 msgstr ""
 
-#: template/fees.html.j2:116
+#: template/fees.html.j2:117
 msgid "Possible loss of e-money due to expiration"
 msgstr ""
 
-#: template/fees.html.j2:120
+#: template/fees.html.j2:121
 msgid ""
 "Taler eCHF is issued by Taler Operations with a <b>1&nbsp;year</b> validity "
 "period. One month before the expiration date, you wallet should "
diff --git a/locale/en/LC_MESSAGES/messages.po b/locale/en/LC_MESSAGES/messages.po
index f515389..df8a341 100644
--- a/locale/en/LC_MESSAGES/messages.po
+++ b/locale/en/LC_MESSAGES/messages.po
@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2024-03-30 23:28+0100\n"
+"POT-Creation-Date: 2024-03-30 23:31+0100\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
@@ -129,11 +129,11 @@ msgstr ""
 msgid "Information about the fees Taler does, and does not collect."
 msgstr ""
 
-#: template/fees.html.j2:17
+#: template/fees.html.j2:18
 msgid "Wire transfer fee"
 msgstr ""
 
-#: template/fees.html.j2:21
+#: template/fees.html.j2:22
 msgid ""
 "A <b>wire fee</b> of <b>0.1&nbsp;CHF</b> is charged by Taler Operations on "
 "outgoing wire transfers when Taler is used to deposit funds into a bank "
@@ -145,11 +145,11 @@ msgid ""
 "week. The fee is simply subtracted from the total amount wired."
 msgstr ""
 
-#: template/fees.html.j2:35
+#: template/fees.html.j2:36
 msgid "Deposit fees"
 msgstr ""
 
-#: template/fees.html.j2:39
+#: template/fees.html.j2:40
 msgid ""
 "Withdrawing 5&nbsp;CHF creates electronic coins with denominations of "
 "0.04&nbsp;CHF, 0.16&nbsp;CHF, 0.32&nbsp;CHF, 0.64&nbsp;CHF, 1.28&nbsp;CHF, "
@@ -158,7 +158,7 @@ msgid ""
 "with 0.01&nbsp;CHF returned as change."
 msgstr ""
 
-#: template/fees.html.j2:47
+#: template/fees.html.j2:48
 msgid ""
 "<b>Deposit fees</b> charged by Taler payment providers depend on the "
 "electronic coins used in the transaction. Merchants can offer to pay deposit "
@@ -167,20 +167,20 @@ msgid ""
 "applicable deposit fees they have to pay before every transaction."
 msgstr ""
 
-#: template/fees.html.j2:56
+#: template/fees.html.j2:57
 msgid ""
 "The following table shows the deposit fee structure used by Taler Operations:"
 msgstr ""
 
-#: template/fees.html.j2:61
+#: template/fees.html.j2:62
 msgid "Coin denomination"
 msgstr ""
 
-#: template/fees.html.j2:62
+#: template/fees.html.j2:63
 msgid "Fee per Coin"
 msgstr ""
 
-#: template/fees.html.j2:78
+#: template/fees.html.j2:79
 msgid ""
 "Merchants can set the merchant backend if they want to cover customary fees. "
 "The backend will then over-approximate typical deposit and wire fees, "
@@ -189,11 +189,11 @@ msgid ""
 "amounts."
 msgstr ""
 
-#: template/fees.html.j2:94
+#: template/fees.html.j2:95
 msgid "Bounce fee"
 msgstr ""
 
-#: template/fees.html.j2:98
+#: template/fees.html.j2:99
 msgid ""
 "A <b>bounce fee</b> of <b>0.1&nbsp;CHF</b> is charged by Taler Operations to "
 "wire transfers that return funds to customers when either the Taler wallet "
@@ -203,18 +203,18 @@ msgid ""
 "transferred back to the original account."
 msgstr ""
 
-#: template/fees.html.j2:107
+#: template/fees.html.j2:108
 msgid ""
 "To avoid paying bounce fees payers should be careful when entering the wire "
 "transfer subject, and ensure that their wallet is online within a month of "
 "initiating the withdrawal."
 msgstr ""
 
-#: template/fees.html.j2:116
+#: template/fees.html.j2:117
 msgid "Possible loss of e-money due to expiration"
 msgstr ""
 
-#: template/fees.html.j2:120
+#: template/fees.html.j2:121
 msgid ""
 "Taler eCHF is issued by Taler Operations with a <b>1&nbsp;year</b> validity "
 "period. One month before the expiration date, you wallet should "
diff --git a/locale/fr/LC_MESSAGES/messages.po b/locale/fr/LC_MESSAGES/messages.po
index f8eb310..aeaa0f4 100644
--- a/locale/fr/LC_MESSAGES/messages.po
+++ b/locale/fr/LC_MESSAGES/messages.po
@@ -7,7 +7,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2024-03-30 23:28+0100\n"
+"POT-Creation-Date: 2024-03-30 23:31+0100\n"
 "PO-Revision-Date: 2024-02-12 18:13+0000\n"
 "Last-Translator: Stefan Kügel <skuegel@web.de>\n"
 "Language-Team: French <https://weblate.taler.net/projects/taler-ops/website/"
@@ -149,11 +149,11 @@ msgstr "Taler Operations AG - Pour les clients"
 msgid "Information about the fees Taler does, and does not collect."
 msgstr ""
 
-#: template/fees.html.j2:17
+#: template/fees.html.j2:18
 msgid "Wire transfer fee"
 msgstr ""
 
-#: template/fees.html.j2:21
+#: template/fees.html.j2:22
 msgid ""
 "A <b>wire fee</b> of <b>0.1&nbsp;CHF</b> is charged by Taler Operations on "
 "outgoing wire transfers when Taler is used to deposit funds into a bank "
@@ -165,11 +165,11 @@ msgid ""
 "week. The fee is simply subtracted from the total amount wired."
 msgstr ""
 
-#: template/fees.html.j2:35
+#: template/fees.html.j2:36
 msgid "Deposit fees"
 msgstr ""
 
-#: template/fees.html.j2:39
+#: template/fees.html.j2:40
 msgid ""
 "Withdrawing 5&nbsp;CHF creates electronic coins with denominations of "
 "0.04&nbsp;CHF, 0.16&nbsp;CHF, 0.32&nbsp;CHF, 0.64&nbsp;CHF, 1.28&nbsp;CHF, "
@@ -178,7 +178,7 @@ msgid ""
 "with 0.01&nbsp;CHF returned as change."
 msgstr ""
 
-#: template/fees.html.j2:47
+#: template/fees.html.j2:48
 msgid ""
 "<b>Deposit fees</b> charged by Taler payment providers depend on the "
 "electronic coins used in the transaction. Merchants can offer to pay deposit "
@@ -187,20 +187,20 @@ msgid ""
 "applicable deposit fees they have to pay before every transaction."
 msgstr ""
 
-#: template/fees.html.j2:56
+#: template/fees.html.j2:57
 msgid ""
 "The following table shows the deposit fee structure used by Taler Operations:"
 msgstr ""
 
-#: template/fees.html.j2:61
+#: template/fees.html.j2:62
 msgid "Coin denomination"
 msgstr ""
 
-#: template/fees.html.j2:62
+#: template/fees.html.j2:63
 msgid "Fee per Coin"
 msgstr ""
 
-#: template/fees.html.j2:78
+#: template/fees.html.j2:79
 msgid ""
 "Merchants can set the merchant backend if they want to cover customary fees. "
 "The backend will then over-approximate typical deposit and wire fees, "
@@ -209,11 +209,11 @@ msgid ""
 "amounts."
 msgstr ""
 
-#: template/fees.html.j2:94
+#: template/fees.html.j2:95
 msgid "Bounce fee"
 msgstr ""
 
-#: template/fees.html.j2:98
+#: template/fees.html.j2:99
 msgid ""
 "A <b>bounce fee</b> of <b>0.1&nbsp;CHF</b> is charged by Taler Operations to "
 "wire transfers that return funds to customers when either the Taler wallet "
@@ -223,18 +223,18 @@ msgid ""
 "transferred back to the original account."
 msgstr ""
 
-#: template/fees.html.j2:107
+#: template/fees.html.j2:108
 msgid ""
 "To avoid paying bounce fees payers should be careful when entering the wire "
 "transfer subject, and ensure that their wallet is online within a month of "
 "initiating the withdrawal."
 msgstr ""
 
-#: template/fees.html.j2:116
+#: template/fees.html.j2:117
 msgid "Possible loss of e-money due to expiration"
 msgstr ""
 
-#: template/fees.html.j2:120
+#: template/fees.html.j2:121
 msgid ""
 "Taler eCHF is issued by Taler Operations with a <b>1&nbsp;year</b> validity "
 "period. One month before the expiration date, you wallet should "
diff --git a/locale/messages.pot b/locale/messages.pot
index 9cd20ee..708573a 100644
--- a/locale/messages.pot
+++ b/locale/messages.pot
@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2024-03-30 23:29+0100\n"
+"POT-Creation-Date: 2024-03-30 23:31+0100\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
@@ -129,11 +129,11 @@ msgstr ""
 msgid "Information about the fees Taler does, and does not collect."
 msgstr ""
 
-#: template/fees.html.j2:17
+#: template/fees.html.j2:18
 msgid "Wire transfer fee"
 msgstr ""
 
-#: template/fees.html.j2:21
+#: template/fees.html.j2:22
 msgid ""
 "A <b>wire fee</b> of <b>0.1&nbsp;CHF</b> is charged by Taler Operations "
 "on outgoing wire transfers when Taler is used to deposit funds into a "
@@ -146,11 +146,11 @@ msgid ""
 "amount wired."
 msgstr ""
 
-#: template/fees.html.j2:35
+#: template/fees.html.j2:36
 msgid "Deposit fees"
 msgstr ""
 
-#: template/fees.html.j2:39
+#: template/fees.html.j2:40
 msgid ""
 "Withdrawing 5&nbsp;CHF creates electronic coins with denominations of "
 "0.04&nbsp;CHF, 0.16&nbsp;CHF, 0.32&nbsp;CHF, 0.64&nbsp;CHF, "
@@ -159,7 +159,7 @@ msgid ""
 "total of 3.24&nbsp;CHF with 0.01&nbsp;CHF returned as change."
 msgstr ""
 
-#: template/fees.html.j2:47
+#: template/fees.html.j2:48
 msgid ""
 "<b>Deposit fees</b> charged by Taler payment providers depend on the "
 "electronic coins used in the transaction. Merchants can offer to pay "
@@ -169,21 +169,21 @@ msgid ""
 "transaction."
 msgstr ""
 
-#: template/fees.html.j2:56
+#: template/fees.html.j2:57
 msgid ""
 "The following table shows the deposit fee structure used by Taler "
 "Operations:"
 msgstr ""
 
-#: template/fees.html.j2:61
+#: template/fees.html.j2:62
 msgid "Coin denomination"
 msgstr ""
 
-#: template/fees.html.j2:62
+#: template/fees.html.j2:63
 msgid "Fee per Coin"
 msgstr ""
 
-#: template/fees.html.j2:78
+#: template/fees.html.j2:79
 msgid ""
 "Merchants can set the merchant backend if they want to cover customary "
 "fees. The backend will then over-approximate typical deposit and wire "
@@ -192,11 +192,11 @@ msgid ""
 "transaction amounts."
 msgstr ""
 
-#: template/fees.html.j2:94
+#: template/fees.html.j2:95
 msgid "Bounce fee"
 msgstr ""
 
-#: template/fees.html.j2:98
+#: template/fees.html.j2:99
 msgid ""
 "A <b>bounce fee</b> of <b>0.1&nbsp;CHF</b> is charged by Taler Operations"
 " to wire transfers that return funds to customers when either the Taler "
@@ -206,18 +206,18 @@ msgid ""
 "amount transferred back to the original account."
 msgstr ""
 
-#: template/fees.html.j2:107
+#: template/fees.html.j2:108
 msgid ""
 "To avoid paying bounce fees payers should be careful when entering the "
 "wire transfer subject, and ensure that their wallet is online within a "
 "month of initiating the withdrawal."
 msgstr ""
 
-#: template/fees.html.j2:116
+#: template/fees.html.j2:117
 msgid "Possible loss of e-money due to expiration"
 msgstr ""
 
-#: template/fees.html.j2:120
+#: template/fees.html.j2:121
 msgid ""
 "Taler eCHF is issued by Taler Operations with a <b>1&nbsp;year</b> "
 "validity period. One month before the expiration date, you wallet should "
diff --git a/static/js/toggleable.ts b/static/js/toggleable.ts
new file mode 100644
index 0000000..6f7e43b
--- /dev/null
+++ b/static/js/toggleable.ts
@@ -0,0 +1,20 @@
+document
+  .querySelectorAll('.toggleable > .toggle-trigger')
+  .forEach((trigger) => {
+    const toggleable = trigger.parentElement;
+    const content = toggleable?.querySelector('.toggle-content');
+    if (!toggleable || !content)
+      return console.warn(
+        'trigger',
+        trigger,
+        'resulted in error:',
+        new Error(
+          'could not resolve one of: toggleable parent, toggleable content',
+        ),
+      );
+
+    trigger.addEventListener('click', () => {
+      content.classList.toggle('hidden');
+    });
+    content.classList.add('hidden');
+  });
diff --git a/template/fees.html.j2 b/template/fees.html.j2
index a75612a..5a7ac2d 100644
--- a/template/fees.html.j2
+++ b/template/fees.html.j2
@@ -9,10 +9,11 @@
   content="{% trans %}Information about the fees Taler does, and does not collect.{% endtrans %}"
 />
 <meta name="author" content="GNU Taler Operations" />
+<script src="{{ url_static('js/toggleable.ts') }}" defer></script>
 <link href="{{ url_static('scss/pages/fees.scss') }}" rel="stylesheet" />
 {% endblock %} {% block body_content %}
 <main id="maincontent" class="fess-page standard-layout-render">
-  <section class="toggleable">
+  <section class="toggleable max-w-screen-lg w-screen">
     <h2 class="toggle-trigger" tabindex="0">
       {% trans %}Wire transfer fee{% endtrans %}
     </h2>
@@ -30,7 +31,7 @@
       </p>
     </div>
   </section>
-  <section class="toggleable">
+  <section class="toggleable max-w-screen-lg w-screen">
     <h2 class="toggle-trigger" tabindex="0">
       {% trans %}Deposit fees{% endtrans %}
     </h2>
@@ -89,7 +90,7 @@
     </div>
   </section>
 
-  <section class="toggleable">
+  <section class="toggleable max-w-screen-lg w-screen">
     <h2 class="toggle-trigger" tabindex="0">
       {% trans %}Bounce fee{% endtrans %}
     </h2>
@@ -111,7 +112,7 @@
     </div>
   </section>
 
-  <div class="toggleable">
+  <div class="toggleable max-w-screen-lg w-screen">
     <h2 class="toggle-trigger" tabindex="0">
       {% trans %}Possible loss of e-money due to expiration{% endtrans %}
     </h2>