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/outposts/OutpostHealthSimple.ts
+++ b/web/src/admin/outposts/OutpostHealthSimple.ts
@ -0,0 +1,68 @@
+import { DEFAULT_CONFIG } from "@goauthentik/common/api/config";
+import { EVENT_REFRESH } from "@goauthentik/common/constants";
+import { AKElement } from "@goauthentik/elements/Base";
+import { PFColor } from "@goauthentik/elements/Label";
+import "@goauthentik/elements/Spinner";
+
+import { t } from "@lingui/macro";
+
+import { CSSResult, TemplateResult, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+
+import AKGlobal from "@goauthentik/common/styles/authentik.css";
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
+
+import { OutpostHealth, OutpostsApi } from "@goauthentik/api";
+
+@customElement("ak-outpost-health-simple")
+export class OutpostHealthSimpleElement extends AKElement {
+    @property()
+    outpostId?: string;
+
+    @property({ attribute: false })
+    outpostHealth?: OutpostHealth;
+
+    @property({ attribute: false })
+    loaded = false;
+
+    @property({ attribute: false })
+    showVersion = true;
+
+    static get styles(): CSSResult[] {
+        return [PFBase, AKGlobal];
+    }
+
+    constructor() {
+        super();
+        window.addEventListener(EVENT_REFRESH, () => {
+            this.outpostHealth = undefined;
+            this.firstUpdated();
+        });
+    }
+
+    firstUpdated(): void {
+        if (!this.outpostId) return;
+        new OutpostsApi(DEFAULT_CONFIG)
+            .outpostsInstancesHealthList({
+                uuid: this.outpostId,
+            })
+            .then((health) => {
+                this.loaded = true;
+                if (health.length >= 1) {
+                    this.outpostHealth = health[0];
+                }
+            });
+    }
+
+    render(): TemplateResult {
+        if (!this.outpostId || !this.loaded) {
+            return html`<ak-spinner></ak-spinner>`;
+        }
+        if (!this.outpostHealth) {
+            return html`<ak-label color=${PFColor.Grey}>${t`Not available`}</ak-label>`;
+        }
+        return html`<ak-label color=${PFColor.Green}>
+            ${t`Last seen: ${this.outpostHealth.lastSeen?.toLocaleTimeString()}`}</ak-label
+        >`;
+    }
+}