2852fa3c5e
* api: fix types for config API * api: remove broken swagger UI * admin: re-fix system task enum * events: make event optional * events: fix Schema for notification transport test * flows: use APIView for Flow Executor * core: fix schema for Metrics APIs * web: rewrite to use generated API client * web: generate API Client in CI * admin: use x_cord and y_cord to prevent yaml issues * events: fix linting errors * web: don't lint generated code * core: fix fields not being required in TypeSerializer * flows: fix missing permission_classes * web: cleanup * web: fix rendering of graph on Overview page * web: cleanup imports * core: fix missing background image filter * flows: fix flows not advancing properly * stages/*: fix warnings during get_challenge * web: send Flow response as JSON instead of FormData * web: fix styles for horizontal tabs * web: add base chart class and custom chart for application view * root: generate ts client for e2e tests * web: don't attempt to connect to websocket in selenium tests * web: fix UserTokenList not being included in the build * web: fix styling for static token list * web: fix CSRF Token missing * stages/authenticator_static: fix error when disable static tokens * core: fix display issue when updating user info * web: fix Flow executor not showing spinner when redirecting
57 lines
3.2 KiB
TypeScript
57 lines
3.2 KiB
TypeScript
import { gettext } from "django";
|
|
import { CSSResult, customElement, html, LitElement, TemplateResult } from "lit-element";
|
|
import { COMMON_STYLES } from "../../common/styles";
|
|
|
|
import "../../elements/charts/AdminLoginsChart";
|
|
import "../../elements/cards/AggregatePromiseCard";
|
|
import "./TopApplicationsTable";
|
|
import "./cards/AdminStatusCard";
|
|
import "./cards/FlowCacheStatusCard";
|
|
import "./cards/PolicyCacheStatusCard";
|
|
import "./cards/PolicyUnboundStatusCard";
|
|
import "./cards/ProviderStatusCard";
|
|
import "./cards/UserCountStatusCard";
|
|
import "./cards/VersionStatusCard";
|
|
import "./cards/WorkerStatusCard";
|
|
|
|
@customElement("ak-admin-overview")
|
|
export class AdminOverviewPage extends LitElement {
|
|
|
|
static get styles(): CSSResult[] {
|
|
return COMMON_STYLES;
|
|
}
|
|
|
|
render(): TemplateResult {
|
|
return html`<section class="pf-c-page__main-section pf-m-light">
|
|
<div class="pf-c-content">
|
|
<h1>${gettext("System Overview")}</h1>
|
|
</div>
|
|
</section>
|
|
<section class="pf-c-page__main-section">
|
|
<div class="pf-l-gallery pf-m-gutter">
|
|
<ak-aggregate-card class="pf-l-gallery__item pf-m-4-col" icon="pf-icon pf-icon-server" header="Logins over the last 24 hours" style="grid-column-end: span 3;grid-row-end: span 2;">
|
|
<ak-charts-admin-login></ak-charts-admin-login>
|
|
</ak-aggregate-card>
|
|
<ak-aggregate-card class="pf-l-gallery__item pf-m-4-col" icon="pf-icon pf-icon-server" header="Apps with most usage" style="grid-column-end: span 2;grid-row-end: span 3;">
|
|
<ak-top-applications-table></ak-top-applications-table>
|
|
</ak-aggregate-card>
|
|
<ak-admin-status-card-provider class="pf-l-gallery__item pf-m-4-col" icon="pf-icon pf-icon-plugged" header="Providers" headerLink="#/core/providers/">
|
|
</ak-admin-status-card-provider>
|
|
<ak-admin-status-card-policy-unbound class="pf-l-gallery__item pf-m-4-col" icon="pf-icon pf-icon-infrastructure" header="Policies" headerLink="#/policy/policies">
|
|
</ak-admin-status-card-policy-unbound>
|
|
<ak-admin-status-card-user-count class="pf-l-gallery__item pf-m-4-col" icon="pf-icon pf-icon-user" header="Users" headerLink="#/identity/users">
|
|
</ak-admin-status-card-user-count>
|
|
<ak-admin-status-version class="pf-l-gallery__item pf-m-4-col" icon="pf-icon pf-icon-bundle" header="Version" headerLink="https://github.com/BeryJu/authentik/releases">
|
|
</ak-admin-status-version>
|
|
<ak-admin-status-card-workers class="pf-l-gallery__item pf-m-4-col" icon="pf-icon pf-icon-server" header="Workers">
|
|
</ak-admin-status-card-workers>
|
|
<ak-admin-status-card-policy-cache class="pf-l-gallery__item pf-m-4-col" icon="pf-icon pf-icon-server" header="Cached Policies">
|
|
</ak-admin-status-card-policy-cache>
|
|
<ak-admin-status-card-flow-cache class="pf-l-gallery__item pf-m-4-col" icon="pf-icon pf-icon-server" header="Cached Flows">
|
|
</ak-admin-status-card-flow-cache>
|
|
</div>
|
|
</section>`;
|
|
}
|
|
|
|
}
|