habsi/authentik
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web/elements: rewrite SpinnerButton to promises, fix spinner button with forms after errors

Browse Source 
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer
2021-04-04 20:42:50 +02:00
parent 52029f55e4
commit 002c048d0b
7 changed files with 44 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
web/src/elements/forms/ModalForm.ts
View File

@ -11,26 +11,26 @@ export class ModalForm extends ModalButton {
@property({ type: Boolean })
closeAfterSuccessfulSubmit = true;
confirm(): void {
this.querySelectorAll<Form<unknown>>("[slot=form]").forEach(form => {
const formPromise = form.submit(new Event("submit"));
if (!formPromise) {
return;
confirm(): Promise<void> {
const form = this.querySelector<Form<unknown>>("[slot=form]");
if (!form) {
return Promise.reject(t`No form found`);
}
const formPromise = form.submit(new Event("submit"));
if (!formPromise) {
return Promise.reject(t`Form didn't return a promise for submitting`);
}
return formPromise.then(() => {
if (this.closeAfterSuccessfulSubmit) {
this.open = false;
form.reset();
}
formPromise.then(() => {
if (this.closeAfterSuccessfulSubmit) {
this.open = false;
form.reset();
}
this.dispatchEvent(
new CustomEvent(EVENT_REFRESH, {
bubbles: true,
composed: true,
})
);
}).catch((e) => {
console.log(e);
});
this.dispatchEvent(
new CustomEvent(EVENT_REFRESH, {
bubbles: true,
composed: true,
})
);
});
}
@ -48,13 +48,14 @@ export class ModalForm extends ModalButton {
<footer class="pf-c-modal-box__footer">
<ak-spinner-button
.callAction=${() => {
this.confirm();
return this.confirm();
}}
class="pf-m-primary">
<slot name="submit"></slot>
</ak-spinner-button>&nbsp;
<ak-spinner-button
.callAction=${() => {
.callAction=${async () => {
this.resetForms();
this.open = false;
}}
class="pf-m-secondary">