From 4edb821e5e2155331a7609ceedaa3f302df56174 Mon Sep 17 00:00:00 2001 From: Laurin Weger Date: Tue, 9 Jul 2024 21:48:11 +0200 Subject: [PATCH] ng-app: wallet info panel qr scanner and generator frontend --- ng-app/package.json | 1 + ng-app/src/locales/en.json | 18 +- ng-app/src/routes/WalletInfo.svelte | 552 ++-- pnpm-lock.yaml | 3670 +++++++++++++++------------ 4 files changed, 2477 insertions(+), 1764 deletions(-) diff --git a/ng-app/package.json b/ng-app/package.json index af43b6d..339a935 100644 --- a/ng-app/package.json +++ b/ng-app/package.json @@ -23,6 +23,7 @@ "classnames": "^2.3.2", "flowbite": "^1.6.5", "flowbite-svelte": "^0.43.3", + "html5-qrcode": "^2.3.8", "ng-sdk-js": "workspace:^0.1.0-preview.1", "svelte-i18n": "^4.0.0", "svelte-spa-router": "^3.3.0", diff --git a/ng-app/src/locales/en.json b/ng-app/src/locales/en.json index 5e60d09..cd27336 100644 --- a/ng-app/src/locales/en.json +++ b/ng-app/src/locales/en.json @@ -18,13 +18,29 @@ }, "wallet_info": { "title": "Wallet", + "scan_qr": "Scan QR to export", + "generate_qr": "Generate QR to export", "download": "Download Wallet File", "download_failed": "Download Failed:
{error}", "download_in_progress": "Download in progress...", "download_successful": "You will find the file named \"{wallet_file}\" in your Downloads folder", "download_file_button": "Click here to download the wallet file", "remove_wallet": "Remove wallet from Device", - "remove_wallet_confirm": "Are you sure you want to remove this wallet from your device?" + "remove_wallet_modal.title": "Remove wallet?", + "remove_wallet_modal.confirm": "Are you sure you want to remove this wallet from your device?", + "offline_warning": "You cannot export your Wallet with QR-Code while being offline.
Please connect to the internet and to your broker first.", + "scan_qr.title": "Export by scanning QR-Code", + "scan_qr.notes": "Scan the QR-Code on the device that you want to transfer your wallet to.
For the wallet transfer, you agree that your double-encrypted wallet is stored on our servers for no more than 5 minutes.", + "scan_qr.scan_btn": "Scan QR Code ", + "scan_qr.scanner.title": "Scan your QR Code", + "scan_qr.scanner.loading": "Loading scanner", + "scan_qr.syncing": "Synchronizing wallet", + "scan_qr.scan_successful": "Success!
Your wallet has been synchronized to the new device.", + "gen_qr.title": "Export with generated QR-Code", + "gen_qr.notes": "Use the following QR-Code to scan with the device that you want to transfer your wallet to.
For the wallet transfer, you agree for your double-encrypted wallet to be stored on our servers for no more than 5 minutes.", + "gen_qr.img_title": "Your Export QR Code to Scan", + "gen_qr.img_alt": "Your Export QR Code to Scan", + "gen_qr.gen_button": "Generate QR Code" }, "settings": { "title": "Settings" diff --git a/ng-app/src/routes/WalletInfo.svelte b/ng-app/src/routes/WalletInfo.svelte index fa18652..cdf2816 100644 --- a/ng-app/src/routes/WalletInfo.svelte +++ b/ng-app/src/routes/WalletInfo.svelte @@ -15,8 +15,8 @@ Provides info about wallet, broker, etc. and download option. --> -