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

cleanup

Browse source
This commit is contained in:
penner 2022-12-22 00:16:42 +00:00
parent cb7c785ef4
commit 2052efedd9
2 changed files with 12 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
ui/src/App.vue
View file

@ -1,14 +1,14 @@
<template>
<div class="container">
<LoginModal ref="login_modal" />
<ImageModal ref="image_modal" />
<div class="section">
<h1 class="title has-text-centered is-uppercase">
Adventskalender {{ date }}
</h1>
<h2 class="subtitle has-text-centered">Der Gelöt</h2>
<LoginModal ref="login_modal" />
<ImageModal ref="image_modal" />
<CalendarDoor
v-for="(_, index) in 24"
:key="index"
@ -16,6 +16,12 @@
@openDoor="open_calendar_door"
/>
</div>
<div class="section">
<button class="button" @click="$refs.login_modal.set_active(true)">
Login
</button>
</div>
</div>
</template>
@ -53,13 +59,10 @@ export default class App extends Vue {
this.visible_days = visible_days;
}
);
this.$refs.login_modal.set_active(true);
}
private open_calendar_door(image_src: string): void {
this.$refs.image_modal.set_src(image_src);
this.$refs.image_modal.set_active(true);
this.$refs.image_modal.show_src(image_src);
}
}
</script>

3
ui/src/components/ImageModal.vue
View file

@ -27,8 +27,9 @@ export default class ImageModal extends Vue {
this.active = state;
}
public set_src(src: string): void {
public show_src(src: string): void {
this.image_src = src;
this.set_active(true);
}
}
</script>