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