Log-in Modal überarbeitet

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');
-	},
 });