From d8f54405ea7f3934a0f9934851663b0f434f13b4 Mon Sep 17 00:00:00 2001
From: Marcel Schneider <marcel@webschneider.org>
Date: Wed, 17 May 2017 09:30:04 +0200
Subject: [PATCH] Show date of menus

---
 src/components/Mensa.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/Mensa.vue b/src/components/Mensa.vue
index 4efcb78..bf1787e 100644
--- a/src/components/Mensa.vue
+++ b/src/components/Mensa.vue
@@ -1,5 +1,6 @@
 <template>
-  <div class="hello">
+  <div class="mensa">
+    <h3 id="date">{{date}}</h3>
       <div class="meal" v-for="meal in meals">
         <h3>{{meal.category}}</h3>
         <p>{{meal.title}}</p>
@@ -13,6 +14,7 @@ export default {
   data () {
     return {
       meals: [],
+      date: '',
       days: [1, 2, 3, 4, 5, 6],
       dayOfWeek: {
         1: 'Montag',
@@ -39,7 +41,10 @@ export default {
     loadMeals () {
       fetch(`/static/${this.$route.params.mensa}.${this.$route.params.tag}.json`)
       .then(res => res.json())
-      .then(menu => { this.meals = menu.meals })
+        .then(menu => {
+          this.meals = menu.meals
+          this.date = menu.date
+        })
     }
   },
   created () {
@@ -61,4 +66,10 @@ export default {
   margin-top: 0.4em;
 }
 
+#date{
+  margin-bottom: -1em;
+}
+.mensa{
+  margin-bottom: 3em;
+}
 </style>