import { t } from "@lingui/macro"; import { customElement, html, TemplateResult } from "lit-element"; import { DeleteForm } from "../../elements/forms/DeleteForm"; import { MessageLevel } from "../../elements/messages/Message"; import { showMessage } from "../../elements/messages/MessageContainer"; import "../../elements/buttons/SpinnerButton"; @customElement("ak-user-active-form") export class UserActiveForm extends DeleteForm { onSuccess(): void { showMessage({ message: t`Successfully updated ${this.objectLabel} ${this.obj?.name}`, level: MessageLevel.success, }); } onError(e: Error): void { showMessage({ message: t`Failed to update ${this.objectLabel}: ${e.toString()}`, level: MessageLevel.error, }); } renderModalInner(): TemplateResult { return html`<section class="pf-c-page__main-section pf-m-light"> <div class="pf-c-content"> <h1 class="pf-c-title pf-m-2xl">${t`Update ${this.objectLabel}`}</h1> </div> </section> <section class="pf-c-page__main-section pf-m-light"> <form class="pf-c-form pf-m-horizontal"> <p> ${t`Are you sure you want to update ${this.objectLabel} "${this.obj?.name}"?`} </p> </form> </section> <footer class="pf-c-modal-box__footer"> <ak-spinner-button .callAction=${() => { return this.confirm(); }} class="pf-m-warning" > ${t`Update`} </ak-spinner-button > <ak-spinner-button .callAction=${async () => { this.open = false; }} class="pf-m-secondary" > ${t`Cancel`} </ak-spinner-button> </footer>`; } }