Merge branch 'Chatte' into feat/accounts

frontend/static/js/views/AbstractView.js

@@ -6,6 +6,9 @@ export default class {
 	async postInit() {
 	}
 
+	async leavePage() {
+	}
+
     setTitle(title) {
         document.title = title;
     }

frontend/static/js/views/Chat.js

@@ -14,8 +14,9 @@ export default class extends AbstractView {
 			if (data.type === 'chat') {
 				let messages = document.getElementById('messages')
 
+				let username = data.username === null || data.username.length <= 0 ? "NoName" : data.username;
 				messages.insertAdjacentHTML('beforeend', `
-					<div><p>${data.message}</p></div>
+					<div><p>${username}: ${data.message}</p></div>
 				`)
 			}
 
@@ -32,6 +33,11 @@ export default class extends AbstractView {
 			}))
 			form.reset()
 		})
+
+	}
+
+	async leavePage() {
+		this.chatSocket.close();
 	}
 
     async getHtml() {