hopfma/om
4
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

#buefy-changes

Browse Source
This commit is contained in:
gruenzingerxe68435
2019-06-04 16:32:37 +02:00
parent 0a3f6ff240
commit d9b249c828
9 changed files with 346 additions and 279 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/routes/createMessage.js
+39 -35
View File
@@ -1,52 +1,48 @@
const data=[
'#th',
'#efi',
'#wichtig',
];
const CreateMsgRouter = {
template: `
<div class="card om-card">
<div class="content card om-card">
<h4>Neue Nachricht erstellen</h4>
<form class="new-msg-form" @submit.prevent=createMsg>
<div class="form-group">
<label class="bmd-label-floating">User*</label>
<input type="text" class="form-control" id="user">
</div>
<div class="form-group bmd-form-group">
<label class="bmd-label-floating">Betreff*</label>
<input type="text" class="form-control" id="subject">
</div>
<div class="form-group bmd-form-group">
<label class="bmd-label-floating">Tags</label>
<input type="text" class="form-control" id="tag">
</div>
<b-field>
<b-input placeholder="User" id="user"></b-input>
</b-field>
<b-field>
<b-input placeholder="Betreff" id="subject"></b-input>
</b-field>
<v-combobox
v-model="select"
:items="items"
label="I use chips"
multiple
chips
></v-combobox>
<b-field label="Tags">
<b-taginput
v-model="selected"
:data=items
autocomplete
allow-new:false
icon="label"
placeholder="#"
@typing="getFilteredTags" id="tag">
</b-taginput>
</b-field>
<b-field>
<b-input placeholder="Nachricht" id="message" type="textarea"></b-input>
</b-field>
<b-button @click="$router.go(-1)">ABBRECHEN</b-button>
<b-button type="is-primary" @click="$router.push('/home')">SENDEN</b-button>
<div class="form-group">
<label class="bmd-label-floating">Nachricht*</label>
<textarea class="form-control" id="message" rows="5"></textarea>
</div>
<button class="btn btn-default"><a @click="$router.go(-1)">ABBRECHEN </a></button>
<button type="submit" class="btn btn-raised om-btn"><a @click="$router.push('/home')">SENDEN</a></button>
</form>
</div>
`,
data: function () {
return {
select: ['Design', 'jj'],
items: [
'Programming',
'Design',
'Vue',
'Vuetify'
]
selected: [],
items: data
};
},
methods: {
@@ -76,6 +72,14 @@ const CreateMsgRouter = {
console.log(err);
}
},
getFilteredTags(text) {
this.items = data.filter((option) => {
return option
.toString()
.toLowerCase()
.indexOf(text.toLowerCase()) >= 0
})
},
},
mounted: function () {
if ($(this).bootstrapMaterialDesign)
public/routes/login.js
+47 -17
View File
@@ -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');
},
});
public/routes/profil.js
+13 -16
View File
@@ -7,34 +7,31 @@ const ProfilRouter = {
:key="profil.id"
:profil="profil"
></ProfilCard>
<button type="button" class="btn btn-primary" data-dismiss="modal" v-on:click="logOut() ">Logout</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 v-on:click="showLoginModal=true" @clicked="logIn">Login</button>
<v-rating v-model="rating"></v-rating>
<login-panel v-if="showLoginModal" @clicked="closeModal" ></login-panel>
<button class="button is-primary is-medium" @click="isModalActive = true">
Login
</button>
<!--<login-panel v-if="showLoginModal" @clicked="closeModal" ></login-panel>-->
<b-modal :active.sync="showLoginModal" has-modal-card>
<login-panel v-bind="formProps"></login-panel>
</b-modal>
</div>
</div>`,
data: function () {
return {
isModalActive: false,
profilcard: _profilcard,
showLoginModal: false,
isAuthentified: false,
rating: 3,
};
},
methods: {
closeModal (value) {
checkAuthentication (value) {
this.showLoginModal = value;
this.isAuthentified = !this.isAuthentified;
},
logIn (value) {
this.showLoginModal=false;
},
logOut () {
this.isAuthentified=false;
},
},
};