27 lines
		
	
	
		
			No EOL
		
	
	
		
			492 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
			
		
		
	
	
			27 lines
		
	
	
		
			No EOL
		
	
	
		
			492 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
| <template>
 | |
|   <button class="button" @click="on_click">Türken {{ day + 1 }}</button>
 | |
| </template>
 | |
| 
 | |
| <script lang="ts">
 | |
| import { Vue, Options } from "vue-class-component";
 | |
| 
 | |
| @Options({
 | |
|   props: {
 | |
|     day: Number,
 | |
|   },
 | |
| })
 | |
| export default class CalendarDoor extends Vue {
 | |
|   day!: number;
 | |
| 
 | |
|   private get image_url(): string {
 | |
|     return this.$advent22.api_url("days/picture/" + this.day);
 | |
|   }
 | |
| 
 | |
|   private on_click(): void {
 | |
|     this.$emit("openDoor", this.image_url);
 | |
|   }
 | |
| }
 | |
| </script>
 | |
| 
 | |
| <style>
 | |
| </style> |