Erse Version des Lehrerinfobildschirms mit Vertretungsplan und News

src/views/InfodisplayLehrer.vue

@@ -1,37 +1,110 @@
 <template>
+  <div class="ids">
+    <v-app-bar
+      app
+      color="indigo"
+      dark
+    >
+      <v-img
+        alt="Logo"
+        class="shrink mr-2"
+        contain
+        src="@/assets/logo.svg"
+        transition="scale-transition"
+        width="40"
+      />
+
+      <v-spacer></v-spacer>
+
+      <v-tabs>
+        <v-tab
+          v-for="link in links"
+          :key="link"
+        >
+          {{ link }}
+        </v-tab>
+      </v-tabs>
 
-  <v-app>
-    <v-navigation-drawer app>
-      <!-- -->
-    </v-navigation-drawer>
-  
-    <v-app-bar app>
-      <!-- -->
     </v-app-bar>
-  
-    <!-- Sizes your content based upon application components -->
+
     <v-main>
-  
-      <!-- Provides the application the proper gutter -->
       <v-container fluid>
-  
-        <!-- If using vue-router -->
-        <router-view></router-view>
+        <v-row dense>
+
+          <v-col
+            cols="8"
+          >
+            <v-sheet
+              min-height="70vh"
+              rounded="lg"
+              elevation="2"
+            >
+              <Vertretungsplan
+                vpUrl="/stundenplan/proxy.php?file=G014"
+                :startDatum="startDatum"
+              />
+            </v-sheet>
+          </v-col>
+
+          <v-col
+            cols="4"
+          >
+            <v-sheet
+              rounded="lg"
+              min-height="268"
+              elevation="2"
+            >
+              <Newsreader
+                :feedUrls="['/stundenplan/proxy.php?file=rsslul', '/stundenplan/proxy.php?file=rsssul']"
+              />
+            </v-sheet>
+<!--
+            <v-sheet
+              rounded="lg"
+              min-height="268"
+              elevation="2"
+            >
+
+            </v-sheet> -->
+          </v-col>
+        </v-row>
       </v-container>
     </v-main>
-  
-    <v-footer app>
-      <!-- -->
-    </v-footer>
-  </v-app>
-
+  </div>
 </template>
 
 <script>
+import Newsreader from '@/components/Newsreader'
+import Vertretungsplan from '@/components/Vertretungsplan'
+
 export default {
   name: 'InfodisplayLehrer',
+
+  data: () => ({
+    links: [
+      'Vertretungsplan',
+      'Stundenpläne'
+    ],
+    startDatum: new Date()
+  }),
+
   props: {
     msg: String
+  },
+
+  components: {
+    Newsreader,
+    Vertretungsplan
+  },
+
+  created: function () {
+    if (this.startDatum.getDay() === 6) {
+      // Samstag => Montag
+      this.startDatum.setDate(this.startDatum.getDate() + 2)
+    } else if (this.startDatum.getDay() === 0) {
+      // Sonntag => Montag
+      this.startDatum.setDate(this.startDatum.getDate() + 1)
+    }
   }
 }
-</script>
+</script>

src/views/InfodisplaySchueler.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="hello">
+  <div class="ids grey lighten-3">
     <h1>Schueler</h1>
     {{ msg }}
   </div>
@@ -13,3 +13,9 @@ export default {
   }
 }
 </script>
+
+<style>
+  div.ids {
+    height: 100%;
+  }
+</style>