Lenaisten/advent22
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Calendar remove figcaption

Browse source
This commit is contained in:
Jörn-Michael Miehe 2023-11-04 04:17:53 +00:00
parent 644b1eb3e3
commit d61c27deca
1 changed files with 0 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
ui/src/components/Calendar.vue
View file

@ -2,9 +2,6 @@
<MultiModal @handle="modal_handle" /> <MultiModal @handle="modal_handle" />
<figure> <figure>
<figcaption class="has-text-primary-dark">
{{ figure_caption }}
</figcaption>
<div class="image is-unselectable"> <div class="image is-unselectable">
<img :src="$advent22.api_url('user/background_image')" /> <img :src="$advent22.api_url('user/background_image')" />
<ThouCanvas> <ThouCanvas>
@ -14,10 +11,6 @@
:door="door" :door="door"
:visible="store.is_touch_device" :visible="store.is_touch_device"
@click="door_click(door.day)" @click="door_click(door.day)"
@touch="door_hover(door.day)"
@mouseover="door_hover(door.day)"
@touchend="door_unhover"
@mouseout="door_unhover"
/> />
</ThouCanvas> </ThouCanvas>
</div> </div>
@ -47,24 +40,14 @@ import ThouCanvas from "./calendar/ThouCanvas.vue";
}) })
export default class extends Vue { export default class extends Vue {
public readonly doors!: Door[]; public readonly doors!: Door[];
private readonly idle_caption = "Finde die Türchen auf dem Adventskalender!";
public readonly store = advent22Store(); public readonly store = advent22Store();
private multi_modal?: MultiModal; private multi_modal?: MultiModal;
public figure_caption = this.idle_caption;
public modal_handle(modal: MultiModal) { public modal_handle(modal: MultiModal) {
this.multi_modal = modal; this.multi_modal = modal;
} }
public door_hover(day: number) {
this.figure_caption = this.$advent22.name_door(day);
}
public door_unhover() {
this.figure_caption = this.idle_caption;
}
public door_click(day: number) { public door_click(day: number) {
if (this.multi_modal === undefined) return; if (this.multi_modal === undefined) return;
this.multi_modal.show_progress(); this.multi_modal.show_progress();