From 490fb7fdeb3f666756504f10fd073a9776b700d5 Mon Sep 17 00:00:00 2001
From: ogerly <landmatrosen@googlemail.com>
Date: Sat, 21 Dec 2019 22:11:38 +0100
Subject: [PATCH] first example dynamisch usermention for answer comments

---
 webapp/components/Comment/Comment.vue | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/webapp/components/Comment/Comment.vue b/webapp/components/Comment/Comment.vue
index cc7f815b9..3da39f435 100644
--- a/webapp/components/Comment/Comment.vue
+++ b/webapp/components/Comment/Comment.vue
@@ -55,6 +55,13 @@
       </div>
       <ds-space margin-bottom="small" />
     </ds-card>
+    <ds-button
+      v-bind:title="antworten"
+      icon="level-down"
+      style="float:right; top: -22px;"
+      @click.prevent="answerComment"
+    ></ds-button>
+    <div style="clear:both"></div>
   </div>
 </template>
 
@@ -168,6 +175,22 @@ export default {
         this.$toast.error(err.message)
       }
     },
+    answerComment() {
+      if (document.querySelector('.is-empty')) {
+        document.querySelector('.is-empty').innerHTML = '@' + this.comment.author.slug
+      } else {
+        const html = document.querySelector('.editor-content').innerHTML
+        const slug =
+          '<a class="mention" href="/profile/' +
+          this.comment.author.id +
+          '" data-mention-id="' +
+          this.comment.author.slug +
+          '" target="_blank" contenteditable="false">@d' +
+          this.comment.author.slug +
+          '</a>'
+        document.querySelector('.editor-content').innerHTML = html + '' + slug
+      }
+    },
   },
 }
 </script>