From 4b6b5f339fb86f69c9c74c4e1eb0c12c7ecb5b2a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Wed, 8 May 2019 21:34:50 +0200
Subject: [PATCH] generic reusable header

---
 frontend/src/components/Header.vue | 16 ++++++++++++++++
 frontend/src/views/About.vue       | 14 ++++++++------
 frontend/src/views/Home.vue        | 11 +++--------
 3 files changed, 27 insertions(+), 14 deletions(-)
 create mode 100644 frontend/src/components/Header.vue

diff --git a/frontend/src/components/Header.vue b/frontend/src/components/Header.vue
new file mode 100644
index 0000000..591c305
--- /dev/null
+++ b/frontend/src/components/Header.vue
@@ -0,0 +1,16 @@
+<template>
+  <v-flex mb-4>
+    <h1 class="display-2 font-weight-bold mb-3">
+      Hello World!
+    </h1>
+    <p class="subheading font-weight-regular">
+      App under development, please don't submit any valuable data!
+    </p>
+  </v-flex>
+</template>
+
+<script>
+export default {
+  name: "Header"
+}
+</script>
diff --git a/frontend/src/views/About.vue b/frontend/src/views/About.vue
index 79a630c..a7de251 100644
--- a/frontend/src/views/About.vue
+++ b/frontend/src/views/About.vue
@@ -1,11 +1,7 @@
 <template>
   <v-container>
-    <v-flex mb-4>
-      <h1 class="display-2 font-weight-bold mb-3">Hello World!</h1>
-      <p class="subheading font-weight-regular">
-        App under development, please don't submit any valuable data!
-      </p>
-    </v-flex>
+    <Header />
+
     <p>user session: {{ sessionID }}</p>
     <v-btn @click.native="logout">Logout</v-btn>
   </v-container>
@@ -15,9 +11,15 @@
 import * as Cookies from 'js-cookie'
 import axios from '@/plugins/axios'
 
+import Header from '@/components/Header.vue'
+
 export default {
   name: 'About',
 
+  components: {
+    Header
+  },
+
   data: () => ({
     sessionID: ''
   }),
diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index e6bbb15..94412e8 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -1,13 +1,6 @@
 <template>
   <v-container>
-    <v-flex mb-4>
-      <h1 class="display-2 font-weight-bold mb-3">
-        Hello World!
-      </h1>
-      <p class="subheading font-weight-regular">
-        App under development, please don't submit any valuable data!
-      </p>
-    </v-flex>
+    <Header />
 
     <LoginForm />
     <RegisterForm />
@@ -18,6 +11,7 @@
 import * as Cookies from 'js-cookie'
 import axios from '@/plugins/axios'
 
+import Header from '@/components/Header.vue'
 import LoginForm from '@/components/forms/Login.vue'
 import RegisterForm from '@/components/forms/Register.vue'
 
@@ -31,6 +25,7 @@ export default {
   },
 
   components: {
+    Header,
     LoginForm,
     RegisterForm
   },