From c91aeb598c51b7a3b0bc5072020c0ac0adbe1c2f Mon Sep 17 00:00:00 2001
From: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Date: Thu, 10 Dec 2020 17:10:53 +0100
Subject: [PATCH] basic register form

---
 components/global/Register.vue | 68 ++++++++++++++++++++++++++++++++++
 content/home.md                |  2 +
 2 files changed, 70 insertions(+)
 create mode 100644 components/global/Register.vue

diff --git a/components/global/Register.vue b/components/global/Register.vue
new file mode 100644
index 0000000..4b20fc5
--- /dev/null
+++ b/components/global/Register.vue
@@ -0,0 +1,68 @@
+<template>
+  <div>
+    <div v-if="isSubmitted" class="card">
+      <div class="card-body">
+        <h4 class="card-title">We sent you an EMail!</h4>
+        <p>
+          We sent an EMail to: <b>{{ userData.email }}</b>
+        </p>
+        <p>
+          Please check your inbox and spam folder and click the link in that
+          EMail
+        </p>
+        <button class="btn btn-primary" @click.prevent="back">Back</button>
+      </div>
+    </div>
+    <div v-else class="form-group">
+      <!-- Username -->
+      <label for="username">Enter Username</label>
+      <input
+        id="username"
+        v-model.lazy="userData.username"
+        type="text"
+        class="form-control"
+      />
+      <!-- EMail -->
+      <label for="email">Your Email Address</label>
+      <input
+        id="email"
+        v-model="userData.email"
+        type="text"
+        class="form-control"
+      />
+      <!-- Password -->
+      <label for="password">Enter Password</label>
+      <input
+        id="password"
+        v-model.lazy="userData.password"
+        type="password"
+        class="form-control"
+      />
+      <!-- Submit -->
+      <button class="btn btn-primary" @click.prevent="submitted">Register</button>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      userData: {
+        username: '',
+        email: '',
+        password: '',
+      },
+      isSubmitted: false,
+    }
+  },
+  methods: {
+    submitted() {
+      this.isSubmitted = true
+    },
+    back() {
+      this.isSubmitted = false
+    },
+  },
+}
+</script>
diff --git a/content/home.md b/content/home.md
index 645aad1..ac3cd8c 100644
--- a/content/home.md
+++ b/content/home.md
@@ -11,3 +11,5 @@ Welcome to Mojotrollz
 
 ## Register
 
+<register></register>
+