Speiseplan der Mensen der Georg-August-Universität Göttingen https://mensa.schneider-hosting.de
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

64 lines
1.2 KiB

<template>
<div class="hello">
<div class="meal" v-for="meal in meals">
<h3>{{meal.category}}</h3>
<p>{{meal.title}}</p>
</div>
</div>
</template>
<script>
export default {
name: 'mensa',
data () {
return {
meals: [],
days: [1, 2, 3, 4, 5, 6],
dayOfWeek: {
1: 'Montag',
2: 'Dienstag',
3: 'Mittwoch',
4: 'Donnerstag',
5: 'Freitag',
6: 'Samstag'
}
}
},
watch: {
'$route': function () {
if (!this.$route.fullPath.endsWith('/')) {
this.$router.replace(this.$route.fullPath + '/')
}
if (!this.$route.params.tag) {
this.$router.push('' + new Date().getDay())
}
this.loadMeals()
}
},
methods: {
loadMeals () {
fetch(`/static/${this.$route.params.mensa}.${this.$route.params.tag}.json`)
.then(res => res.json())
.then(menu => { this.meals = menu.meals })
}
},
created () {
this.$router.replace(`/zentralmensa/${new Date().getDay()}`)
this.loadMeals()
}
}
</script>
<style>
.meal{
margin: 2em 0;
}
.meal>h3{
margin-bottom:0em;
}
.meal>p{
margin-top: 0.4em;
}
</style>