public/index.html

@@ -69,7 +69,6 @@
     <script src="lib/jquery-3.3.1.min.js"></script>
 
 	<!-- NOTE: Include .js Routes -->
-	<script src="routes/initGlobals.js"></script>
 	<script src="routes/auth.js"></script><!-- Must load before profile.js -->
     <script src="routes/home.js"></script>
     <script src="routes/files.js"></script>
@@ -77,6 +76,8 @@
     <script src="routes/bookmark.js"></script>
     <script src="routes/profil.js"></script>
     <script src="routes/msgCard.js"></script>
+    <script src="routes/messageData.js"></script>
+    <script src="routes/tagData.js"></script>
 	<script src="routes/majorData.js"></script>
 	<script src="routes/profilCard.js"></script>
     <script src="routes/navRoutes.js"></script>

public/routes/auth.js

@@ -1,3 +1,5 @@
+var auth = {};
+
 function clearAuthState() {
     auth.user = '';        // Login name
     auth.name = '';        // Full name

public/routes/createMessage.js

@@ -1,3 +1,4 @@
+var tagArray = [];
 const CreateMsgRouter = {
 	template: `
 <div class="content">
@@ -38,6 +39,7 @@ const CreateMsgRouter = {
 
 	data: function () {
 		return {
+            auth: auth,
             isDisabled: false,
 			selected: [],
             searchtext : "",
@@ -56,14 +58,14 @@ const CreateMsgRouter = {
     },
 	methods: {
         saveTagsToArray: function() {
-            tagArray = this.selected;
+              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();
+			var _user = auth.name ? auth.name : $("#user").val();
 			//console.log("Message Created: " + _tag + " " + _message + " " + _user);
 			$.ajax({
 				url: "api/msg",

public/routes/files.js

@@ -1,3 +1,5 @@
+var tagArray = [];
+
 const FileRouter = {
     template: `
 <div class="content">

public/routes/home.js

@@ -24,9 +24,47 @@ const HomeRouter = {
         };
     },
     methods: {
+        /*refresh_messages: function () {
+            _messages.push({ //////// alt
+                id: 42,
+                subject: "xxx",
+                message: "warum habt ihr auch so viel",
+                user: "nobody",
+                tags: "foo"
+            });
+        },*/
         list_messages: function() {
             messages();
         }
+        /*list_messages: function () {
+            $.ajax({url: "api/msg/ids", method: "GET"})
+             .done(jd => {
+                // NICHT SO wg. Vue: _messagelist = jd;
+                _messagelist.splice(0, _messagelist.length);
+                _messagelist.push.apply(_messagelist, jd);
+                //console.log("jd: "+jd);
+                for (var e in jd) {
+                        if (!_messages[jd[e]]) {
+                            get_insert_message(jd[e]);
+                        }
+                }
+                if(!($".om-searchbar" = "")){
+                    for (var e in jd) {
+                        if (!_messages[jd[e]]) {
+                            get_insert_message(jd[e]);
+                        }
+                    }
+                }else{
+                    for (var e in jd) {
+                        if (!_messages[jd[e]]) {
+                            get_search_message(jd[e]);
+                        }
+                    }
+                }
+            }).fail(function (e, f, g) {
+                console.log("list_msg: err: " + e + f + g);
+            });
+        }*/
     },
 
     mounted: function () {
@@ -42,3 +80,28 @@ function get_insert_message(id) {
         console.log("cannot load " + id + ".json: " + e + f + g);
     })
 }
+
+/*function get_search_message(phrase) {
+    $.ajax({ url: "api/msg/search/"+phrase, method: "GET" }).done(function (msg) {
+        Vue.set(_messages, id, msg);
+    }).fail(function (e, f, g) {
+        console.log("cannot load " + id + ".json: " + e + f + g);
+    })
+}
+$(document).ready(function () {
+    console.log("egal");
+    $.get('list.json').done(function (jd) {
+        // _messagelist = jd;
+        _messagelist.splice(0, _messagelist.length);
+        _messagelist.push.apply(_messagelist, jd);
+        console.log("egal2");
+        //$('#xxx').text(jd[0]);
+        for (var e in jd) {
+            if (!_messages[jd[e]]) {
+                get_insert_message(jd[e]);
+            }
+        }
+    }).fail(function (e, f, g) {
+        console.log("egal3: " + e + f + g);
+    });
+});*/

public/routes/initGlobals.js

@@ -1,18 +0,0 @@
-// Global Variables
-// User
-var auth = {},
-    majorList = [],
-
-    // Message
-    _messagelist = [],
-    _messages = {},
-
-    // Tag
-    _taglist = [],
-    _tags = [],
-    tagArray = [],
-
-    // Search
-    isSearchActive = false,
-    data = [],
-    search_data = [];

public/routes/majorData.js

@@ -1,4 +1,4 @@
-majorList = [
+var majorList = [
     {id:'B-AC',name:'Bachelor Angewandte Chemie'},
     {id:'B-AMP',name:'Bachelor Angewandte Mathematik und Physik'},
     {id:'B-TJ',name:'Bachelor Technikjournalismus/Technik-PR'},

public/routes/messageData.js

@@ -0,0 +1,2 @@
+_messagelist = [];
+_messages = {};

public/routes/tagData.js

@@ -0,0 +1,2 @@
+_taglist = [];
+_tags = [];

public/search.js

@@ -1,3 +1,9 @@
+var isSearchActive = false,
+    tagArray = ["lorem"];
+
+const data=[],
+      search_data = [];
+
 Vue.component('search',{
     template: `
         <form class="om-searchbar" @submit.prevent="search()">