Lenaisten/advent22
1
0
Fork 0
mirror of https://code.lenaisten.de/Lenaisten/advent22.git synced 2024-11-23 00:03:07 +00:00
Code Issues Projects Releases Packages Wiki Activity

Disallow MultiModal dismissal while loading

Browse source
This commit is contained in:
Jörn-Michael Miehe 2023-10-31 18:42:01 +00:00
parent 6ad52f8996
commit b422913d7c
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
ui/src/components/MultiModal.vue
View file

@ -9,7 +9,7 @@
<template v-else>
<figure>
<figcaption class="tag is-primary">
{{ figure_caption }}
{{ caption }}
</figcaption>
<div class="image is-square">
<img :src="image_src" alt="Kalender-Bild" />
@ -30,7 +30,7 @@ export default class extends Vue {
public active = false;
public progress = false;
public image_src = "";
public figure_caption = "";
public caption = "";
private on_keydown(e: KeyboardEvent) {
if (e.key == "Escape") this.set_active(false);
@ -49,13 +49,16 @@ export default class extends Vue {
}
public set_active(state: boolean) {
// Cannot dismiss the "loading" screen
if (this.active && this.progress) return;
this.active = state;
}
public show_image(src: string, caption: string = "") {
this.progress = false;
this.image_src = src;
this.figure_caption = caption;
this.caption = caption;
this.set_active(true);
}