[#31] replaced the initial admin create interactive cli with Installer web page

2022-07-10 11:46:21 +03:00
parent 460c684caa
commit 0739e90ff2
28 changed files with 812 additions and 1064 deletions
@@ -0,0 +1,76 @@
+<script>
+    import { createEventDispatcher } from "svelte";
+    import ApiClient from "@/utils/ApiClient";
+    import Field from "@/components/base/Field.svelte";
+
+    const dispatch = createEventDispatcher();
+
+    let email = "";
+    let password = "";
+    let passwordConfirm = "";
+    let isLoading = false;
+
+    async function submit() {
+        if (isLoading) {
+            return;
+        }
+
+        isLoading = true;
+
+        try {
+            await ApiClient.Admins.create({
+                email,
+                password,
+                passwordConfirm,
+            });
+
+            await ApiClient.Admins.authViaEmail(email, password);
+
+            dispatch("submit");
+        } catch (err) {
+            ApiClient.errorResponseHandler(err);
+        }
+
+        isLoading = false;
+    }
+</script>
+
+<form class="block" autocomplete="off" on:submit|preventDefault={submit}>
+    <div class="content txt-center m-b-base">
+        <h4>Create your first admin account in order to continue</h4>
+    </div>
+
+    <Field class="form-field required" name="email" let:uniqueId>
+        <label for={uniqueId}>Email</label>
+        <!-- svelte-ignore a11y-autofocus -->
+        <input type="email" autocomplete="off" id={uniqueId} bind:value={email} required autofocus />
+    </Field>
+
+    <Field class="form-field required" name="password" let:uniqueId>
+        <label for={uniqueId}>Password</label>
+        <input
+            type="password"
+            autocomplete="new-password"
+            minlength="10"
+            id={uniqueId}
+            bind:value={password}
+            required
+        />
+        <div class="help-block">Minimum 10 characters.</div>
+    </Field>
+
+    <Field class="form-field required" name="passwordConfirm" let:uniqueId>
+        <label for={uniqueId}>Password confirm</label>
+        <input type="password" minlength="10" id={uniqueId} bind:value={passwordConfirm} required />
+    </Field>
+
+    <button
+        type="submit"
+        class="btn btn-lg btn-block btn-next"
+        class:btn-disabled={isLoading}
+        class:btn-loading={isLoading}
+    >
+        <span class="txt">Create and login</span>
+        <i class="ri-arrow-right-line" />
+    </button>
+</form>