From bb3991a3f5e7713cc80e150aad8518c8e191250a Mon Sep 17 00:00:00 2001
From: kolaente <konrad@kola-entertainments.de>
Date: Thu, 6 Sep 2018 19:46:38 +0200
Subject: [PATCH] Added home and login components

---
 src/components/Home.vue  | 30 ++++++++++++++++++++
 src/components/Login.vue | 59 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 89 insertions(+)
 create mode 100644 src/components/Home.vue
 create mode 100644 src/components/Login.vue

diff --git a/src/components/Home.vue b/src/components/Home.vue
new file mode 100644
index 0000000000..a7b4ad5890
--- /dev/null
+++ b/src/components/Home.vue
@@ -0,0 +1,30 @@
+<template>
+	<div>
+	<h3>Hiiiii</h3>
+		<span v-if="authenticated">Logged in</span>
+	</div>
+</template>
+
+<script>
+    import auth from '../auth'
+    import router from '../router'
+
+    export default {
+        name: "Home",
+		data() {
+            return {
+                authenticated: auth.user.authenticated
+            }
+		},
+        beforeMount() {
+            // Check if the user is already logged in, if so, redirect him to the homepage
+            if (!auth.user.authenticated) {
+                router.push({name: 'login'})
+            }
+        },
+    }
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/components/Login.vue b/src/components/Login.vue
new file mode 100644
index 0000000000..0d91d1746f
--- /dev/null
+++ b/src/components/Login.vue
@@ -0,0 +1,59 @@
+<template>
+	<div>
+		<h2>
+			Login
+		</h2>
+		<form id="loginform" @submit.prevent="submit">
+			<input type="text" name="username" placeholder="Username" v-model="credentials.username" required>
+			<input type="password" name="password" placeholder="Password" v-model="credentials.password" required>
+			<button type="submit" class="ui fluid large blue submit button">Login</button>
+			<div class="ui info message" v-if="loading">
+				<icon name="refresh" spin></icon>&nbsp;&nbsp;
+				Loading...
+			</div>
+			<div class="ui error message" v-if="error" style="display: block;">
+				{{ error }}
+			</div>
+		</form>
+	</div>
+</template>
+
+<script>
+    import auth from '../auth'
+    import router from '../router'
+
+    export default {
+        data() {
+            return {
+                credentials: {
+                    username: '',
+                    password: ''
+                },
+                error: '',
+                loading: false
+            }
+        },
+        beforeMount() {
+            // Check if the user is already logged in, if so, redirect him to the homepage
+            if (auth.user.authenticated) {
+                router.push({name: 'home'})
+            }
+        },
+        methods: {
+            submit() {
+                this.loading = true
+                this.error = ''
+                let credentials = {
+                    username: this.credentials.username,
+                    password: this.credentials.password
+                }
+
+                auth.login(this, credentials, 'home')
+            }
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>