Erster Code für die Login UI

This commit is contained in:
2019-04-07 23:15:09 +02:00
parent 091a1c87a2
commit e471a76377
3 changed files with 50 additions and 4 deletions
+38
View File
@@ -0,0 +1,38 @@
Vue.component('login-panel', {
template: `
<div class="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>
User (Ohmportal):<br>
<input type=text length=20 ref=userField v-model=user><br>
Password:<br>
<input type=password length=20 v-model=pwd><br>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary">Login</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal" v-on:click="closeLogin(this.Event)">Close</button>
</div>
</div>
</div>
</div>`,
data: function () {
return {
user: "",
pwd:"",
};
},
methods: {
closeLogin (event) {
this.$emit('clicked', false)
}
},
mounted: function () {
$(".modal").modal ('show');
},
});