[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[taler-taler-ops-www] branch master updated: fix my shit
From: |
gnunet |
Subject: |
[taler-taler-ops-www] branch master updated: fix my shit |
Date: |
Sun, 25 Feb 2024 09:02:28 +0100 |
This is an automated email from the git hooks/post-receive script.
nora pushed a commit to branch master
in repository taler-ops-www.
The following commit(s) were added to refs/heads/master by this push:
new b06b340 fix my shit
b06b340 is described below
commit b06b340e23d6ff055ba57e54f75beec7c5481c60
Author: Nullptrderef <nullptrderef@national.shitposting.agency>
AuthorDate: Sun Feb 25 09:02:18 2024 +0100
fix my shit
---
common/header.j2.inc | 8 +-
locale/de/LC_MESSAGES/messages.po | 84 ++++++++++-----------
locale/en/LC_MESSAGES/messages.po | 84 ++++++++++-----------
locale/fr/LC_MESSAGES/messages.po | 84 ++++++++++-----------
locale/messages.pot | 84 ++++++++++-----------
package.json | 2 +-
static/js/show-on-js.ts | 5 ++
static/js/toggle.ts | 73 +++++++++++++-----
static/scss/pages/users.scss | 6 ++
static/scss/util.scss | 3 +
template/users.html.j2 | 151 +++++++++++++++++++++++---------------
11 files changed, 332 insertions(+), 252 deletions(-)
diff --git a/common/header.j2.inc b/common/header.j2.inc
index 127269f..8757c1c 100644
--- a/common/header.j2.inc
+++ b/common/header.j2.inc
@@ -35,13 +35,11 @@
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
-<meta
- name="viewport"
- content="width=device-width, initial-scale=1, shrink-to-fit=no"
-/>
+<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no" />
<script src="{{ url_static('js/jquerymin.js') }}"></script>
+<script src="{{ url_static('js/show-on-js.ts') }}" defer></script>
<link href="{{ url_static('scss/global.scss') }}" rel="stylesheet" />
-<link href="{{ url_static('postcss/tailwind.css') }}" rel="stylesheet" />
+<link href="{{ url_static('postcss/tailwind.css') }}" rel="stylesheet" />
\ No newline at end of file
diff --git a/locale/de/LC_MESSAGES/messages.po
b/locale/de/LC_MESSAGES/messages.po
index 1af016a..280ef2e 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-02-25 05:32+0100\n"
+"POT-Creation-Date: 2024-02-25 06:35+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/"
@@ -233,7 +233,7 @@ msgstr "Für Händler"
msgid "Describes how merchants can use Taler."
msgstr ""
-#: template/merchants.html.j2:16 template/users.html.j2:18
+#: template/merchants.html.j2:16 template/users.html.j2:103
#, fuzzy
#| msgid "<span>Prerequisites</span>"
msgid "Prerequisites"
@@ -417,184 +417,184 @@ msgstr "Sprechen Sie mit uns am Telefon"
msgid "Have a question?"
msgstr "Wir beantworten gern Ihre Fragen unter"
-#: template/users.html.j2:3
+#: template/users.html.j2:2
#, fuzzy
#| msgid "For Users"
msgid "Taler for Users"
msgstr "Für Kunden"
-#: template/users.html.j2:5
+#: template/users.html.j2:6
msgid "Describes how to use taler"
msgstr ""
-#: template/users.html.j2:22
+#: template/users.html.j2:107
msgid "What do I need to use Taler for payments?"
msgstr "Was braucht man zur Nutzung?"
-#: template/users.html.j2:28
+#: template/users.html.j2:113
#, fuzzy
#| msgid "<b>SWISS BANK ACCOUNT</b> with an IBAN beginning with CH**"
msgid "<b>Swiss bank account</b> with an IBAN beginning with \"CH\""
msgstr "<b>SCHWEIZER BANKKONTO</b> bei einer Bank, deren IBAN mit CH** beginnt"
-#: template/users.html.j2:32
+#: template/users.html.j2:117
msgid ""
"<b>Mobile phone number</b> beginning with \"+41\" to receive P2P payments"
msgstr ""
-#: template/users.html.j2:36
+#: template/users.html.j2:121
#, fuzzy
#| msgid "Installation guide for users"
msgid "Installation of a"
msgstr "Installationsanleitung für Kunden"
-#: template/users.html.j2:41
+#: template/users.html.j2:126
#, fuzzy
#| msgid "Install Wallet"
msgid "Taler wallet"
msgstr "Installation"
-#: template/users.html.j2:103 template/users.html.j2:135
-#: template/users.html.j2:163 template/users.html.j2:211
-#: template/users.html.j2:256 template/users.html.j2:286
-#: template/users.html.j2:316 template/users.html.j2:347
-#: template/users.html.j2:394
+#: template/users.html.j2:138 template/users.html.j2:170
+#: template/users.html.j2:198 template/users.html.j2:246
+#: template/users.html.j2:291 template/users.html.j2:321
+#: template/users.html.j2:351 template/users.html.j2:382
+#: template/users.html.j2:429
msgid "Step"
msgstr ""
-#: template/users.html.j2:104
+#: template/users.html.j2:139
msgid "Select provider</span>"
msgstr ""
-#: template/users.html.j2:107
+#: template/users.html.j2:142
msgid ""
"Initially, you may need to add Taler Operations as a payment service "
"provider. The easiest way to do so is to scan the QR code on the right, "
"which will also initiate the withdrawal process."
msgstr ""
-#: template/users.html.j2:113
+#: template/users.html.j2:148
msgid ""
"If you already have a payment service provider for the \"CHF\" currency, you "
"can also just click on the \"add\" button on the \"CHF balance\" screen."
msgstr ""
-#: template/users.html.j2:136
+#: template/users.html.j2:171
msgid "Enter amount</span>"
msgstr ""
-#: template/users.html.j2:139
+#: template/users.html.j2:174
msgid "Enter the desired amount to be withdrawn."
msgstr ""
-#: template/users.html.j2:142
+#: template/users.html.j2:177
msgid "Afterwards, select \"Withdraw\" from my bank account."
msgstr ""
-#: template/users.html.j2:164
+#: template/users.html.j2:199
msgid "Accept terms</span>"
msgstr ""
-#: template/users.html.j2:167
+#: template/users.html.j2:202
msgid "Please read the Terms of Service and accept them."
msgstr ""
"Bitte lesen Sie die Allgemeinen Geschäftsbedingungen (AGB) und bestätigen "
"diese (einmalig bei der ersten Abhebung bei einem Systembetreiber und im "
"Fall von AGB-Änderungen)."
-#: template/users.html.j2:171
+#: template/users.html.j2:206
msgid ""
"You will only need to do so the first time, or when the terms have been "
"updated."
msgstr ""
-#: template/users.html.j2:212
+#: template/users.html.j2:247
msgid "Review</span>"
msgstr ""
-#: template/users.html.j2:214
+#: template/users.html.j2:249
msgid "Review and confirm the operation."
msgstr ""
-#: template/users.html.j2:216
+#: template/users.html.j2:251
msgid "Depending on the payment service provider, you may be shown fees."
msgstr ""
-#: template/users.html.j2:257
+#: template/users.html.j2:292
msgid "Wire transfer</span>"
msgstr ""
-#: template/users.html.j2:260
+#: template/users.html.j2:295
msgid ""
"The wallet will show you the subject, target account and amount to transfer."
msgstr ""
-#: template/users.html.j2:264
+#: template/users.html.j2:299
msgid ""
"Copy the information into your online banking application and wire the funds "
"to the payment service provider."
msgstr ""
-#: template/users.html.j2:287
+#: template/users.html.j2:322
msgid "Wait!</span>"
msgstr ""
-#: template/users.html.j2:290
+#: template/users.html.j2:325
msgid ""
"The wallet will automatically receive the digital cash once your wire "
"transfer has arrived at the payment service provider."
msgstr ""
-#: template/users.html.j2:295
+#: template/users.html.j2:330
msgid ""
"Depending on your bank, this may take a few days. You do not need to keep "
"the wallet open."
msgstr ""
-#: template/users.html.j2:317
+#: template/users.html.j2:352
msgid "Shop</span>"
msgstr ""
-#: template/users.html.j2:320
+#: template/users.html.j2:355
msgid ""
"When shopping, the wallet may be launched automatically or you may need to "
"click a link, scan a QR code or even select the wallet extension manually "
"depending on the context."
msgstr ""
-#: template/users.html.j2:325
+#: template/users.html.j2:360
msgid ""
"The QR code scanner button can also be held to manually enter a \"taler://\"-"
"URI, for example if you received one via text message."
msgstr ""
-#: template/users.html.j2:348
+#: template/users.html.j2:383
msgid "Pay</span>"
msgstr ""
-#: template/users.html.j2:351
+#: template/users.html.j2:386
msgid ""
"The wallet will show you details about what you are buying, including the "
"price and applicable fees."
msgstr ""
-#: template/users.html.j2:355
+#: template/users.html.j2:390
msgid "Simply press \"Pay\" to make the payment."
msgstr ""
-#: template/users.html.j2:395
+#: template/users.html.j2:430
msgid "Manage</span>"
msgstr ""
-#: template/users.html.j2:398
+#: template/users.html.j2:433
msgid "The wallet keeps track of your transaction history."
msgstr ""
-#: template/users.html.j2:402
+#: template/users.html.j2:437
msgid "You can delete transactions, erasing any trace that you were the buyer."
msgstr ""
-#: template/users.html.j2:428
+#: template/users.html.j2:463
msgid "Frequently Asked Questions"
msgstr "FAQs (Frequently Asked Questions)"
diff --git a/locale/en/LC_MESSAGES/messages.po
b/locale/en/LC_MESSAGES/messages.po
index dc235b9..b4d44bc 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-02-25 05:32+0100\n"
+"POT-Creation-Date: 2024-02-25 06:35+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"
@@ -193,7 +193,7 @@ msgstr ""
msgid "Describes how merchants can use Taler."
msgstr ""
-#: template/merchants.html.j2:16 template/users.html.j2:18
+#: template/merchants.html.j2:16 template/users.html.j2:103
msgid "Prerequisites"
msgstr ""
@@ -360,172 +360,172 @@ msgstr ""
msgid "Have a question?"
msgstr ""
-#: template/users.html.j2:3
+#: template/users.html.j2:2
msgid "Taler for Users"
msgstr ""
-#: template/users.html.j2:5
+#: template/users.html.j2:6
msgid "Describes how to use taler"
msgstr ""
-#: template/users.html.j2:22
+#: template/users.html.j2:107
msgid "What do I need to use Taler for payments?"
msgstr ""
-#: template/users.html.j2:28
+#: template/users.html.j2:113
msgid "<b>Swiss bank account</b> with an IBAN beginning with \"CH\""
msgstr ""
-#: template/users.html.j2:32
+#: template/users.html.j2:117
msgid ""
"<b>Mobile phone number</b> beginning with \"+41\" to receive P2P payments"
msgstr ""
-#: template/users.html.j2:36
+#: template/users.html.j2:121
msgid "Installation of a"
msgstr ""
-#: template/users.html.j2:41
+#: template/users.html.j2:126
msgid "Taler wallet"
msgstr ""
-#: template/users.html.j2:103 template/users.html.j2:135
-#: template/users.html.j2:163 template/users.html.j2:211
-#: template/users.html.j2:256 template/users.html.j2:286
-#: template/users.html.j2:316 template/users.html.j2:347
-#: template/users.html.j2:394
+#: template/users.html.j2:138 template/users.html.j2:170
+#: template/users.html.j2:198 template/users.html.j2:246
+#: template/users.html.j2:291 template/users.html.j2:321
+#: template/users.html.j2:351 template/users.html.j2:382
+#: template/users.html.j2:429
msgid "Step"
msgstr ""
-#: template/users.html.j2:104
+#: template/users.html.j2:139
msgid "Select provider</span>"
msgstr ""
-#: template/users.html.j2:107
+#: template/users.html.j2:142
msgid ""
"Initially, you may need to add Taler Operations as a payment service "
"provider. The easiest way to do so is to scan the QR code on the right, "
"which will also initiate the withdrawal process."
msgstr ""
-#: template/users.html.j2:113
+#: template/users.html.j2:148
msgid ""
"If you already have a payment service provider for the \"CHF\" currency, you "
"can also just click on the \"add\" button on the \"CHF balance\" screen."
msgstr ""
-#: template/users.html.j2:136
+#: template/users.html.j2:171
msgid "Enter amount</span>"
msgstr ""
-#: template/users.html.j2:139
+#: template/users.html.j2:174
msgid "Enter the desired amount to be withdrawn."
msgstr ""
-#: template/users.html.j2:142
+#: template/users.html.j2:177
msgid "Afterwards, select \"Withdraw\" from my bank account."
msgstr ""
-#: template/users.html.j2:164
+#: template/users.html.j2:199
msgid "Accept terms</span>"
msgstr ""
-#: template/users.html.j2:167
+#: template/users.html.j2:202
msgid "Please read the Terms of Service and accept them."
msgstr ""
-#: template/users.html.j2:171
+#: template/users.html.j2:206
msgid ""
"You will only need to do so the first time, or when the terms have been "
"updated."
msgstr ""
-#: template/users.html.j2:212
+#: template/users.html.j2:247
msgid "Review</span>"
msgstr ""
-#: template/users.html.j2:214
+#: template/users.html.j2:249
msgid "Review and confirm the operation."
msgstr ""
-#: template/users.html.j2:216
+#: template/users.html.j2:251
msgid "Depending on the payment service provider, you may be shown fees."
msgstr ""
-#: template/users.html.j2:257
+#: template/users.html.j2:292
msgid "Wire transfer</span>"
msgstr ""
-#: template/users.html.j2:260
+#: template/users.html.j2:295
msgid ""
"The wallet will show you the subject, target account and amount to transfer."
msgstr ""
-#: template/users.html.j2:264
+#: template/users.html.j2:299
msgid ""
"Copy the information into your online banking application and wire the funds "
"to the payment service provider."
msgstr ""
-#: template/users.html.j2:287
+#: template/users.html.j2:322
msgid "Wait!</span>"
msgstr ""
-#: template/users.html.j2:290
+#: template/users.html.j2:325
msgid ""
"The wallet will automatically receive the digital cash once your wire "
"transfer has arrived at the payment service provider."
msgstr ""
-#: template/users.html.j2:295
+#: template/users.html.j2:330
msgid ""
"Depending on your bank, this may take a few days. You do not need to keep "
"the wallet open."
msgstr ""
-#: template/users.html.j2:317
+#: template/users.html.j2:352
msgid "Shop</span>"
msgstr ""
-#: template/users.html.j2:320
+#: template/users.html.j2:355
msgid ""
"When shopping, the wallet may be launched automatically or you may need to "
"click a link, scan a QR code or even select the wallet extension manually "
"depending on the context."
msgstr ""
-#: template/users.html.j2:325
+#: template/users.html.j2:360
msgid ""
"The QR code scanner button can also be held to manually enter a \"taler://\"-"
"URI, for example if you received one via text message."
msgstr ""
-#: template/users.html.j2:348
+#: template/users.html.j2:383
msgid "Pay</span>"
msgstr ""
-#: template/users.html.j2:351
+#: template/users.html.j2:386
msgid ""
"The wallet will show you details about what you are buying, including the "
"price and applicable fees."
msgstr ""
-#: template/users.html.j2:355
+#: template/users.html.j2:390
msgid "Simply press \"Pay\" to make the payment."
msgstr ""
-#: template/users.html.j2:395
+#: template/users.html.j2:430
msgid "Manage</span>"
msgstr ""
-#: template/users.html.j2:398
+#: template/users.html.j2:433
msgid "The wallet keeps track of your transaction history."
msgstr ""
-#: template/users.html.j2:402
+#: template/users.html.j2:437
msgid "You can delete transactions, erasing any trace that you were the buyer."
msgstr ""
-#: template/users.html.j2:428
+#: template/users.html.j2:463
msgid "Frequently Asked Questions"
msgstr ""
diff --git a/locale/fr/LC_MESSAGES/messages.po
b/locale/fr/LC_MESSAGES/messages.po
index 3c2f587..c9e7bb4 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-02-25 05:32+0100\n"
+"POT-Creation-Date: 2024-02-25 06:35+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/"
@@ -215,7 +215,7 @@ msgstr "Taler Operations AG - Pour marchands"
msgid "Describes how merchants can use Taler."
msgstr ""
-#: template/merchants.html.j2:16 template/users.html.j2:18
+#: template/merchants.html.j2:16 template/users.html.j2:103
msgid "Prerequisites"
msgstr ""
@@ -384,176 +384,176 @@ msgstr ""
msgid "Have a question?"
msgstr ""
-#: template/users.html.j2:3
+#: template/users.html.j2:2
#, fuzzy
#| msgid "Taler Operations AG - Users"
msgid "Taler for Users"
msgstr "Taler Operations AG - Pour les clients"
-#: template/users.html.j2:5
+#: template/users.html.j2:6
msgid "Describes how to use taler"
msgstr ""
-#: template/users.html.j2:22
+#: template/users.html.j2:107
msgid "What do I need to use Taler for payments?"
msgstr ""
-#: template/users.html.j2:28
+#: template/users.html.j2:113
msgid "<b>Swiss bank account</b> with an IBAN beginning with \"CH\""
msgstr ""
-#: template/users.html.j2:32
+#: template/users.html.j2:117
msgid ""
"<b>Mobile phone number</b> beginning with \"+41\" to receive P2P payments"
msgstr ""
-#: template/users.html.j2:36
+#: template/users.html.j2:121
#, fuzzy
msgid "Installation of a"
msgstr "Guide d'installation utilisateur"
-#: template/users.html.j2:41
+#: template/users.html.j2:126
msgid "Taler wallet"
msgstr ""
-#: template/users.html.j2:103 template/users.html.j2:135
-#: template/users.html.j2:163 template/users.html.j2:211
-#: template/users.html.j2:256 template/users.html.j2:286
-#: template/users.html.j2:316 template/users.html.j2:347
-#: template/users.html.j2:394
+#: template/users.html.j2:138 template/users.html.j2:170
+#: template/users.html.j2:198 template/users.html.j2:246
+#: template/users.html.j2:291 template/users.html.j2:321
+#: template/users.html.j2:351 template/users.html.j2:382
+#: template/users.html.j2:429
msgid "Step"
msgstr ""
-#: template/users.html.j2:104
+#: template/users.html.j2:139
msgid "Select provider</span>"
msgstr ""
-#: template/users.html.j2:107
+#: template/users.html.j2:142
msgid ""
"Initially, you may need to add Taler Operations as a payment service "
"provider. The easiest way to do so is to scan the QR code on the right, "
"which will also initiate the withdrawal process."
msgstr ""
-#: template/users.html.j2:113
+#: template/users.html.j2:148
msgid ""
"If you already have a payment service provider for the \"CHF\" currency, you "
"can also just click on the \"add\" button on the \"CHF balance\" screen."
msgstr ""
-#: template/users.html.j2:136
+#: template/users.html.j2:171
msgid "Enter amount</span>"
msgstr ""
-#: template/users.html.j2:139
+#: template/users.html.j2:174
msgid "Enter the desired amount to be withdrawn."
msgstr ""
-#: template/users.html.j2:142
+#: template/users.html.j2:177
msgid "Afterwards, select \"Withdraw\" from my bank account."
msgstr ""
-#: template/users.html.j2:164
+#: template/users.html.j2:199
msgid "Accept terms</span>"
msgstr ""
-#: template/users.html.j2:167
+#: template/users.html.j2:202
msgid "Please read the Terms of Service and accept them."
msgstr ""
-#: template/users.html.j2:171
+#: template/users.html.j2:206
msgid ""
"You will only need to do so the first time, or when the terms have been "
"updated."
msgstr ""
-#: template/users.html.j2:212
+#: template/users.html.j2:247
msgid "Review</span>"
msgstr ""
-#: template/users.html.j2:214
+#: template/users.html.j2:249
msgid "Review and confirm the operation."
msgstr ""
-#: template/users.html.j2:216
+#: template/users.html.j2:251
msgid "Depending on the payment service provider, you may be shown fees."
msgstr ""
-#: template/users.html.j2:257
+#: template/users.html.j2:292
msgid "Wire transfer</span>"
msgstr ""
-#: template/users.html.j2:260
+#: template/users.html.j2:295
msgid ""
"The wallet will show you the subject, target account and amount to transfer."
msgstr ""
-#: template/users.html.j2:264
+#: template/users.html.j2:299
msgid ""
"Copy the information into your online banking application and wire the funds "
"to the payment service provider."
msgstr ""
-#: template/users.html.j2:287
+#: template/users.html.j2:322
msgid "Wait!</span>"
msgstr ""
-#: template/users.html.j2:290
+#: template/users.html.j2:325
msgid ""
"The wallet will automatically receive the digital cash once your wire "
"transfer has arrived at the payment service provider."
msgstr ""
-#: template/users.html.j2:295
+#: template/users.html.j2:330
msgid ""
"Depending on your bank, this may take a few days. You do not need to keep "
"the wallet open."
msgstr ""
-#: template/users.html.j2:317
+#: template/users.html.j2:352
msgid "Shop</span>"
msgstr ""
-#: template/users.html.j2:320
+#: template/users.html.j2:355
msgid ""
"When shopping, the wallet may be launched automatically or you may need to "
"click a link, scan a QR code or even select the wallet extension manually "
"depending on the context."
msgstr ""
-#: template/users.html.j2:325
+#: template/users.html.j2:360
msgid ""
"The QR code scanner button can also be held to manually enter a \"taler://\"-"
"URI, for example if you received one via text message."
msgstr ""
-#: template/users.html.j2:348
+#: template/users.html.j2:383
msgid "Pay</span>"
msgstr ""
-#: template/users.html.j2:351
+#: template/users.html.j2:386
msgid ""
"The wallet will show you details about what you are buying, including the "
"price and applicable fees."
msgstr ""
-#: template/users.html.j2:355
+#: template/users.html.j2:390
msgid "Simply press \"Pay\" to make the payment."
msgstr ""
-#: template/users.html.j2:395
+#: template/users.html.j2:430
msgid "Manage</span>"
msgstr ""
-#: template/users.html.j2:398
+#: template/users.html.j2:433
msgid "The wallet keeps track of your transaction history."
msgstr ""
-#: template/users.html.j2:402
+#: template/users.html.j2:437
msgid "You can delete transactions, erasing any trace that you were the buyer."
msgstr ""
-#: template/users.html.j2:428
+#: template/users.html.j2:463
msgid "Frequently Asked Questions"
msgstr ""
diff --git a/locale/messages.pot b/locale/messages.pot
index 10ebd35..62ba37c 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-02-25 05:32+0100\n"
+"POT-Creation-Date: 2024-02-25 06:35+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"
@@ -193,7 +193,7 @@ msgstr ""
msgid "Describes how merchants can use Taler."
msgstr ""
-#: template/merchants.html.j2:16 template/users.html.j2:18
+#: template/merchants.html.j2:16 template/users.html.j2:103
msgid "Prerequisites"
msgstr ""
@@ -360,174 +360,174 @@ msgstr ""
msgid "Have a question?"
msgstr ""
-#: template/users.html.j2:3
+#: template/users.html.j2:2
msgid "Taler for Users"
msgstr ""
-#: template/users.html.j2:5
+#: template/users.html.j2:6
msgid "Describes how to use taler"
msgstr ""
-#: template/users.html.j2:22
+#: template/users.html.j2:107
msgid "What do I need to use Taler for payments?"
msgstr ""
-#: template/users.html.j2:28
+#: template/users.html.j2:113
msgid "<b>Swiss bank account</b> with an IBAN beginning with \"CH\""
msgstr ""
-#: template/users.html.j2:32
+#: template/users.html.j2:117
msgid "<b>Mobile phone number</b> beginning with \"+41\" to receive P2P
payments"
msgstr ""
-#: template/users.html.j2:36
+#: template/users.html.j2:121
msgid "Installation of a"
msgstr ""
-#: template/users.html.j2:41
+#: template/users.html.j2:126
msgid "Taler wallet"
msgstr ""
-#: template/users.html.j2:103 template/users.html.j2:135
-#: template/users.html.j2:163 template/users.html.j2:211
-#: template/users.html.j2:256 template/users.html.j2:286
-#: template/users.html.j2:316 template/users.html.j2:347
-#: template/users.html.j2:394
+#: template/users.html.j2:138 template/users.html.j2:170
+#: template/users.html.j2:198 template/users.html.j2:246
+#: template/users.html.j2:291 template/users.html.j2:321
+#: template/users.html.j2:351 template/users.html.j2:382
+#: template/users.html.j2:429
msgid "Step"
msgstr ""
-#: template/users.html.j2:104
+#: template/users.html.j2:139
msgid "Select provider</span>"
msgstr ""
-#: template/users.html.j2:107
+#: template/users.html.j2:142
msgid ""
"Initially, you may need to add Taler Operations as a payment service "
"provider. The easiest way to do so is to scan the QR code on the right, "
"which will also initiate the withdrawal process."
msgstr ""
-#: template/users.html.j2:113
+#: template/users.html.j2:148
msgid ""
"If you already have a payment service provider for the \"CHF\" currency, "
"you can also just click on the \"add\" button on the \"CHF balance\" "
"screen."
msgstr ""
-#: template/users.html.j2:136
+#: template/users.html.j2:171
msgid "Enter amount</span>"
msgstr ""
-#: template/users.html.j2:139
+#: template/users.html.j2:174
msgid "Enter the desired amount to be withdrawn."
msgstr ""
-#: template/users.html.j2:142
+#: template/users.html.j2:177
msgid "Afterwards, select \"Withdraw\" from my bank account."
msgstr ""
-#: template/users.html.j2:164
+#: template/users.html.j2:199
msgid "Accept terms</span>"
msgstr ""
-#: template/users.html.j2:167
+#: template/users.html.j2:202
msgid "Please read the Terms of Service and accept them."
msgstr ""
-#: template/users.html.j2:171
+#: template/users.html.j2:206
msgid ""
"You will only need to do so the first time, or when the terms have been "
"updated."
msgstr ""
-#: template/users.html.j2:212
+#: template/users.html.j2:247
msgid "Review</span>"
msgstr ""
-#: template/users.html.j2:214
+#: template/users.html.j2:249
msgid "Review and confirm the operation."
msgstr ""
-#: template/users.html.j2:216
+#: template/users.html.j2:251
msgid "Depending on the payment service provider, you may be shown fees."
msgstr ""
-#: template/users.html.j2:257
+#: template/users.html.j2:292
msgid "Wire transfer</span>"
msgstr ""
-#: template/users.html.j2:260
+#: template/users.html.j2:295
msgid ""
"The wallet will show you the subject, target account and amount to "
"transfer."
msgstr ""
-#: template/users.html.j2:264
+#: template/users.html.j2:299
msgid ""
"Copy the information into your online banking application and wire the "
"funds to the payment service provider."
msgstr ""
-#: template/users.html.j2:287
+#: template/users.html.j2:322
msgid "Wait!</span>"
msgstr ""
-#: template/users.html.j2:290
+#: template/users.html.j2:325
msgid ""
"The wallet will automatically receive the digital cash once your wire "
"transfer has arrived at the payment service provider."
msgstr ""
-#: template/users.html.j2:295
+#: template/users.html.j2:330
msgid ""
"Depending on your bank, this may take a few days. You do not need to keep"
" the wallet open."
msgstr ""
-#: template/users.html.j2:317
+#: template/users.html.j2:352
msgid "Shop</span>"
msgstr ""
-#: template/users.html.j2:320
+#: template/users.html.j2:355
msgid ""
"When shopping, the wallet may be launched automatically or you may need "
"to click a link, scan a QR code or even select the wallet extension "
"manually depending on the context."
msgstr ""
-#: template/users.html.j2:325
+#: template/users.html.j2:360
msgid ""
"The QR code scanner button can also be held to manually enter a "
"\"taler://\"-URI, for example if you received one via text message."
msgstr ""
-#: template/users.html.j2:348
+#: template/users.html.j2:383
msgid "Pay</span>"
msgstr ""
-#: template/users.html.j2:351
+#: template/users.html.j2:386
msgid ""
"The wallet will show you details about what you are buying, including the"
" price and applicable fees."
msgstr ""
-#: template/users.html.j2:355
+#: template/users.html.j2:390
msgid "Simply press \"Pay\" to make the payment."
msgstr ""
-#: template/users.html.j2:395
+#: template/users.html.j2:430
msgid "Manage</span>"
msgstr ""
-#: template/users.html.j2:398
+#: template/users.html.j2:433
msgid "The wallet keeps track of your transaction history."
msgstr ""
-#: template/users.html.j2:402
+#: template/users.html.j2:437
msgid "You can delete transactions, erasing any trace that you were the buyer."
msgstr ""
-#: template/users.html.j2:428
+#: template/users.html.j2:463
msgid "Frequently Asked Questions"
msgstr ""
diff --git a/package.json b/package.json
index 837b2be..5d9f167 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
"name": "taler-ops-www",
"description": "Taler Operations WWW",
"scripts": {
- "optimize-css": "for file in dist/css/*.css; do purifycss $file
'dist/**/*.html' -m -o $file.pure.css; mv $file.pure.css $file;done;",
+ "optimize-css": "for file in dist/immutable/css/*.css; do purifycss $file
'dist/**/*.html' -m -o $file.pure.css; mv $file.pure.css $file;done;",
"prepare-parcel": "echo \"<h1>parcel entrypoints</h1>\" >
rendered/index.html && for file in rendered/**/*.html; do echo \"<a
href='$file'>$file</a>\" >> rendered/index.html; done; sed -i 's/rendered/./g'
rendered/index.html",
"build-parcel": "parcel build rendered/index.html --public-url
BASE_URL_RELATIVE_TO_FILE",
"build-parcel-no-optimize": "parcel build rendered/index.html --public-url
BASE_URL_RELATIVE_TO_FILE --no-optimize",
diff --git a/static/js/show-on-js.ts b/static/js/show-on-js.ts
new file mode 100644
index 0000000..7dd59c5
--- /dev/null
+++ b/static/js/show-on-js.ts
@@ -0,0 +1,5 @@
+// the opposite of a noscript tag
+document.querySelectorAll('.show-on-js').forEach((v) => {
+ v.classList.remove('hidden');
+ v.classList.remove('show-on-js');
+});
diff --git a/static/js/toggle.ts b/static/js/toggle.ts
index c9c7ea4..bf32a27 100644
--- a/static/js/toggle.ts
+++ b/static/js/toggle.ts
@@ -1,23 +1,56 @@
-function disableGroup(key) {
- var group = document.querySelectorAll('.group-'+key);
- group.forEach((element) => {
- element.style.display = 'none';
- })
-}
+type Key = 'firefox' | 'chrome' | 'android' | 'ios'; // an enum might be
better but its 6am i havent slept for 18hrs ill deal with this later
-function allOff () {
- disableGroup('android');
- disableGroup('chrome');
- disableGroup('firefox');
- disableGroup('ios');
-}
+// Declare the group selection function as a global
+declare const selectGroup: (key: Key, scroll?: boolean) => void;
-function selectGroup(key) {
- allOff();
- var group = document.querySelectorAll('.group-'+key);
- group.forEach((element) => {
- element.style.display = 'block';
- })
-}
+(() => {
+ // Scope everything to not expose things that arent necessary
+ const disableGroup = (key: Key) => {
+ const group = document.querySelectorAll('.group-' + key);
+ group.forEach((element) =>
+ (element as HTMLElement).classList.add('hidden'),
+ );
+ document
+ .querySelectorAll(
+ `[data-vendor-brand-path-element=${JSON.stringify(key)}]`,
+ )
+ .forEach((v) => v.setAttribute('fill', '#777'));
+ };
-selectGroup('firefox');
+ const disableAll = () => {
+ disableGroup('android');
+ disableGroup('chrome');
+ disableGroup('firefox');
+ disableGroup('ios');
+ };
+
+ const selectGroup = (key: Key, scroll = true) => {
+ disableAll();
+ const group = document.querySelectorAll('.group-' + key);
+ group.forEach((element) => {
+ (element as HTMLElement).classList.remove('hidden');
+ });
+ document
+ .querySelectorAll(
+ `[data-vendor-brand-path-element=${JSON.stringify(key)}]`,
+ )
+ .forEach((v) => v.setAttribute('fill', '#0042B3'));
+ const firstSection = document.querySelector('#first-section');
+ if (scroll && firstSection)
+ document.documentElement.scrollTo({
+ behavior: 'smooth',
+ top:
+ (firstSection as HTMLElement).offsetTop -
+ ((document
+ .querySelector('header.navigation-menu')
+ ?.getBoundingClientRect().height ?? 0) +
+ 32),
+ });
+ };
+
+ // Assign selectGroup to the global scope
+ globalThis['selectGroup' as any] = selectGroup;
+
+ // Call it - we should implement basic UA detection here
+ selectGroup('firefox', false);
+})();
diff --git a/static/scss/pages/users.scss b/static/scss/pages/users.scss
new file mode 100644
index 0000000..f598ce3
--- /dev/null
+++ b/static/scss/pages/users.scss
@@ -0,0 +1,6 @@
+.browser-selection {
+ @apply flex flex-row items-center justify-center w-max gap-8 p-12
rounded-3xl text-center;
+ svg {
+ @apply w-14;
+ }
+}
diff --git a/static/scss/util.scss b/static/scss/util.scss
index 80cfe08..6fb4486 100644
--- a/static/scss/util.scss
+++ b/static/scss/util.scss
@@ -22,3 +22,6 @@
}
}
}
+.show-on-js {
+ display: none !important;
+}
diff --git a/template/users.html.j2 b/template/users.html.j2
index 007f4a8..372a14f 100644
--- a/template/users.html.j2
+++ b/template/users.html.j2
@@ -1,15 +1,100 @@
-{% extends "common/base.j2" %}
-{% block head_content %}
+{% extends "common/base.j2" %} {% block head_content %}
<title>{% trans %}Taler for Users{% endtrans %}</title>
{# TODO: Provide a better opengraph description #}
-<meta name="description" content="{% trans %}Describes how to use taler{%
endtrans %}" />
+<meta
+ name="description"
+ content="{% trans %}Describes how to use taler{% endtrans %}"
+/>
{# <meta name="author" content="" /> #}
<script src="{{ url_static('js/toggle.ts') }}" defer></script>
-{% endblock %}
-
-{% block body_content %}
-<main id="maincontent">
- <section class="mid_sec mid_SecPanel">
+<link href="{{ url_static('scss/pages/users.scss') }}" rel="stylesheet" />
+{% endblock %} {% block body_content %}
+<main id="maincontent" class="flex flex-col items-center gap-16">
+ <div
+ class="section show-on-js flex flex-col items-center justify-center w-max
text-center min-h-[60vh]"
+ >
+ <div
+ class="inner flex flex-col items-center justify-center w-max text-center
p-12 bg-gray-100 rounded-3xl"
+ >
+ <h2 class="text-2xl font-semibold mb-3">
+ Select your platform of choice
+ </h2>
+ <p class="text-xl font-normal mb-8">
+ Please select which platform you're running.
+ </p>
+ <div class="browser-selection">
+ <a
+ href="javascript:selectGroup('android')"
+ aria-label="Select Instructions for Android"
+ role="radio"
+ >
+ <svg
+ role="img"
+ viewBox="0 0 24 24"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="M18.4395 5.5586c-.675 1.1664-1.352 2.3318-2.0274
3.498-.0366-.0155-.0742-.0286-.1113-.043-1.8249-.6957-3.484-.8-4.42-.787-1.8551.0185-3.3544.4643-4.2597.8203-.084-.1494-1.7526-3.021-2.0215-3.4864a1.1451
1.1451 0 0
0-.1406-.1914c-.3312-.364-.9054-.4859-1.379-.203-.475.282-.7136.9361-.3886
1.5019 1.9466 3.3696-.0966-.2158 1.9473 3.3593.0172.031-.4946.2642-1.3926
1.0177C2.8987 12.176.452 14.772 0
18.9902h24c-.119-1.1108-.3686-2.099-.7461-3.0683-.7438-1.9118-1.8435-3.2928-2.
[...]
+ fill="#777"
+ data-vendor-brand-path-element="android"
+ />
+ </svg>
+ </a>
+ <a
+ href="javascript:selectGroup('ios')"
+ aria-label="Select Instructions for iOS"
+ role="radio"
+ >
+ <svg
+ role="img"
+ viewBox="0 0 24 24"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="M1.1 6.05C.486 6.05 0 6.53 0 7.13A1.08 1.08 0 0 0 1.1
8.21C1.72 8.21 2.21 7.73 2.21 7.13C2.21 6.53 1.72 6.05 1.1 6.05M8.71 6.07C5.35
6.07 3.25 8.36 3.25 12C3.25 15.67 5.35 17.95 8.71 17.95C12.05 17.95 14.16 15.67
14.16 12C14.16 8.36 12.05 6.07 8.71 6.07M19.55 6.07C17.05 6.07 15.27 7.45 15.27
9.5C15.27 11.13 16.28 12.15 18.4 12.64L19.89 13C21.34 13.33 21.93 13.81 21.93
14.64C21.93 15.6 20.96 16.28 19.58 16.28C18.17 16.28 17.11 15.59 17
14.53H15C15.08 16.65 16.82 17.95 19. [...]
+ fill="#777"
+ data-vendor-brand-path-element="ios"
+ />
+ </svg>
+ </a>
+ <a
+ href="javascript:selectGroup('firefox')"
+ aria-label="Select Instructions for Firefox"
+ role="radio"
+ >
+ <svg
+ id="Assets"
+ xmlns="http://www.w3.org/2000/svg"
+ viewBox="0 0 512 512"
+ >
+ <path
+ d="M190.368 150.591c0.157 0.009 0.079 0.003 0
0zm-57.874-28.933c0.158 0.008 0.079 0.003 0 0zm346.228
44.674c-10.445-25.123-31.6-52.248-48.211-60.82 13.52 26.5 21.345 53.093 24.335
72.935 0 0.04 0.015 0.136 0.047
0.4-27.175-67.732-73.254-95.047-110.886-154.512-1.9-3.008-3.805-6.022-5.661-9.2a73.237
73.237 0 0 1-2.646-4.972 43.757 43.757 0 0 1-3.585-9.5 0.625 0.625 0 0
0-0.546-0.644 0.8 0.8 0 0 0-0.451 0c-0.033 0.011-0.084 0.051-0.119 0.065-0.053
0.02-0.12 0.069-0.176 0.095 0 [...]
+ fill="#777"
+ data-vendor-brand-path-element="firefox"
+ />
+ </svg>
+ </a>
+ <a
+ href="javascript:selectGroup('chrome')"
+ aria-label="Select Instructions for Chrome"
+ role="radio"
+ >
+ <svg
+ role="img"
+ viewBox="0 0 24 24"
+ xmlns="http://www.w3.org/2000/svg"
+ >
+ <path
+ d="M12 0C8.21 0 4.831 1.757 2.632 4.501l3.953 6.848A5.454 5.454
0 0 1 12 6.545h10.691A12 12 0 0 0 12 0zM1.931 5.47A11.943 11.943 0 0 0 0 12c0
6.012 4.42 10.991 10.189 11.864l3.953-6.847a5.45 5.45 0 0 1-6.865-2.29zm13.342
2.166a5.446 5.446 0 0 1 1.45 7.09l.002.001h-.002l-5.344
9.257c.206.01.413.016.621.016 6.627 0 12-5.373 12-12
0-1.54-.29-3.011-.818-4.364zM12 16.364a4.364 4.364 0 1 1 0-8.728 4.364 4.364 0
0 1 0 8.728Z"
+ fill="#777"
+ data-vendor-brand-path-element="chrome"
+ />
+ </svg>
+ </a>
+ </div>
+ </div>
+ </div>
+ <section id="first-section">
<div class="container">
<div class="row">
<div class="col-sm-6">
@@ -44,56 +129,6 @@
</ul>
</div>
</div>
- <div class="col-sm-6">
- <a href="javascript:selectGroup('android')">
- <img
- src="{{ url_static('images/unsorted/banicon-droid.png') }}"
- alt="Android"
- /></a>
- <a href="javascript:selectGroup('ios')">
- <img
- src="{{ url_static('images/unsorted/banicon-ios.png') }}"
- alt="iOS"
- /></a>
- <a href="javascript:selectGroup('firefox')">
- <img
- src="{{ url_static('images/unsorted/banicon-ff.png') }}"
- alt="Firefox"
- /></a>
- <a href="javascript:selectGroup('chrome')">
- <img
- src="{{ url_static('images/unsorted/banicon-chr.png') }}"
- alt="Chrome"
- /></a>
-
- <div class="img">
- <!-- FIXME: General welcome screen of wallet -->
- <img
- class="group-android"
- src="{{ url_static('images/unsorted/tops-qr.png') }}"
- alt=""
- width="350px"
- />
- <img
- class="group-chrome"
- src="{{ url_static('images/unsorted/screenshot_history_1.png')
}}"
- alt=""
- width="450px"
- />
- <img
- class="group-firefox"
- src="{{ url_static('images/unsorted/tops-qr.png') }}"
- alt=""
- width="350px"
- />
- <img
- class="group-ios"
- src="{{ url_static('images/unsorted/Screenshot_Balance_1.png')
}}"
- alt=""
- width="350px"
- />
- </div>
- </div>
</div>
<div class="row">
--
To stop receiving notification emails like this one, please contact
gnunet@gnunet.org.
[Prev in Thread] |
Current Thread |
[Next in Thread] |
- [taler-taler-ops-www] branch master updated: fix my shit,
gnunet <=