web: migrate group forms

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer
2021-03-27 23:38:53 +01:00
parent 95ecad8382
commit 2e6a264f98
5 changed files with 209 additions and 5 deletions

View File

@ -2,13 +2,14 @@ import "@polymer/paper-input/paper-input";
import "@polymer/iron-form/iron-form";
import { PaperInputElement } from "@polymer/paper-input/paper-input";
import { showMessage } from "../../elements/messages/MessageContainer";
import { CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element";
import { css, CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element";
import PFBase from "@patternfly/patternfly/patternfly-base.css";
import PFCard from "@patternfly/patternfly/components/Card/card.css";
import PFButton from "@patternfly/patternfly/components/Button/button.css";
import AKGlobal from "../../authentik.css";
import PFForm from "@patternfly/patternfly/components/Form/form.css";
import PFFormControl from "@patternfly/patternfly/components/FormControl/form-control.css";
import { MessageLevel } from "../messages/Message";
interface ErrorResponse {
[key: string]: string[];
@ -32,7 +33,11 @@ export class Form<T> extends LitElement {
send!: (data: T) => Promise<T>;
static get styles(): CSSResult[] {
return [PFBase, PFCard, PFButton, PFForm, PFFormControl, AKGlobal];
return [PFBase, PFCard, PFButton, PFForm, PFFormControl, AKGlobal, css`
select[multiple] {
height: 15em;
}
`];
}
submit(ev: Event): Promise<T> | undefined {
@ -45,7 +50,7 @@ export class Form<T> extends LitElement {
const data = ironForm.serializeForm() as T;
return this.send(data).then((r) => {
showMessage({
level_tag: "success",
level: MessageLevel.success,
message: this.successMessage
});
return r;