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/charts/OutpostStatusChart.ts
+++ b/web/src/admin/admin-overview/charts/OutpostStatusChart.ts
@ -0,0 +1,78 @@
+import { DEFAULT_CONFIG } from "@goauthentik/common/api/config";
+import { AKChart } from "@goauthentik/elements/charts/Chart";
+import "@goauthentik/elements/forms/ConfirmationForm";
+import { ChartData, ChartOptions } from "chart.js";
+
+import { t } from "@lingui/macro";
+
+import { customElement } from "lit/decorators.js";
+
+import { OutpostsApi } from "@goauthentik/api";
+
+interface OutpostStats {
+    healthy: number;
+    outdated: number;
+    unhealthy: number;
+}
+
+@customElement("ak-admin-status-chart-outpost")
+export class OutpostStatusChart extends AKChart<OutpostStats> {
+    getChartType(): string {
+        return "doughnut";
+    }
+
+    getOptions(): ChartOptions {
+        return {
+            plugins: {
+                legend: {
+                    display: false,
+                },
+            },
+            maintainAspectRatio: false,
+        };
+    }
+
+    async apiRequest(): Promise<OutpostStats> {
+        const api = new OutpostsApi(DEFAULT_CONFIG);
+        const outposts = await api.outpostsInstancesList({});
+        let healthy = 0;
+        let outdated = 0;
+        let unhealthy = 0;
+        await Promise.all(
+            outposts.results.map(async (element) => {
+                const health = await api.outpostsInstancesHealthList({
+                    uuid: element.pk || "",
+                });
+                if (health.length === 0) {
+                    unhealthy += 1;
+                }
+                health.forEach((h) => {
+                    if (h.versionOutdated) {
+                        outdated += 1;
+                    } else {
+                        healthy += 1;
+                    }
+                });
+            }),
+        );
+        this.centerText = outposts.pagination.count.toString();
+        return {
+            healthy: outposts.pagination.count === 0 ? -1 : healthy,
+            outdated,
+            unhealthy,
+        };
+    }
+
+    getChartData(data: OutpostStats): ChartData {
+        return {
+            labels: [t`Healthy outposts`, t`Outdated outposts`, t`Unhealthy outposts`],
+            datasets: [
+                {
+                    backgroundColor: ["#3e8635", "#f0ab00", "#C9190B"],
+                    spanGaps: true,
+                    data: [data.healthy, data.outdated, data.unhealthy],
+                },
+            ],
+        };
+    }
+}