From 00a666856d1d8b905aca8dca53a2cac6cd8a7f34 Mon Sep 17 00:00:00 2001 From: Jens Langhammer Date: Sat, 21 Aug 2021 15:24:31 +0200 Subject: [PATCH] web: expand parent FormGroup when containing element has error Signed-off-by: Jens Langhammer --- web/src/elements/forms/HorizontalFormElement.ts | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/web/src/elements/forms/HorizontalFormElement.ts b/web/src/elements/forms/HorizontalFormElement.ts index 476ad3f96..bd735d539 100644 --- a/web/src/elements/forms/HorizontalFormElement.ts +++ b/web/src/elements/forms/HorizontalFormElement.ts @@ -5,6 +5,7 @@ import PFForm from "@patternfly/patternfly/components/Form/form.css"; import PFFormControl from "@patternfly/patternfly/components/FormControl/form-control.css"; import AKGlobal from "../../authentik.css"; import { t } from "@lingui/macro"; +import { FormGroup } from "./FormGroup"; @customElement("ak-form-element-horizontal") export class HorizontalFormElement extends LitElement { @@ -43,8 +44,20 @@ export class HorizontalFormElement extends LitElement { @property() errorMessage = ""; + _invalid = false; + @property({ type: Boolean }) - invalid = false; + set invalid(v: boolean) { + this._invalid = v; + // check if we're in a form group, and expand that form group + const parent = this.parentElement?.parentElement; + if (parent && "expanded" in parent) { + (parent as FormGroup).expanded = true; + } + } + get invalid(): boolean { + return this._invalid; + } @property() name = "";