136 lines
4.0 KiB
JavaScript
136 lines
4.0 KiB
JavaScript
const CreateMsgRouter = {
|
|
template: `
|
|
<div class="content">
|
|
<div class="column pull-right-sm is-four-fifths-desktop">
|
|
<div id="mobile" class="om-card card">
|
|
<h4>Neue Nachricht erstellen</h4>
|
|
<b-field>
|
|
<b-input placeholder="User" id="user"></b-input>
|
|
</b-field>
|
|
|
|
<b-field>
|
|
<b-input placeholder="Betreff" id="subject"></b-input>
|
|
</b-field>
|
|
|
|
<b-field label="Tags">
|
|
<b-taginput
|
|
id="tag"
|
|
v-model="selected"
|
|
:data="filteredDataArray"
|
|
autocomplete
|
|
allow-new:false
|
|
icon="label"
|
|
placeholder="#"
|
|
|
|
@input="saveTagsToArray">
|
|
</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="createMsg">SENDEN</b-button>
|
|
</div>
|
|
</div>
|
|
</div>`,
|
|
|
|
data: function () {
|
|
return {
|
|
isDisabled: false,
|
|
selected: [],
|
|
searchtext : "",
|
|
taglist: data,
|
|
};
|
|
},
|
|
computed:{
|
|
filteredDataArray() {
|
|
return this.taglist.filter((option) => {
|
|
return option
|
|
.toString()
|
|
.toLowerCase()
|
|
.indexOf(this.searchtext.toLowerCase()) >= 0
|
|
})
|
|
}
|
|
},
|
|
methods: {
|
|
saveTagsToArray: function() {
|
|
tagArray = this.selected;
|
|
console.info(tagArray);
|
|
},
|
|
createMsg: function () {
|
|
var _subject = $("#subject").val();
|
|
var _message = $("#message").val();
|
|
var _tag = tagArray;
|
|
var _user = auth.name != '' ? auth.name : $("#user").val();
|
|
//console.log("Message Created: " + _tag + " " + _message + " " + _user);
|
|
$.ajax({
|
|
url: "api/msg",
|
|
data: {
|
|
subject: _subject,
|
|
message: _message,
|
|
user: _user,
|
|
tag: _tag
|
|
},
|
|
method: "POST"
|
|
}).done(have_result).fail(have_error);
|
|
|
|
function have_result(res) {
|
|
//console.log(res);
|
|
router.push('/home')
|
|
}
|
|
|
|
function have_error(err) {
|
|
console.log("error: " + err.responseText);
|
|
console.log(err);
|
|
}
|
|
},
|
|
getFilteredTags(text) {
|
|
this.taglist = data.filter((option) => {
|
|
return option
|
|
.toString()
|
|
.toLowerCase()
|
|
.indexOf(text.toLowerCase()) >= 0
|
|
})
|
|
},
|
|
list_tags: function () {
|
|
$.ajax({url: "api/tag/ids",method: "GET"})
|
|
.done(jd => {
|
|
// NICHT SO wg. Vue: _messagelist = jd;
|
|
console.log("DATA: "+data);
|
|
if(data == ""){
|
|
_taglist.splice(0, _taglist.length);
|
|
_taglist.push.apply(_taglist, jd);
|
|
console.log("tag: jd: " + jd);
|
|
for (var e in jd) {
|
|
if (!_tags[jd[e]]) {
|
|
get_insert_tag(jd[e]);
|
|
}
|
|
}
|
|
}
|
|
}).fail(function (e, f, g) {
|
|
console.log("err: " + e + f + g);
|
|
});
|
|
}
|
|
},
|
|
mounted: function () {
|
|
var userField = $('#user');
|
|
if (auth != null && auth.mail != '') {
|
|
// userField.prop('placeholder',auth.name);
|
|
var authorName = auth.name.split(' ');
|
|
authorName = authorName[1] + ', ' + authorName[0];
|
|
userField.val(authorName);
|
|
userField.prop('disabled',true);
|
|
} else {
|
|
userField.prop('placeholder','User');
|
|
userField.prop('disabled',false);
|
|
}
|
|
|
|
//this.list_tags();
|
|
if ($(this).bootstrapMaterialDesign)
|
|
$(this).bootstrapMaterialDesign();
|
|
},
|
|
};
|
|
|