diff --git a/api.js b/api.js
index 59f8f9d..52bc29c 100644
--- a/api.js
+++ b/api.js
@@ -36,6 +36,7 @@ wss.on('connection', (ws, req) => {
ws.send(JSON.stringify({type: "error", content: "your message was empty"}))
else{
msg.content.user = thisuser
+ msg.content.text = msg.content.text.replace(//g, ">").replace(/\n/g, "
")
wss.clients.forEach(client => {
if (client !== ws) client.send(JSON.stringify(msg))})
}
diff --git a/src/components/newMessage.vue b/src/components/newMessage.vue
index c1800a0..bbf865a 100644
--- a/src/components/newMessage.vue
+++ b/src/components/newMessage.vue
@@ -22,8 +22,21 @@ export default {
if (this.msg.content.text !== "") {
this.msg.time = Date.now()
main.methods.sendWebSocket(this.msg)
+ //just for now, ik it's dirty
+ document.getElementById('messages').innerHTML +=
+ `
+
+ ${this.msg.content.text
+ .replace(//g, ">")
+ .replace(/\n/g, "
")}
+
+
`;
this.msg.content.text = ""
- this.resizeMessageBanner()
+ document.getElementById("messagesContainer").style.height = "calc(100% - 7rem)"
+ document.getElementById("newMessageInput").style.height = "1.25rem"
+ let msgContainer = document.getElementById("messagesContainer")
+ msgContainer.scrollTo(0, msgContainer.scrollHeight)
}
},
resizeMessageBanner(){
@@ -33,7 +46,6 @@ export default {
let msgContainer = document.getElementById("messagesContainer")
msgContainer.style.height
= `calc(100% - ${id.parentElement.clientHeight}px - 3rem)`
- //msgContainer.scrollTo(0, msgContainer.scrollHeight)
}
},
data(){
@@ -67,7 +79,7 @@ export default {
margin-bottom: 1rem;
left: 2rem;
min-height: 1.25rem;
- max-height: 14rem;
+ max-height: 10rem;
width: calc(100% - 7rem);
height: 1.25rem;
background-color: #fff0;
diff --git a/src/main.js b/src/main.js
index 3c39dc8..4e4f484 100644
--- a/src/main.js
+++ b/src/main.js
@@ -91,11 +91,13 @@ socket.onmessage = (e) => {
else if (msg.type === 'message'){
//just for now, ik it's dirty
element('messages').innerHTML +=
- `
-
+ `
`;
+ let msgContainer = document.getElementById("messagesContainer")
+ if (msgContainer.scrollHeight < msgContainer.scrollTop + 1000) msgContainer.scrollTo(0, msgContainer.scrollHeight)
}
}
diff --git a/src/views/chat.vue b/src/views/chat.vue
index 353a6f0..4f8e15d 100644
--- a/src/views/chat.vue
+++ b/src/views/chat.vue
@@ -2,27 +2,9 @@
-
-
-
-
-
-
-
-
-
-
-
-
+
You entered the chat
+
+