diff --git a/package-lock.json b/package-lock.json
index 8af1f98..5a76166 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11021,6 +11021,12 @@
}
}
},
+ "vue-router": {
+ "version": "3.4.9",
+ "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.4.9.tgz",
+ "integrity": "sha512-CGAKWN44RqXW06oC+u4mPgHLQQi2t6vLD/JbGRDAXm0YpMv0bgpKuU5bBd7AvMgfTz9kXVRIWKHqRwGEb8xFkA==",
+ "dev": true
+ },
"vue-style-loader": {
"version": "4.1.2",
"resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.2.tgz",
diff --git a/package.json b/package.json
index 5d01211..fa2b040 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
"babel-eslint": "^10.1.0",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^6.2.2",
+ "vue-router": "^3.4.9",
"vue-template-compiler": "^2.6.11"
},
"eslintConfig": {
diff --git a/src/components/newMessage.vue b/src/components/newMessage.vue
index 8f91993..30110b3 100644
--- a/src/components/newMessage.vue
+++ b/src/components/newMessage.vue
@@ -1,8 +1,8 @@
-
-
+
+
@@ -15,20 +15,23 @@ export default {
components: {
icon
},
- mounted() {
- ResizeListener(document.getElementById("newMessageInput"));
- /*document.getElementById("sendMessageBtn").addEventListener("click", () => {
- if (document.getElementById("newMessageInput").value !== '') {
- main.methods.sendMessage(document.getElementById("newMessageInput").value)
- document.getElementById("newMessageInput").value = ''
- //sendMessage.methods.callSendMessage(this.data.message)
- }
- })*/
- },
methods: {
sendMessage(){
- this.msg.time = Date.now()
- main.methods.sendWebSocket(this.msg)
+ if (this.msg.content.text !== "") {
+ this.msg.time = Date.now()
+ main.methods.sendWebSocket(this.msg)
+ this.msg.content.text = ""
+ this.resizeMessageBanner()
+ }
+ },
+ resizeMessageBanner(){
+ let id = this.$refs.newMessageInput
+ id.style.height = '1.25rem'
+ id.style.height = `${id.scrollHeight}px`
+ let msgContainer = document.getElementById("messagesContainer")
+ msgContainer.style.height
+ = `calc(100% - ${id.parentElement.clientHeight}px)`
+ //msgContainer.scrollTo(0, msgContainer.scrollHeight)
}
},
data(){
@@ -43,17 +46,6 @@ export default {
}
}
}
-
-export const ResizeListener = id => {
- id.addEventListener("input", function(){
- this.style.height = '1.25rem'
- this.style.height = `${this.scrollHeight}px`
- let msgContainer = document.getElementById("messagesContainer")
- msgContainer.style.height
- = `calc(100% - ${this.parentElement.clientHeight}px)`
- //msgContainer.scrollTo(0, msgContainer.scrollHeight)
- });
-}