trustchain-oc1-orchestral/authentik
Archived
10
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

web: make action button better handle errors and show messages

Browse source
This commit is contained in:
Jens Langhammer 2021-01-12 21:52:21 +01:00
parent 8369fa16ae
commit 6f56c37d2f
1 changed files with 21 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
web/src/elements/buttons/ActionButton.ts
View file

@ -2,6 +2,7 @@ import { getCookie } from "../../utils";
import { customElement, property } from "lit-element";
import { ERROR_CLASS, SUCCESS_CLASS } from "../../constants";
import { SpinnerButton } from "./SpinnerButton";
import { showMessage } from "../messages/MessageContainer";
@customElement("ak-action-button")
export class ActionButton extends SpinnerButton {
@ -25,12 +26,31 @@ export class ActionButton extends SpinnerButton {
fetch(request, {
method: "POST",
mode: "same-origin",
})
.then((r) => {
if (!r.ok) {
throw r;
}
return r;
})
.then((r) => r.json())
.then(() => {
this.setDone(SUCCESS_CLASS);
})
.catch(() => {
.catch((e: Error | Response) => {
if (e instanceof Error) {
showMessage({
level_tag: "error",
message: e.toString()
});
} else {
e.text().then(t => {
showMessage({
level_tag: "error",
message: t
});
})
}
this.setDone(ERROR_CLASS);
});
}