authentik/web/src/pages/admin-overview/charts/LDAPSyncStatusChart.ts

import { t } from "@lingui/macro";
import { customElement } from "lit-element";
import { SourcesApi, StatusEnum } from "authentik-api";
import { DEFAULT_CONFIG } from "../../../api/Config";
import "../../../elements/forms/ConfirmationForm";
import { AKChart } from "../../../elements/charts/Chart";
import { ChartOptions, ChartData } from "chart.js";

interface LDAPSyncStats {
    healthy: number;
    failed: number;
    unsynced: number;
}

@customElement("ak-admin-status-chart-ldap-sync")
export class LDAPSyncStatusChart extends AKChart<LDAPSyncStats> {

    getChartType(): string {
        return "doughnut";
    }

    getOptions(): ChartOptions {
        return {
            plugins: {
                legend: {
                    display: false,
                },
            },
            maintainAspectRatio: false,
        };
    }

    async apiRequest(): Promise<LDAPSyncStats> {
        const api = new SourcesApi(DEFAULT_CONFIG);
        const sources = await api.sourcesLdapList({});
        let healthy = 0;
        let failed = 0;
        let unsynced = 0;
        await Promise.all(sources.results.map(async (element) => {
            try {
                const health = await api.sourcesLdapSyncStatusRetrieve({
                    slug: element.slug,
                });
                if (health.status !== StatusEnum.Successful) {
                    failed += 1;
                }
                const now = new Date().getTime();
                const maxDelta = 3600000; // 1 hour
                if (!health || (now - health.taskFinishTimestamp.getTime()) > maxDelta) {
                    unsynced += 1;
                } else {
                    healthy += 1;
                }
            } catch {
                unsynced += 1;
            }
        }));
        this.centerText = sources.pagination.count.toString();
        return {
            healthy,
            failed,
            unsynced
        };
    }

    getChartData(data: LDAPSyncStats): ChartData {
        return {
            labels: [
                t`Healthy sources`,
                t`Failed sources`,
                t`Unsynced sources`,
            ],
            datasets: [
                {
                    backgroundColor: [
                        "#3e8635",
                        "#C9190B",
                        "#2b9af3",
                    ],
                    spanGaps: true,
                    data: [
                        data.healthy,
                        data.failed,
                        data.unsynced
                    ],
                },
            ]
        };
    }

}