trustchain-oc1-orchestral/authentik
Archived
10
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

web/elements: close dropdown when refresh event is dispatched

Browse source 
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer 2021-12-06 11:18:22 +01:00
parent b7f94df4d9
commit 42a9979d91
1 changed files with 18 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
web/src/elements/buttons/Dropdown.ts
View file

@ -1,17 +1,32 @@
import { LitElement, TemplateResult, html } from "lit"; import { LitElement, TemplateResult, html } from "lit";
import { customElement } from "lit/decorators.js"; import { customElement } from "lit/decorators.js";
import { EVENT_REFRESH } from "../../constants";
@customElement("ak-dropdown") @customElement("ak-dropdown")
export class DropdownButton extends LitElement { export class DropdownButton extends LitElement {
menu: HTMLElement | null;
constructor() { constructor() {
super(); super();
const menu = this.querySelector<HTMLElement>(".pf-c-dropdown__menu"); this.menu = this.querySelector<HTMLElement>(".pf-c-dropdown__menu");
this.querySelectorAll("button.pf-c-dropdown__toggle").forEach((btn) => { this.querySelectorAll("button.pf-c-dropdown__toggle").forEach((btn) => {
btn.addEventListener("click", () => { btn.addEventListener("click", () => {
if (!menu) return; if (!this.menu) return;
menu.hidden = !menu.hidden; this.menu.hidden = !this.menu.hidden;
}); });
}); });
window.addEventListener(EVENT_REFRESH, this.clickHandler);
}
clickHandler = (): void => {
if (!this.menu) return;
this.menu.hidden = true;
};
disconnectedCallback(): void {
super.disconnectedCallback();
window.removeEventListener(EVENT_REFRESH, this.clickHandler);
} }
render(): TemplateResult { render(): TemplateResult {