+
+
diff --git a/web/src/pages/admin-overview/cards/SystemStatusCard.ts b/web/src/pages/admin-overview/cards/SystemStatusCard.ts
new file mode 100644
index 000000000..301ea8965
--- /dev/null
+++ b/web/src/pages/admin-overview/cards/SystemStatusCard.ts
@@ -0,0 +1,46 @@
+import { t } from "@lingui/macro";
+import { customElement, html, TemplateResult } from "lit-element";
+import { AdminApi, System } from "authentik-api";
+import { DEFAULT_CONFIG } from "../../../api/Config";
+import { AdminStatusCard, AdminStatus } from "./AdminStatusCard";
+
+@customElement("ak-admin-status-system")
+export class SystemStatusCard extends AdminStatusCard
{
+
+ now?: Date;
+
+ header = "OK";
+
+ getPrimaryValue(): Promise {
+ this.now = new Date();
+ return new AdminApi(DEFAULT_CONFIG).adminSystemRetrieve();
+ }
+
+ getStatus(value: System): Promise {
+ if (!value.httpIsSecure && document.location.protocol === "https:") {
+ this.header = t`Warning`;
+ return Promise.resolve({
+ icon: "fa fa-exclamation-triangle pf-m-warning",
+ message: t`HTTPS is not detected correctly`,
+ });
+ }
+ const timeDiff = value.serverTime.getTime() - (this.now || new Date()).getTime();
+ console.log(`authentik/: timediff ${timeDiff}`);
+ if (timeDiff > 5000 || timeDiff < -5000) {
+ this.header = t`Warning`;
+ return Promise.resolve({
+ icon: "fa fa-exclamation-triangle pf-m-warning",
+ message: t`Server and client are further than 5 seconds apart.`,
+ });
+ }
+ return Promise.resolve({
+ icon: "fa fa-check-circle pf-m-success",
+ message: t`Everything is ok.`
+ });
+ }
+
+ renderValue(): TemplateResult {
+ return html`${this.header}`;
+ }
+
+}