-
@@ -13,6 +14,21 @@ export default {
props: {
msg: String,
time: String,
+ msgClass: String
+ },
+ methods:{
+ solveTextLinks(text){
+ return (text || "").replace(
+ /([^\S]|^)(((https?:\/\/)|(www\.))(\S+))/gi,
+ (match, space, url)=>{
+ let hyperlink = url;
+ if (!hyperlink.match('^https?://')) {
+ hyperlink = 'http://' + hyperlink;
+ }
+ return `${space}
${url}`;
+ }
+ )
+ }
}
}
@@ -25,7 +41,6 @@ export default {
left: 1rem;
}
.message{
- margin-left:auto; margin-right:0;
position: relative;
width: max-content;
min-width: 2rem;
@@ -38,6 +53,15 @@ export default {
word-break: break-word;
white-space: pre-line;
}
+ .messageReceive{
+ background-color: #42b983;
+ border-radius: 1rem 1rem 1rem 0;
+ }
+ .messageSend{
+ margin-left:auto; margin-right:0;
+ background-color: #42a7b9;
+ border-radius: 1rem 1rem 0 1rem;
+ }
.time{
position: relative;
bottom: -0.2rem;
diff --git a/src/components/messageReceive.vue b/src/components/messageReceive.vue
deleted file mode 100644
index 8a3f63c..0000000
--- a/src/components/messageReceive.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/matrix.js b/src/matrix.js
index 0a9490f..2383ca1 100644
--- a/src/matrix.js
+++ b/src/matrix.js
@@ -22,6 +22,7 @@ let session = {
console.log(document.cookie)
if (getCookie("accessToken") && getCookie("userId")){
+ document.cookie = `expires=${ new Date(Date.now()+86400*10*1000)}`;
session = {
user: getCookie("userId"),
password: "",
@@ -66,6 +67,7 @@ export default {
}).then((response) => {
document.cookie = `accessToken=${response.access_token}`;
document.cookie = `userId=${session.login.user}`;
+ document.cookie = `max-expires=${ new Date(Date.now()+86400*10*1000)}`;
session = {
user: session.login.user,
password: "",
diff --git a/src/views/chat.vue b/src/views/chat.vue
index 6cdaa74..567440e 100644
--- a/src/views/chat.vue
+++ b/src/views/chat.vue
@@ -10,9 +10,8 @@
{{message.sender}}
-
-
+