1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889 |
- const data=[
- '#th',
- '#efi',
- '#wichtig',
- ];
- const CreateMsgRouter = {
- template: `
- <div class="content card om-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
- v-model="selected"
- :data=taglist
- 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="createMsg">SENDEN</b-button>
-
-
-
- </div>
- `,
- data: function () {
- return {
- selected: [],
- taglist: data,
- };
- },
- methods: {
- createMsg: function () {
- var _subject = $("#subject").val();
- var _message = $("#message").val();
- var _tag = $("#tag").val();
- var _user = $("#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
- })
- },
- },
- mounted: function () {
- if ($(this).bootstrapMaterialDesign)
- $(this).bootstrapMaterialDesign();
- },
- };
|