initial v0.8 pre-release

2022-10-30 10:28:14 +02:00
parent 9cbb2e750e
commit 90dba45d7c
388 changed files with 21580 additions and 13603 deletions
@@ -0,0 +1,78 @@
+<script>
+    import PocketBase, { getTokenPayload } from "pocketbase";
+    import ApiClient from "@/utils/ApiClient";
+    import CommonHelper from "@/utils/CommonHelper";
+    import FullPage from "@/components/base/FullPage.svelte";
+    import Field from "@/components/base/Field.svelte";
+
+    export let params;
+
+    let password = "";
+    let isLoading = false;
+    let success = false;
+
+    $: newEmail = CommonHelper.getJWTPayload(params?.token).newEmail || "";
+
+    async function submit() {
+        if (isLoading) {
+            return;
+        }
+
+        isLoading = true;
+
+        // init a custom client to avoid interfering with the admin state
+        const client = new PocketBase(import.meta.env.PB_BACKEND_URL);
+
+        try {
+            const payload = getTokenPayload(params?.token);
+            await client.collection(payload.collectionId).confirmEmailChange(params?.token, password);
+            success = true;
+        } catch (err) {
+            ApiClient.errorResponseHandler(err);
+        }
+
+        isLoading = false;
+    }
+</script>
+
+<FullPage nobranding>
+    {#if success}
+        <div class="alert alert-success">
+            <div class="icon"><i class="ri-checkbox-circle-line" /></div>
+            <div class="content txt-bold">
+                <p>Successfully changed the user email address.</p>
+                <p>You can now sign in with your new email address.</p>
+            </div>
+        </div>
+
+        <button type="button" class="btn btn-secondary btn-block" on:click={() => window.close()}>
+            Close
+        </button>
+    {:else}
+        <form on:submit|preventDefault={submit}>
+            <div class="content txt-center m-b-base">
+                <h5>
+                    Type your password to confirm changing your email address
+                    {#if newEmail}
+                        to <strong class="txt-nowrap">{newEmail}</strong>
+                    {/if}
+                </h5>
+            </div>
+
+            <Field class="form-field required" name="password" let:uniqueId>
+                <label for={uniqueId}>Password</label>
+                <!-- svelte-ignore a11y-autofocus -->
+                <input type="password" id={uniqueId} required autofocus bind:value={password} />
+            </Field>
+
+            <button
+                type="submit"
+                class="btn btn-lg btn-block"
+                class:btn-loading={isLoading}
+                disabled={isLoading}
+            >
+                <span class="txt">Confirm new email</span>
+            </button>
+        </form>
+    {/if}
+</FullPage>