stages/authenticator_validate: remember (#2828)

* initial Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * web: cleanup timedelta help Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * add tooltip Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * add tests Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * assert response code in self.assertStageResponse Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * add more tests, add duo Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * add docs Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org> * fix Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
2022-05-10 21:05:22 +02:00
parent 4d755dc0f6
commit fd1d38f844
51 changed files with 2006 additions and 1267 deletions
--- a/web/src/elements/Tooltip.ts
+++ b/web/src/elements/Tooltip.ts
@ -0,0 +1,54 @@
+import { CSSResult, LitElement, TemplateResult, css, html } from "lit";
+import { customElement, state } from "lit/decorators.js";
+
+import AKGlobal from "../authentik.css";
+import PFTooltip from "@patternfly/patternfly/components/Tooltip/Tooltip.css";
+import PFBase from "@patternfly/patternfly/patternfly-base.css";
+
+@customElement("ak-tooltip")
+export class Tooltip extends LitElement {
+    @state()
+    open = false;
+
+    static get styles(): CSSResult[] {
+        return [
+            PFBase,
+            PFTooltip,
+            AKGlobal,
+            css`
+                .pf-c-tooltip__content {
+                    text-align: inherit;
+                }
+                .outer {
+                    position: relative;
+                }
+                .pf-c-tooltip {
+                    position: absolute;
+                }
+            `,
+        ];
+    }
+
+    render(): TemplateResult {
+        return html`<slot
+                @mouseenter=${() => {
+                    this.open = true;
+                }}
+                @mouseleave=${() => {
+                    this.open = false;
+                }}
+                name="trigger"
+            ></slot>
+            ${this.open
+                ? html`<div class="outer">
+                      <div class="pf-c-tooltip" role="tooltip">
+                          <div class="pf-c-tooltip__arrow"></div>
+
+                          <div class="pf-c-tooltip__content">
+                              <slot name="tooltip"></slot>
+                          </div>
+                      </div>
+                  </div>`
+                : html``}`;
+    }
+}