hippoz/brainlet
Archived
5
1
Fork 1
Code Issues 6 Pull requests Releases Wiki Activity

implement client side message list

Browse source
This commit is contained in:
hippoz 2020-11-16 22:18:39 +02:00
parent 893b1d4ff6
commit 514ca2dd2b
1 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
app/resources/js/app.js
View file

@ -151,7 +151,14 @@ const app = new Vue({
username: '',
role: ''
},
gateway: new GatewayConnection()
gateway: new GatewayConnection(),
viewingChat: {
show: false,
categoryId: 'X'
},
messages: {
'X': [ { username: 'NONEXISTENT_TEST_ACCOUNT', content: 'TEST MSG' } ]
}
},
mounted: async function() {
const res = await fetch(`${window.location.origin}/api/v1/users/current/info`, {
@ -220,14 +227,17 @@ const app = new Vue({
};
this.gateway.onConnect = () => {
this.gateway.socket.on('message', ({ username, categoryId, content }) => {
this.showMessageNotification(username, content);
this.showMessageNotification(categoryId, username, content);
})
};
this.gateway.connect(this.loggedInUser.token);
},
showMessageNotification: async function(username, content) {
showMessageNotification: async function(categoryId, username, content) {
this.resetSnackbarButton();
this.notification(`${username}: ${content}`);
if (!this.messages[categoryId]) this.messages[categoryId] = []
this.messages[categoryId].push({ username, content });
},
button: function(text, click) {
this.cardButtons.push({ text, click });