web: re-organise frontend and cleanup common code (#3572)

* fix repo in api client Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * web: re-organise files to match their interface Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * core: include version in script tags Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * cleanup maybe broken Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * revert rename Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * web: get rid of Client.ts Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * move more to common Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * more moving Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * format Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * unfuck files that vscode fucked, thanks Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * move more Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * finish moving (maybe) Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * ok more moving Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * fix more stuff that vs code destroyed Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * get rid "web" prefix for virtual package Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * fix locales Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * use custom base element Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * fix css file Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * don't run autoDetectLanguage when importing locale Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * fix circular dependencies Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * web: fix build Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
2022-09-15 00:05:21 +02:00
parent 369440652c
commit 4a91a7d2e2
291 changed files with 2062 additions and 1921 deletions
--- a/web/src/admin/applications/wizard/ldap/TypeLDAPApplicationWizardPage.ts
+++ b/web/src/admin/applications/wizard/ldap/TypeLDAPApplicationWizardPage.ts
@ -0,0 +1,74 @@
+import { DEFAULT_CONFIG } from "@goauthentik/common/api/config";
+import { KeyUnknown } from "@goauthentik/elements/forms/Form";
+import "@goauthentik/elements/forms/HorizontalFormElement";
+import { WizardFormPage } from "@goauthentik/elements/wizard/WizardFormPage";
+
+import { t } from "@lingui/macro";
+
+import { customElement } from "@lit/reactive-element/decorators/custom-element.js";
+import { TemplateResult, html } from "lit";
+
+import {
+    CoreApi,
+    FlowDesignationEnum,
+    FlowsApi,
+    LDAPProviderRequest,
+    ProvidersApi,
+    UserServiceAccountResponse,
+} from "@goauthentik/api";
+
+@customElement("ak-application-wizard-type-ldap")
+export class TypeLDAPApplicationWizardPage extends WizardFormPage {
+    sidebarLabel = () => t`LDAP details`;
+
+    nextDataCallback = async (data: KeyUnknown): Promise<boolean> => {
+        let name = this.host.state["name"] as string;
+        // Check if a provider with the name already exists
+        const providers = await new ProvidersApi(DEFAULT_CONFIG).providersAllList({
+            search: name,
+        });
+        if (providers.results.filter((provider) => provider.name == name)) {
+            name += "-1";
+        }
+        this.host.addActionBefore(t`Create service account`, async (): Promise<boolean> => {
+            const serviceAccount = await new CoreApi(DEFAULT_CONFIG).coreUsersServiceAccountCreate({
+                userServiceAccountRequest: {
+                    name: name,
+                    createGroup: true,
+                },
+            });
+            this.host.state["serviceAccount"] = serviceAccount;
+            return true;
+        });
+        this.host.addActionBefore(t`Create provider`, async (): Promise<boolean> => {
+            // Get all flows and default to the implicit authorization
+            const flows = await new FlowsApi(DEFAULT_CONFIG).flowsInstancesList({
+                designation: FlowDesignationEnum.Authorization,
+                ordering: "slug",
+            });
+            const serviceAccount = this.host.state["serviceAccount"] as UserServiceAccountResponse;
+            const req: LDAPProviderRequest = {
+                name: name,
+                authorizationFlow: flows.results[0].pk,
+                baseDn: data.baseDN as string,
+                searchGroup: serviceAccount.groupPk,
+            };
+            const provider = await new ProvidersApi(DEFAULT_CONFIG).providersLdapCreate({
+                lDAPProviderRequest: req,
+            });
+            this.host.state["provider"] = provider;
+            return true;
+        });
+        return true;
+    };
+
+    renderForm(): TemplateResult {
+        const domainParts = window.location.hostname.split(".");
+        const defaultBaseDN = domainParts.map((part) => `dc=${part}`).join(",");
+        return html`<form class="pf-c-form pf-m-horizontal">
+            <ak-form-element-horizontal label=${t`Base DN`} name="baseDN" ?required=${true}>
+                <input type="text" value="${defaultBaseDN}" class="pf-c-form-control" required />
+            </ak-form-element-horizontal>
+        </form> `;
+    }
+}