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/admin-overview/cards/SystemStatusCard.ts
+++ b/web/src/admin/admin-overview/cards/SystemStatusCard.ts
@ -0,0 +1,83 @@
+import {
+    AdminStatus,
+    AdminStatusCard,
+} from "@goauthentik/admin/admin-overview/cards/AdminStatusCard";
+import { DEFAULT_CONFIG } from "@goauthentik/common/api/config";
+
+import { t } from "@lingui/macro";
+
+import { TemplateResult, html } from "lit";
+import { customElement } from "lit/decorators.js";
+
+import { AdminApi, OutpostsApi, System } from "@goauthentik/api";
+
+@customElement("ak-admin-status-system")
+export class SystemStatusCard extends AdminStatusCard<System> {
+    now?: Date;
+
+    header = t`OK`;
+
+    async getPrimaryValue(): Promise<System> {
+        this.now = new Date();
+        let status = await new AdminApi(DEFAULT_CONFIG).adminSystemRetrieve();
+        if (status.embeddedOutpostHost === "" || !status.embeddedOutpostHost.includes("http")) {
+            // First install, ensure the embedded outpost host is set
+            // also run when outpost host does not contain http
+            // (yes it's called host and requires a URL, i know)
+            await this.setOutpostHost();
+            status = await new AdminApi(DEFAULT_CONFIG).adminSystemRetrieve();
+        }
+        return status;
+    }
+
+    // Called on fresh installations and whenever the embedded outpost is deleted
+    // automatically send the login URL when the user first visits the admin dashboard.
+    async setOutpostHost(): Promise<void> {
+        const outposts = await new OutpostsApi(DEFAULT_CONFIG).outpostsInstancesList({
+            managedIexact: "goauthentik.io/outposts/embedded",
+        });
+        if (outposts.results.length < 1) {
+            return;
+        }
+        const outpost = outposts.results[0];
+        outpost.config["authentik_host"] = window.location.origin;
+        await new OutpostsApi(DEFAULT_CONFIG).outpostsInstancesUpdate({
+            uuid: outpost.pk,
+            outpostRequest: outpost,
+        });
+    }
+
+    getStatus(value: System): Promise<AdminStatus> {
+        if (value.embeddedOutpostHost === "") {
+            this.header = t`Warning`;
+            return Promise.resolve<AdminStatus>({
+                icon: "fa fa-exclamation-triangle pf-m-warning",
+                message: html`${t`Embedded outpost is not configured correctly.`}
+                    <a href="#/outpost/outposts">${t`Check outposts.`}</a>`,
+            });
+        }
+        if (!value.httpIsSecure && document.location.protocol === "https:") {
+            this.header = t`Warning`;
+            return Promise.resolve<AdminStatus>({
+                icon: "fa fa-exclamation-triangle pf-m-warning",
+                message: html`${t`HTTPS is not detected correctly`}`,
+            });
+        }
+        const timeDiff = value.serverTime.getTime() - (this.now || new Date()).getTime();
+        if (timeDiff > 5000 || timeDiff < -5000) {
+            this.header = t`Warning`;
+            return Promise.resolve<AdminStatus>({
+                icon: "fa fa-exclamation-triangle pf-m-warning",
+                message: html`${t`Server and client are further than 5 seconds apart.`}`,
+            });
+        }
+        return Promise.resolve<AdminStatus>({
+            icon: "fa fa-check-circle pf-m-success",
+            message: html`${t`Everything is ok.`}`,
+        });
+    }
+
+    renderValue(): TemplateResult {
+        return html`${this.header}`;
+    }
+}