diff --git a/public/1.json b/public/1.json new file mode 100644 index 0000000..24527f3 --- /dev/null +++ b/public/1.json @@ -0,0 +1,7 @@ + { + "id": "1", + "subject": "Betreff", + "message": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.", + "tag": "#efi #bme #semester", + "user": "user_1" + } diff --git a/public/2.json b/public/2.json new file mode 100644 index 0000000..df0193b --- /dev/null +++ b/public/2.json @@ -0,0 +1,7 @@ + { + "id": "2", + "subject": "Betreff", + "message": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.", + "tag": "#efi #bme #semester", + "user": "user_1" + } diff --git a/public/3.json b/public/3.json new file mode 100644 index 0000000..b365541 --- /dev/null +++ b/public/3.json @@ -0,0 +1,7 @@ + { + "id": "3", + "subject": "Betreff", + "message": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.", + "tag": "#efi #bme #semester", + "user": "user_1" + } diff --git a/public/home.js b/public/home.js index 143c0bc..dd4b208 100644 --- a/public/home.js +++ b/public/home.js @@ -1,20 +1,30 @@ const HomeRouter = { - template: ` -
+ template: ` +
`, - data: function () { - return { messages: _messages }; - }, - methods: { + data: function () { + return { + messagelist: _messagelist, + messages: _messages, + }; + }, + methods: { refresh_messages: function () { - _messages.push ({id: 42, subject: "xxx", message: "warum habt ihr auch so viel", user: "nobody", tags:"foo"}); + _messages.push({ //////// alt + id: 42, + subject: "xxx", + message: "warum habt ihr auch so viel", + user: "nobody", + tags: "foo" + }); }, - }, + }, + /*mounted: function() { this.refresh_messages(); }*/ diff --git a/public/index.html b/public/index.html index 9b7bcbe..c006a15 100644 --- a/public/index.html +++ b/public/index.html @@ -53,13 +53,43 @@ + OMApp -
+
@@ -70,6 +100,7 @@
+
@@ -97,7 +128,7 @@ }); var app = new Vue({ router, - el: '#app' + el: '#api' }); @@ -111,7 +142,7 @@ - + diff --git a/public/list.json b/public/list.json new file mode 100644 index 0000000..163f02f --- /dev/null +++ b/public/list.json @@ -0,0 +1 @@ +["1","2","3"] diff --git a/public/messageData.js b/public/messageData.js index 23e07cf..64431ba 100644 --- a/public/messageData.js +++ b/public/messageData.js @@ -1,23 +1,2 @@ -_messages = [ - { - id: 1, - subject: 'Betreff', - message: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.', - tag: '#efi #bme #semester', - user: 'user_1' - }, - { - id: 2, - subject: 'Betreff', - message: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.', - tag: '#efi #fachschaft', - user: 'user_2' - }, - { - id: 3, - subject: 'Betreff', - message: 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.', - tag: '#efi #bei #wichtig', - user: 'user_3' - }, -]; +_messagelist = []; +_messages = {}; diff --git a/public/messageData.json b/public/messageData.json new file mode 100644 index 0000000..eec56ba --- /dev/null +++ b/public/messageData.json @@ -0,0 +1,23 @@ +[ + { + "id": "1", + "subject": "Betreff", + "message": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.", + "tag": "#efi #bme #semester", + "user": "user_1" + }, + { + "id": "2", + "subject": "Betreff", + "message": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.", + "tag": "#efi #fachschaft", + "user": "user_2" + }, + { + "id": "3", + "subject": "Betreff", + "message": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam.", + "tag": "#efi #bei #wichtig", + "user": "user_3" + } +]