#buefy-changes

public/routes/login.js

@@ -1,34 +1,64 @@
 Vue.component('login-panel', {
     template: `
-		<div class="loginModal modal" tabindex="-1" role="dialog">
+		  <form action="">
+            <div class="modal-card" style="width: auto">
+                <header class="modal-card-head">
+                    <p class="modal-card-title">Login</p>
+                </header>
+                <section class="modal-card-body">
+
+					<b-field>
+        				<b-input
+							placeholder="User (Ohmportal)"
+							:value="user"
+							v-model=user
+							required>
+						</b-input>
+    				</b-field>
+					<b-field>
+            			<b-input
+							type="password"
+							placeholder="Password"
+							:value="pwd"
+							required>
+						</b-input>
+        			</b-field>
+					<b-checkbox>Eingeloggt bleiben</b-checkbox>
+                </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>
+                </footer>
+            </div>
+        </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">
-						<form>
-							<div class="form-group">
-								<label class="bmd-label-floating"> User (Ohmportal)</label>
-								<input type="text" class="form-control" length=20 ref=userField v-model=user>
-							</div>
-							<div class="form-group">
-								<label class="bmd-label-floating">Password</label>
-								<input type=password class="form-control" length=20 v-model=pwd>
-							</div>
-						</form>
+						<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">
-						<button type="button" class="btn btn-primary" data-dismiss="modal" v-on:click="closeLogin(this.Event)">Login</button>
-						<button type="button" class="btn btn-secondary" data-dismiss="modal" v-on:click="closeLogin(this.Event)">Close</button>
+						<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>`,
+		</div>-->`,
     data: function () {
 		return {
-			user: "",
-			pwd:"",
+			user: "name",
+			pwd:"password",
 		};
     },
     methods: {
@@ -41,6 +71,6 @@ Vue.component('login-panel', {
     	}
     },
 	mounted: function () {
-		$(".loginModal").modal ('show');
+		//$(".loginModal").modal ('show');
 	},
 });