From fd8448b5ccb8bc0554c399ec76f9b348f59886ff Mon Sep 17 00:00:00 2001
From: supertiger1234 <saawalkhn123@googlemail.com>
Date: Sat, 27 Jul 2019 16:32:01 +0100
Subject: [PATCH] add attributes

---
 src/components/app/MessageTemplate.vue | 10 +++++++-
 src/utils/messageFormatter.js          | 34 +++++++++++++++++++-------
 2 files changed, 34 insertions(+), 10 deletions(-)

diff --git a/src/components/app/MessageTemplate.vue b/src/components/app/MessageTemplate.vue
index fbf32b2..92fcce9 100644
--- a/src/components/app/MessageTemplate.vue
+++ b/src/components/app/MessageTemplate.vue
@@ -16,7 +16,7 @@
       <div class="triangle">
         <div class="triangle-inner" />
       </div>
-      <div class="content">
+      <div class="content" @dblclick="contentDoubleClickEvent">
         <div class="user-info">
           <div class="username"
             @click="openUserInformation"
@@ -149,8 +149,12 @@ export default {
       
     },
     editMessage() {
+      if (this.uniqueID !== this.user.uniqueID) return;
       this.dropDownVisable = false;
       this.$store.dispatch("setEditMessage", {channelID: this.channelID, messageID: this.messageID, message: this.message});
+    },
+    contentDoubleClickEvent(event){
+      if (event.target.classList.contains("content") || event.target.closest('.user-info')) this.editMessage();
     }
   },
   computed: {
@@ -449,6 +453,10 @@ export default {
 </style>
 
 <style>
+
+.code-inline{
+  background: rgba(0, 0, 0, 0.322);
+}
 .msg-link {
   color: rgb(86, 159, 253);
 }
diff --git a/src/utils/messageFormatter.js b/src/utils/messageFormatter.js
index 61b873b..8c4c524 100644
--- a/src/utils/messageFormatter.js
+++ b/src/utils/messageFormatter.js
@@ -28,16 +28,32 @@ const markdown = new MarkdownIt({
 
 
 //add attributes to link tag
-const defaultRender = markdown.renderer.rules.link_open || function(tokens, idx, options, env, self) {
-  return self.renderToken(tokens, idx, options);
-};
+(function() {
+  const defaultRender = markdown.renderer.rules.link_open || function(tokens, idx, options, env, self) {
+    return self.renderToken(tokens, idx, options);
+  };
+  
+  markdown.renderer.rules.link_open = function (tokens, idx, options, env, self) {
+    tokens[idx].attrPush(['target', '_blank']); // add new attribute
+    tokens[idx].attrPush(['class', 'msg-link']);
+    // pass token to default renderer.
+    return defaultRender(tokens, idx, options, env, self);
+  };
+})();
 
-markdown.renderer.rules.link_open = function (tokens, idx, options, env, self) {
-  tokens[idx].attrPush(['target', '_blank']); // add new attribute
-  tokens[idx].attrPush(['class', 'msg-link']);
-  // pass token to default renderer.
-  return defaultRender(tokens, idx, options, env, self);
-};
+// add addribute to code
+(function() {
+  const defaultRender = markdown.renderer.rules.code_inline || function(tokens, idx, options, env, self) {
+    return self.renderToken(tokens, idx, options);
+  };
+  
+  markdown.renderer.rules.code_inline = function (tokens, idx, options, env, self) {
+    tokens[idx].attrPush(['class', 'code-inline']);
+    // pass token to default renderer.
+    return defaultRender(tokens, idx, options, env, self);
+  };
+})();
+console.log(markdown.renderer.rules)
 
 
 export default (message) => {