initial public commit

2022-07-07 00:19:05 +03:00
commit 3d07f0211d
484 changed files with 92412 additions and 0 deletions
@@ -0,0 +1,115 @@
+<script>
+    import { scale, slide } from "svelte/transition";
+    import tooltip from "@/actions/tooltip";
+    import { errors, removeError } from "@/stores/errors";
+    import CommonHelper from "@/utils/CommonHelper";
+    import Accordion from "@/components/base/Accordion.svelte";
+    import Field from "@/components/base/Field.svelte";
+    import RedactedPasswordInput from "@/components/base/RedactedPasswordInput.svelte";
+
+    export let key;
+    export let title;
+    export let icon = "";
+    export let config = {};
+    export let showSelfHostedFields = false;
+
+    let accordion;
+
+    $: hasErrors = !CommonHelper.isEmpty(CommonHelper.getNestedVal($errors, key));
+
+    $: if (!config.enabled) {
+        removeError(key);
+    }
+
+    export function expand() {
+        accordion?.expand();
+    }
+
+    export function collapse() {
+        accordion?.collapse();
+    }
+</script>
+
+<Accordion bind:this={accordion} on:expand on:collapse on:toggle {...$$restProps}>
+    <svelte:fragment slot="header">
+        <div class="inline-flex">
+            {#if icon}
+                <i class={icon} />
+            {/if}
+            <span class="txt">{title}</span>
+        </div>
+
+        {#if config.enabled}
+            <span class="label label-success">Enabled</span>
+        {:else}
+            <span class="label label-hint">Disabled</span>
+        {/if}
+
+        <div class="flex-fill" />
+
+        {#if hasErrors}
+            <i
+                class="ri-error-warning-fill txt-danger"
+                transition:scale={{ duration: 150, start: 0.7 }}
+                use:tooltip={{ text: "Has errors", position: "left" }}
+            />
+        {/if}
+    </svelte:fragment>
+
+    <Field class="form-field form-field-toggle m-b-0" name="{key}.enabled" let:uniqueId>
+        <input type="checkbox" id={uniqueId} bind:checked={config.enabled} />
+        <label for={uniqueId}>Enable</label>
+    </Field>
+
+    {#if config.enabled}
+        <div class="grid" transition:slide|local={{ duration: 200 }}>
+            <div class="col-12 spacing" />
+            <div class="col-lg-6">
+                <Field class="form-field required" name="{key}.clientId" let:uniqueId>
+                    <label for={uniqueId}>Client ID</label>
+                    <input type="text" id={uniqueId} bind:value={config.clientId} required />
+                </Field>
+            </div>
+
+            <div class="col-lg-6">
+                <Field class="form-field required" name="{key}.clientSecret" let:uniqueId>
+                    <label for={uniqueId}>Client Secret</label>
+                    <RedactedPasswordInput bind:value={config.clientSecret} id={uniqueId} required />
+                </Field>
+            </div>
+
+            <div class="col-lg-12">
+                <Field class="form-field" name="{key}.allowRegistrations" let:uniqueId>
+                    <input type="checkbox" id={uniqueId} bind:checked={config.allowRegistrations} />
+                    <label for={uniqueId}>Allow registration for new users</label>
+                </Field>
+            </div>
+
+            {#if showSelfHostedFields}
+                <div class="col-lg-12">
+                    <div class="section-title">Optional endpoints (if you self host the OAUTH2 service)</div>
+                    <div class="grid">
+                        <div class="col-lg-4">
+                            <Field class="form-field" name="{key}.authUrl" let:uniqueId>
+                                <label for={uniqueId}>Custom Auth URL</label>
+                                <input type="url" id={uniqueId} bind:value={config.authUrl} />
+                            </Field>
+                        </div>
+                        <div class="col-lg-4">
+                            <Field class="form-field" name="{key}.tokenUrl" let:uniqueId>
+                                <label for={uniqueId}>Custom Token URL</label>
+                                <input type="text" id={uniqueId} bind:value={config.tokenUrl} />
+                            </Field>
+                        </div>
+                        <div class="col-lg-4">
+                            <Field class="form-field" name="{key}.userApiUrl" let:uniqueId>
+                                <label for={uniqueId}>Custom User API URL</label>
+                                <input type="text" id={uniqueId} bind:value={config.userApiUrl} />
+                            </Field>
+                        </div>
+                    </div>
+                </div>
+            {/if}
+        </div>
+    {/if}
+</Accordion>