web: re-format with prettier

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>

web/src/elements/forms/Form.ts

@@ -2,7 +2,15 @@ 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 { css, 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";
@@ -18,31 +26,38 @@ import { ValidationError } from "authentik-api";
 import { EVENT_REFRESH } from "../../constants";
 
 export class APIError extends Error {
-
     constructor(public response: ValidationError) {
         super();
     }
-
 }
 
 @customElement("ak-form")
 export class Form<T> extends LitElement {
-
     @property()
     successMessage = "";
 
     @property()
     send!: (data: T) => Promise<unknown>;
 
-    @property({attribute: false})
+    @property({ attribute: false })
     nonFieldErrors?: string[];
 
     static get styles(): CSSResult[] {
-        return [PFBase, PFCard, PFButton, PFForm, PFAlert, PFInputGroup, PFFormControl, AKGlobal, css`
-            select[multiple] {
-                height: 15em;
-            }
-        `];
+        return [
+            PFBase,
+            PFCard,
+            PFButton,
+            PFForm,
+            PFAlert,
+            PFInputGroup,
+            PFFormControl,
+            AKGlobal,
+            css`
+                select[multiple] {
+                    height: 15em;
+                }
+            `,
+        ];
     }
 
     get isInViewport(): boolean {
@@ -55,25 +70,27 @@ export class Form<T> extends LitElement {
     }
 
     updated(): void {
-        this.shadowRoot?.querySelectorAll<HTMLInputElement>("input[name=name]").forEach(nameInput => {
-            const form = nameInput.closest("form");
-            if (form === null) {
-                return;
-            }
-            const slugField = form.querySelector<HTMLInputElement>("input[name=slug]");
-            if (!slugField) {
-                return;
-            }
-            // Only attach handler if the slug is already equal to the name
-            // if not, they are probably completely different and shouldn't update
-            // each other
-            if (convertToSlug(nameInput.value) !== slugField.value) {
-                return;
-            }
-            nameInput.addEventListener("input", () => {
-                slugField.value = convertToSlug(nameInput.value);
+        this.shadowRoot
+            ?.querySelectorAll<HTMLInputElement>("input[name=name]")
+            .forEach((nameInput) => {
+                const form = nameInput.closest("form");
+                if (form === null) {
+                    return;
+                }
+                const slugField = form.querySelector<HTMLInputElement>("input[name=slug]");
+                if (!slugField) {
+                    return;
+                }
+                // Only attach handler if the slug is already equal to the name
+                // if not, they are probably completely different and shouldn't update
+                // each other
+                if (convertToSlug(nameInput.value) !== slugField.value) {
+                    return;
+                }
+                nameInput.addEventListener("input", () => {
+                    slugField.value = convertToSlug(nameInput.value);
+                });
             });
-        });
     }
 
     /**
@@ -110,7 +127,7 @@ export class Form<T> extends LitElement {
     serializeForm(form: IronFormElement): T {
         const elements: HTMLInputElement[] = form._getSubmittableElements();
         const json: { [key: string]: unknown } = {};
-        elements.forEach(element => {
+        elements.forEach((element) => {
             const values = form._serializeElementValues(element);
             if (element.hidden) {
                 return;
@@ -138,54 +155,58 @@ export class Form<T> extends LitElement {
             return;
         }
         const data = this.serializeForm(ironForm);
-        return this.send(data).then((r) => {
-            showMessage({
-                level: MessageLevel.success,
-                message: this.getSuccessMessage()
-            });
-            this.dispatchEvent(
-                new CustomEvent(EVENT_REFRESH, {
-                    bubbles: true,
-                    composed: true,
-                })
-            );
-            return r;
-        }).catch((ex: Response | Error) => {
-            if (ex instanceof Error) {
-                throw ex;
-            }
-            if (ex.status > 399 && ex.status < 500) {
-                return ex.json().then((errorMessage: ValidationError) => {
-                    if (!errorMessage) return errorMessage;
-                    if (errorMessage instanceof Error) {
-                        throw errorMessage;
-                    }
-                    // assign all input-related errors to their elements
-                    const elements: PaperInputElement[] = ironForm._getSubmittableElements();
-                    elements.forEach((element) => {
-                        const elementName = element.name;
-                        if (!elementName) return;
-                        if (camelToSnake(elementName) in errorMessage) {
-                            element.errorMessage = errorMessage[camelToSnake(elementName)].join(", ");
-                            element.invalid = true;
-                        }
-                    });
-                    if ("non_field_errors" in errorMessage) {
-                        this.nonFieldErrors = errorMessage["non_field_errors"];
-                    }
-                    throw new APIError(errorMessage);
+        return this.send(data)
+            .then((r) => {
+                showMessage({
+                    level: MessageLevel.success,
+                    message: this.getSuccessMessage(),
                 });
-            }
-            throw ex;
-        }).catch((ex: Error) => {
-            // error is local or not from rest_framework
-            showMessage({
-                message: ex.toString(),
-                level: MessageLevel.error,
+                this.dispatchEvent(
+                    new CustomEvent(EVENT_REFRESH, {
+                        bubbles: true,
+                        composed: true,
+                    }),
+                );
+                return r;
+            })
+            .catch((ex: Response | Error) => {
+                if (ex instanceof Error) {
+                    throw ex;
+                }
+                if (ex.status > 399 && ex.status < 500) {
+                    return ex.json().then((errorMessage: ValidationError) => {
+                        if (!errorMessage) return errorMessage;
+                        if (errorMessage instanceof Error) {
+                            throw errorMessage;
+                        }
+                        // assign all input-related errors to their elements
+                        const elements: PaperInputElement[] = ironForm._getSubmittableElements();
+                        elements.forEach((element) => {
+                            const elementName = element.name;
+                            if (!elementName) return;
+                            if (camelToSnake(elementName) in errorMessage) {
+                                element.errorMessage =
+                                    errorMessage[camelToSnake(elementName)].join(", ");
+                                element.invalid = true;
+                            }
+                        });
+                        if ("non_field_errors" in errorMessage) {
+                            this.nonFieldErrors = errorMessage["non_field_errors"];
+                        }
+                        throw new APIError(errorMessage);
+                    });
+                }
+                throw ex;
+            })
+            .catch((ex: Error) => {
+                // error is local or not from rest_framework
+                showMessage({
+                    message: ex.toString(),
+                    level: MessageLevel.error,
+                });
+                // rethrow the error so the form doesn't close
+                throw ex;
             });
-            // rethrow the error so the form doesn't close
-            throw ex;
-        });
     }
 
     renderForm(): TemplateResult {
@@ -197,24 +218,24 @@ export class Form<T> extends LitElement {
             return html``;
         }
         return html`<div class="pf-c-form__alert">
-        ${this.nonFieldErrors.map(err => {
-            return html`<div class="pf-c-alert pf-m-inline pf-m-danger">
-                <div class="pf-c-alert__icon">
-                    <i class="fas fa-exclamation-circle"></i>
-                </div>
-                <h4 class="pf-c-alert__title">
-                    ${err}
-                </h4>
-            </div>`;
-        })}
+            ${this.nonFieldErrors.map((err) => {
+                return html`<div class="pf-c-alert pf-m-inline pf-m-danger">
+                    <div class="pf-c-alert__icon">
+                        <i class="fas fa-exclamation-circle"></i>
+                    </div>
+                    <h4 class="pf-c-alert__title">${err}</h4>
+                </div>`;
+            })}
         </div>`;
     }
 
     renderVisible(): TemplateResult {
         return html`<iron-form
-            @iron-form-presubmit=${(ev: Event) => { this.submit(ev); }}>
-            ${this.renderNonFieldErrors()}
-            ${this.renderForm()}
+            @iron-form-presubmit=${(ev: Event) => {
+                this.submit(ev);
+            }}
+        >
+            ${this.renderNonFieldErrors()} ${this.renderForm()}
         </iron-form>`;
     }
 
@@ -224,5 +245,4 @@ export class Form<T> extends LitElement {
         }
         return this.renderVisible();
     }
-
 }