web/admin: migrate crypto/certificatekeypair to web

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
2021-03-29 17:34:24 +02:00
parent b3d54b7620
commit dfff2a1134
11 changed files with 170 additions and 217 deletions
--- a/web/src/elements/Divider.ts
+++ b/web/src/elements/Divider.ts
@ -0,0 +1,37 @@
+import { css, CSSResult, customElement, html, LitElement, TemplateResult } from "lit-element";
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
+import AKGlobal from "../authentik.css";
+
+@customElement("ak-divider")
+export class Divider extends LitElement {
+
+    static get styles(): CSSResult[] {
+        return [PFBase, AKGlobal, css`
+            .separator {
+                display: flex;
+                align-items: center;
+                text-align: center;
+            }
+
+            .separator::before,
+            .separator::after {
+                content: '';
+                flex: 1;
+                border-bottom: 1px solid var(--pf-global--Color--100);
+            }
+
+            .separator:not(:empty)::before {
+                margin-right: .25em;
+            }
+
+            .separator:not(:empty)::after {
+                margin-left: .25em;
+            }
+        `];
+    }
+
+    render(): TemplateResult {
+        return html`<div class="separator"><slot></slot></div>`;
+    }
+
+}