From 386e552432864252a679963d07c8738c137384b2 Mon Sep 17 00:00:00 2001 From: Niko PLP Date: Sun, 11 Feb 2024 19:47:44 +0200 Subject: [PATCH] instructions for opening wallet --- ng-app/src/lib/Login.svelte | 102 ++++++++++++++++++++++++++++-------- 1 file changed, 81 insertions(+), 21 deletions(-) diff --git a/ng-app/src/lib/Login.svelte b/ng-app/src/lib/Login.svelte index 04d3db1..5f61864 100644 --- a/ng-app/src/lib/Login.svelte +++ b/ng-app/src/lib/Login.svelte @@ -14,6 +14,7 @@ import { onMount, createEventDispatcher, tick } from "svelte"; import ng from "../api"; import { emoji_cat, emojis, load_svg } from "../wallet_emojis"; + import { PuzzlePiece } from "svelte-heros-v2"; //import Worker from "../worker.js?worker&inline"; export let wallet; @@ -23,12 +24,14 @@ const dispatch = createEventDispatcher(); onMount(async () => { + loaded = false; await load_svg(); //console.log(wallet); await init(); }); async function init() { + step = "load"; shuffle = await ng.wallet_gen_shuffle_for_pazzle_opening(pazzle_length); emojis2 = []; @@ -46,6 +49,11 @@ selection = []; error = undefined; + loaded = true; + } + + function letsgo() { + loaded = false; step = "pazzle"; } @@ -55,6 +63,8 @@ let step = "load"; + let loaded = false; + let pazzle_length = 9; let display = 0; @@ -206,29 +216,79 @@ {#if step == "load"} +
+

How to open your wallet, step by step :

+ +
- Loading... - - - - + viewBox="0 0 24 24" + > + + + + {:else} + + {/if}
{:else if step == "pazzle"}