From b5f1a94039d67826ec1c8c5ad1a6e576e4991e90 Mon Sep 17 00:00:00 2001
From: Georg Reisinger <43533139+GeorgReisinger@users.noreply.github.com>
Date: Sun, 24 Feb 2019 19:52:52 +0100
Subject: [PATCH] Mit Email und Passwort registrieren

Leitet noch nicht auf / weiter
Setzt dem User kein Bild und keinen Namen
---
 express-server/public/javascripts/login.js    | 10 ++--
 .../public/javascripts/registerEmail.js       | 52 +++++++++++++++++++
 express-server/routes/index.js                |  4 ++
 express-server/views/index.ejs                |  3 +-
 express-server/views/registrieremail.ejs      | 31 +++++++++++
 5 files changed, 93 insertions(+), 7 deletions(-)
 create mode 100644 express-server/public/javascripts/registerEmail.js
 create mode 100644 express-server/views/registrieremail.ejs

diff --git a/express-server/public/javascripts/login.js b/express-server/public/javascripts/login.js
index 0dd949a1..0bedf748 100644
--- a/express-server/public/javascripts/login.js
+++ b/express-server/public/javascripts/login.js
@@ -43,8 +43,8 @@ window.onload = function () {
 var vue = new Vue({
   el: '#vue-app',
   data: {
-      email: "",
-      password: ""
+    email: "",
+    password: ""
   },
   methods: {
     login() {
@@ -70,10 +70,10 @@ var vue = new Vue({
 
       });
     },
-    loginemail(){
-      firebase.auth().signInWithEmailAndPassword(this.email, this.password).then(result =>{
+    loginemail() {
+      firebase.auth().signInWithEmailAndPassword(this.email, this.password).then(result => {
         checkAuth();
-      }).catch(function(error) {
+      }).catch(function (error) {
         // Handle Errors here.
         var errorCode = error.code;
         var errorMessage = error.message;
diff --git a/express-server/public/javascripts/registerEmail.js b/express-server/public/javascripts/registerEmail.js
new file mode 100644
index 00000000..de69b435
--- /dev/null
+++ b/express-server/public/javascripts/registerEmail.js
@@ -0,0 +1,52 @@
+// Initialize Firebase
+var config = {
+    apiKey: "AIzaSyCuvwf78cmSDoZ2yS4XxHZhnjUn7yIHYfw",
+    authDomain: "test-667ca.firebaseapp.com",
+    databaseURL: "https://test-667ca.firebaseio.com",
+    projectId: "test-667ca",
+    storageBucket: "test-667ca.appspot.com",
+    messagingSenderId: "221332577314"
+};
+firebase.initializeApp(config);
+
+
+var vue = new Vue({
+    el: '#vue-app',
+    data: {
+        name: "",
+        email: "",
+        picurl: "",
+        password: ""
+    },
+    methods: {
+        registerEmail() {
+            var user = firebase.auth().currentUser;
+
+            firebase.auth().createUserWithEmailAndPassword(this.email, this.password).catch(function (error) {
+                // Handle Errors here.
+                var errorCode = error.code;
+                var errorMessage = error.message;
+
+                console.error(error)
+                // ...
+            });
+
+            user.updateProfile({
+                displayName: this.name,
+                photoURL: this.picurl
+            }).then(function () {
+                // Update successful.
+            }).catch(function (error) {
+                console.error(error)
+            });
+
+            user.updateEmail(this.email).then(function () {
+                // Update successful.
+            }).catch(function (error) {
+                console.error(error)
+            });
+
+            window.location.href = "/";
+        }
+    },
+})
\ No newline at end of file
diff --git a/express-server/routes/index.js b/express-server/routes/index.js
index 5ed4adc3..059b92e7 100644
--- a/express-server/routes/index.js
+++ b/express-server/routes/index.js
@@ -50,6 +50,10 @@ router.get('/dash/:idtoken', function (req, res, next) {
   res.render('dash');
 });
 
+router.get('/register', (req, res) => {
+  res.status(200).render('registrieremail');
+});
+
 
 // SmartShopper
 
diff --git a/express-server/views/index.ejs b/express-server/views/index.ejs
index f2482fa6..7c793ec7 100644
--- a/express-server/views/index.ejs
+++ b/express-server/views/index.ejs
@@ -18,10 +18,9 @@
     <input v-model="password" id="password" type="password">
     <button id="loginemailbutton" @click="loginemail()">Login with Email</button>
 
-    {{email}}
-
     <button id="loginbutton" @click="login()">Login with google</button>
 
+    <a href="/registrieren"><button>Jetzt mit Email und Passwort Registrieren!</button></a>
 
     <script src="javascripts/login.js"></script>
 
diff --git a/express-server/views/registrieremail.ejs b/express-server/views/registrieremail.ejs
new file mode 100644
index 00000000..df4d6db2
--- /dev/null
+++ b/express-server/views/registrieremail.ejs
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
+
+    <script src="https://www.gstatic.com/firebasejs/5.7.0/firebase.js"></script>
+    <title>Registrieren</title>
+</head>
+
+<body>
+    <div id="vue-app">
+        <label for="name">Name: </label>
+        <input v-model="name" type="text" id="name">
+        <label for="email">Email: </label>
+        <input v-model="email" type="email" name="email">
+        <label for="picURL">Bild URL: </label>
+        <input v-model="picurl" type="url" id="picURL">
+        <label for="password">Passwort: </label>
+        <input type="password" id="password" v-model="password">
+
+        <button @click="registerEmail()"></button>
+    </div>
+
+    <script src="javascripts/registerEmail.js"></script>
+</body>
+
+</html>
\ No newline at end of file