From 773408dc1284aca688b7fb3b0c090b670773851b Mon Sep 17 00:00:00 2001
From: Xenia <gruenzingerxe68435@th-nuernberg.de>
Date: Tue, 18 Jun 2019 14:18:20 +0200
Subject: [PATCH 1/2] =?UTF-8?q?Log-in=20Modal=20=C3=BCberarbeitet?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/index.html       | 16 +++++++++++++++
 public/routes/login.js  | 45 ++++++++++-------------------------------
 public/routes/profil.js | 26 +++++++++---------------
 3 files changed, 37 insertions(+), 50 deletions(-)

diff --git a/public/index.html b/public/index.html
index 7867e61..3dc8dd6 100644
--- a/public/index.html
+++ b/public/index.html
@@ -112,6 +112,22 @@
             <router-view></router-view>
         </div>
 
+		<!--<b-tabs type="is-toggle" expanded>
+            <b-tab-item><router-link to="/home" >
+				<b-icon
+                pack="fas"
+                icon="home"
+                size="is-small">
+            </b-icon>
+				</router-link></b-tab-item>
+			<b-tab-item icon="magnify"></b-tab-item>
+			<b-tab-item icon="plus-circle"></b-tab-item>
+			<b-tab-item icon="bookmark"></b-tab-item>
+			<b-tab-item icon="account"></b-tab-item>
+
+        </b-tabs>-->
+
+
 		<nav class="navbar is-fixed-bottom is-expanded is-light is-hoverable" role="navigation" aria-label="main navigation">
   			<div class="navbar-brand is-expanded">
 				<router-link to="/home" class="navbar-item is-expanded has-text-centered is-active">
diff --git a/public/routes/login.js b/public/routes/login.js
index 068bd04..77fdbb1 100644
--- a/public/routes/login.js
+++ b/public/routes/login.js
@@ -6,7 +6,6 @@ Vue.component('login-panel', {
                     <p class="modal-card-title">Login</p>
                 </header>
                 <section class="modal-card-body">
-
 					<b-field>
         				<b-input
 							placeholder="User (Ohmportal)"
@@ -27,34 +26,11 @@ Vue.component('login-panel', {
                 </section>
                 <footer class="modal-card-foot">
                     <button class="button" type="button" @click="$parent.close()">Close</button>
-                    <button class="button is-primary" on:click="logIn(this.Event)">Login</button>
+                    <button class="button is-primary" @click="checkData()">Login</button>
                 </footer>
             </div>
-        </form>
+        </form>`,
 
-
-
-		<!--<div class="loginModal modal" tabindex="-1" role="dialog">
-			<div class="modal-dialog" role="document">
-    			<div class="modal-content">
-    				<div class="modal-header">
-        				<h5 class="modal-title">Login</h5>
-    				</div>
-    				<div class="modal-body">
-						<b-field>
-        					<b-input placeholder="User (Ohmportal)" v-model=user></b-input>
-    					</b-field>
-						<b-field>
-            				<b-input type="password" placeholder="Password"></b-input>
-        				</b-field>
-					</div>
-					<div class="modal-footer">
-						<b-button type="button" class="btn btn-primary" data-dismiss="modal" v-on:click="closeLogin(this.Event)">Login</b-button>
-						<b-button type="button" class="btn btn-secondary" data-dismiss="modal" v-on:click="closeLogin(this.Event)">Close</b-button>
-					</div>
-    			</div>
-			</div>
-		</div>-->`,
     data: function () {
 		return {
 			user: "name",
@@ -62,15 +38,16 @@ Vue.component('login-panel', {
 		};
     },
     methods: {
-		logIn(event){
-			this.$emit('clicked', true)
+		checkData(){
+			if(this.user === "name" && this.pwd === "password"){
+			   console.log("correct");
+			}else{
+				console.log("wrong");
+			}
 		},
 
-    	closeLogin (event) {
-    		this.$emit('clicked', false)
-    	}
+		logIn(){
+			$parent.close();
+		},
     },
-	mounted: function () {
-		//$(".loginModal").modal ('show');
-	},
 });
diff --git a/public/routes/profil.js b/public/routes/profil.js
index 8006e39..961b908 100644
--- a/public/routes/profil.js
+++ b/public/routes/profil.js
@@ -7,32 +7,26 @@ const ProfilRouter = {
 			:key="profil.id"
 			:profil="profil"
 		></ProfilCard>
-		<b-button type="button" class="btn btn-primary" data-dismiss="modal" v-on:click="logOut() ">Logout</b-button>
+		<b-button type="button" class="btn btn-primary" data-dismiss="modal" v-on:click="logOut()">Logout</b-button>
 	</div>
-	<div v-else-if="!isAuthentified">
-		<button class="button is-primary is-medium" @click="isModalActive = true">
-        	Login
-    	</button>
 
-		<!--<login-panel v-if="showLoginModal" @clicked="closeModal" ></login-panel>-->
+	<div v-else-if="!isAuthentified">
+		<button class="button is-primary is-medium"
+            @click="showLoginModal = true">
+            Login
+        </button>
 
 		<b-modal :active.sync="showLoginModal" has-modal-card>
-			<login-panel v-bind="formProps"></login-panel>
+			<login-panel></login-panel>
 		</b-modal>
 	</div>
 </div>`,
     data: function () {
         return {
-			isModalActive: false,
+			showLoginModal: false,
+			isAuthentified: false,
 			profilcard: _profilcard,
-
-			};
-    },
-    methods: {
-		checkAuthentication (value) {
-			this.showLoginModal = value;
-			this.isAuthentified = !this.isAuthentified;
-        },
+		};
     },
 };
 

From e108be1fb8fc4fcd8cfe936ebc62fc3d4be3353b Mon Sep 17 00:00:00 2001
From: Xenia <gruenzingerxe68435@th-nuernberg.de>
Date: Tue, 18 Jun 2019 14:25:09 +0200
Subject: [PATCH 2/2] Erweiterung zum Log in

---
 public/routes/login.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/public/routes/login.js b/public/routes/login.js
index 77fdbb1..9896930 100644
--- a/public/routes/login.js
+++ b/public/routes/login.js
@@ -23,6 +23,7 @@ Vue.component('login-panel', {
 						</b-input>
         			</b-field>
 					<b-checkbox>Eingeloggt bleiben</b-checkbox>
+					<div v-if="showError" style="color:red;"> Versuche es nochmal.</div>
                 </section>
                 <footer class="modal-card-foot">
                     <button class="button" type="button" @click="$parent.close()">Close</button>
@@ -35,14 +36,17 @@ Vue.component('login-panel', {
 		return {
 			user: "name",
 			pwd:"password",
+			showError:false,
 		};
     },
     methods: {
 		checkData(){
 			if(this.user === "name" && this.pwd === "password"){
 			   console.log("correct");
+				this.$parent.close();
 			}else{
 				console.log("wrong");
+				this.showError=true;
 			}
 		},