diff --git a/ui/src/components/Calendar.vue b/ui/src/components/Calendar.vue index 5f074bf..0590ffb 100644 --- a/ui/src/components/Calendar.vue +++ b/ui/src/components/Calendar.vue @@ -107,7 +107,7 @@ export default class extends Vue { this.multi_modal!.show_image(image_src, this.$advent22.name_door(day)); }) .catch((error) => { - alert(error); + this.$advent22.alert_user_error(error); this.multi_modal!.hide(); }); } diff --git a/ui/src/components/admin/DoorMapEditor.vue b/ui/src/components/admin/DoorMapEditor.vue index b8e0ba6..f1f21ce 100644 --- a/ui/src/components/admin/DoorMapEditor.vue +++ b/ui/src/components/admin/DoorMapEditor.vue @@ -73,6 +73,7 @@ import { DoorSaved } from "@/lib/api"; import { Door } from "@/lib/door"; import { Options, Vue } from "vue-class-component"; +import { toast } from "bulma-toast"; import Calendar from "../Calendar.vue"; import BulmaBreadcrumbs, { Step } from "../bulma/Breadcrumbs.vue"; import BulmaButton from "../bulma/Button.vue"; @@ -149,7 +150,7 @@ export default class extends Vue { this.loading_doors = true; this.load_doors() - .then(() => alert("Erfolgreich!")) + .then(() => toast({ message: "Erfolgreich!", type: "is-success" })) .catch(() => {}) .finally(() => (this.loading_doors = false)); } @@ -169,7 +170,7 @@ export default class extends Vue { this.save_doors() .then(() => { this.load_doors() - .then(() => alert("Erfolgreich!")) + .then(() => toast({ message: "Erfolgreich!", type: "is-success" })) .catch(() => {}) .finally(() => (this.saving_doors = false)); }) diff --git a/ui/src/plugins/advent22.ts b/ui/src/plugins/advent22.ts index a3aba49..55f53cf 100644 --- a/ui/src/plugins/advent22.ts +++ b/ui/src/plugins/advent22.ts @@ -1,4 +1,5 @@ import axios, { AxiosError, AxiosInstance, ResponseType } from "axios"; +import { toast } from "bulma-toast"; import { App, Plugin } from "vue"; import { advent22Store } from "./store"; @@ -78,7 +79,10 @@ export class Advent22 { } public alert_user_error(param: [unknown, string]): void { - alert(this.format_user_error(param)); + toast({ + message: this.format_user_error(param), + type: "is-danger", + }); } public api_url(): string;