From 9fb82dcfaa3ce309eaca921971f407df0b3600d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Mon, 6 May 2019 04:05:32 +0200
Subject: [PATCH] Begin Login Form

---
 .gitignore                              |  1 +
 frontend/.vue-cli-ui/db.json            |  2 +-
 frontend/src/components/forms/Login.vue | 35 +++++++++++++++++++++++++
 frontend/src/views/Home.vue             | 25 +++++++++++++++---
 4 files changed, 58 insertions(+), 5 deletions(-)
 create mode 100644 frontend/src/components/forms/Login.vue

diff --git a/.gitignore b/.gitignore
index 8380c6b..ece8dd0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 **/node_modules
 **/fftcg.db
+**/org.vue.*.json
diff --git a/frontend/.vue-cli-ui/db.json b/frontend/.vue-cli-ui/db.json
index 98e0639..42de73f 100644
--- a/frontend/.vue-cli-ui/db.json
+++ b/frontend/.vue-cli-ui/db.json
@@ -6,7 +6,7 @@
       "favorite": 0,
       "type": "vue",
       "name": "frontend",
-      "openDate": 1556559984890,
+      "openDate": 1556789720710,
       "widgets": [
         {
           "id": "5sGiztidd",
diff --git a/frontend/src/components/forms/Login.vue b/frontend/src/components/forms/Login.vue
new file mode 100644
index 0000000..b19f0cd
--- /dev/null
+++ b/frontend/src/components/forms/Login.vue
@@ -0,0 +1,35 @@
+<template>
+  <v-dialog v-model="dialog" width="500">
+    <v-btn slot="activator" color="red lighten-2" dark>
+      Login
+    </v-btn>
+
+    <v-card>
+      <v-card-title class="headline grey lighten-2" primary-title>
+        Log In
+      </v-card-title>
+
+      <v-card-text>
+        Some form
+      </v-card-text>
+
+      <v-divider></v-divider>
+
+      <v-card-actions>
+        <v-spacer></v-spacer>
+        <v-btn color="primary" flat @click="dialog = false">
+          Login
+        </v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-dialog>
+</template>
+
+<script>
+export default {
+  name: "LoginForm"
+}
+</script>
+
+<style lang="css" scoped>
+</style>
diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index 25c5f3c..5daac67 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -1,14 +1,31 @@
 <template>
-  <HelloWorld />
+  <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>
+
+    <LoginForm />
+
+  </v-container>
 </template>
 
 <script>
-// @ is an alias to /src
-import HelloWorld from '@/components/HelloWorld.vue'
+import LoginForm from '@/components/forms/Login.vue'
 
 export default {
+  name: 'Home',
+  data() {
+    return {
+      dialog: false
+    }
+  },
   components: {
-    HelloWorld
+    LoginForm
   }
 }
 </script>