web: migrate group forms
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
		| @ -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; | ||||
|  | ||||
		Reference in New Issue
	
	Block a user
	 Jens Langhammer
					Jens Langhammer