public/index.html

@@ -101,7 +101,6 @@
     </div>
 
     <script>
-
         new Vue({
             router,
             el: '#api',
@@ -112,7 +111,6 @@
                 // Locally registered variables
                 auth: auth,
             },
-
             computed:{
                 // Methods to change data appearance, does cache results
             },
@@ -122,7 +120,6 @@
         });
 	</script>
 
-
 	<!-- NOTE: Call SW registration -->
 	<script src="registerSW.js"></script>
 

public/routes/createMessage.js

@@ -1,4 +1,9 @@
 var tagArray = [];
+const data=[
+				'th',
+				'efi',
+				'wichtig',
+    		];
 const CreateMsgRouter = {
 	template: `
 <div class="content">
@@ -17,12 +22,12 @@ const CreateMsgRouter = {
                 <b-taginput
                     id="tag"
                     v-model="selected"
-                    :data="filteredDataArray"
+                    :data=taglist
                     autocomplete
                     allow-new:false
                     icon="label"
                     placeholder="#"
-
+                    @typing="getFilteredTags"
                     @input="saveTagsToArray">
                 </b-taginput>
             </b-field>
@@ -51,12 +56,12 @@ const CreateMsgRouter = {
                 <b-taginput
                     id="tag"
                     v-model="selected"
-                    :data="filteredDataArray"
+                    :data=taglist
                     autocomplete
                     allow-new:false
                     icon="label"
                     placeholder="#"
-
+                    @typing="getFilteredTags"
                     @input="saveTagsToArray">
                 </b-taginput>
             </b-field>
@@ -76,20 +81,9 @@ const CreateMsgRouter = {
             auth: auth,
             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;
@@ -134,15 +128,12 @@ const CreateMsgRouter = {
                 $.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]);
-                                }
+                        _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) {
@@ -163,9 +154,17 @@ const CreateMsgRouter = {
             userField.prop('disabled',false);
         }
 
-        //this.list_tags();
+        this.list_tags();
 		if ($(this).bootstrapMaterialDesign)
 			$(this).bootstrapMaterialDesign();
 	},
 };
 
+function get_insert_tag(id){
+    $.ajax({ url: "api/tag/id/"+id, method: "GET" }).done(function (tag) {
+        data.push("#" + tag.name);
+        console.log("Array:"+this.data);
+    }).fail(function (e, f, g) {
+        console.log("cannot load " + id + ".json: " + e + f + g);
+    })
+}

public/routes/files.js

@@ -23,16 +23,16 @@ const FileRouter = {
     </b-field>
 
 	<b-field v-if="selectedOptions=='tags'">
-        <b-autocomplete v-model="searchtext"
+        <b-autocomplete rounded v-model="searchtext"
         :data="filteredDataArray"
-        placeholder="#" icon="label"
+        placeholder="suche..." icon="magnify"
         @select="option => selected = option">
         </b-autocomplete>
 	</b-field>
 
 	<b-button type="is-primary" @click="search">SUCHE</b-button>
 
-<div id="om-msg-cards" v-if="isExtendedSearch==true">
+<div id="om-msg-cards">
     <MsgCard
         v-for="id in messagelist.slice().reverse()"
         :key="id"
@@ -88,7 +88,6 @@ const FileRouter = {
             taglist: data,
             messagelist: _messagelist,
             messages: _messages,
-            isExtendedSearch: false,
         }
     },
     computed: {
@@ -105,6 +104,10 @@ const FileRouter = {
         list_messages: function () {
             messages();
         },
+        saveTagsToArray: function () {
+            tagArray = this.selected;
+            console.info(tagArray);
+        },
         getFilteredTags(text) {
             this.taglist = data.filter((option) => {
                 return option
@@ -112,6 +115,7 @@ const FileRouter = {
                     .toLowerCase()
                     .indexOf(text.toLowerCase()) >= 0
             })
+            this.search();
         },
         list_tags: function () {
             $.ajax({
@@ -120,7 +124,6 @@ const FileRouter = {
                 })
                 .done(jd => {
                     // NICHT SO wg. Vue: _messagelist = jd;
-                if(data == ""){
                     _taglist.splice(0, _taglist.length);
                     _taglist.push.apply(_taglist, jd);
                     console.log("tag: jd: " + jd);
@@ -129,7 +132,6 @@ const FileRouter = {
                             get_insert_tag(jd[e]);
                         }
                     }
-                }
                 }).fail(function (e, f, g) {
                     console.log("err: " + e + f + g);
                 });
@@ -140,7 +142,6 @@ const FileRouter = {
         },
         search: function () {
             searching(this.searchtext);
-            this.isExtendedSearch=true;
         },
         list_messages: function () {
             messages();
@@ -148,7 +149,7 @@ const FileRouter = {
     },
     mounted: function () {
         //this.search();
-        //this.list_tags();
+        this.list_tags();
         //this.list_messages();
     },
 };

public/search.js

@@ -1,7 +1,11 @@
 var isSearchActive = false,
     tagArray = ["lorem"];
 
-const data=[],
+const dat=[
+        'th',
+        'efi',
+        'wichtig',
+      ],
       search_data = [];
 
 Vue.component('search',{
@@ -23,7 +27,7 @@ Vue.component('search',{
         return{
             searchtext: "",
             selected: [],
-            taglist: data,
+            taglist: dat,
         };
     },
     computed:{
@@ -38,7 +42,7 @@ Vue.component('search',{
     },
     methods: {
         getFilteredTags(text) {
-            this.taglist = data.filter((option) => {
+            this.taglist = dat.filter((option) => {
             return option
                 .toString()
                 .toLowerCase()
@@ -60,7 +64,6 @@ Vue.component('search',{
             $.ajax({url: "api/tag/ids", method: "GET"})
                 .done(jd => {
                     // NICHT SO wg. Vue: _messagelist = jd;
-                if(data == ""){
                     _taglist.splice(0, _taglist.length);
                     _taglist.push.apply(_taglist, jd);
     //                            console.log("tag: jd: " + jd);
@@ -69,7 +72,6 @@ Vue.component('search',{
                             get_insert_tag(jd[e]);
                         }
                     }
-                }
                 }).fail(function (e, f, g) {
                     console.log("err: " + e + f + g);
                 });
@@ -94,7 +96,7 @@ function get_insert_tag(id) {
         url: "api/tag/id/" + id,
         method: "GET"
     }).done(function(tag) {
-        data.push("#" + tag.name);
+        dat.push("#" + tag.name);
     }).fail(function(e, f, g) {
         console.log("cannot load " + id + ".json: " + e + f + g);
     })

server/dbs.js

@@ -59,7 +59,7 @@ const dbs = {
             get: function(req, res) {
                 model.Messages.find(
                     {$text: {$search: req.params.phrase}})
-                    .sort({tag:-1})
+                    .sort({tag:1, user:1, message:1, subject:1})
                 .exec().then(results => {
                     //selects id from message:
                     var parsed = [];