Merge pull request #17 from mebis-lp/MBS-9399-copy-questions

MBS-9399: Add copy button to questions

amd/src/dialog.js

@@ -406,10 +406,8 @@ const showMessage = async(text, sender = '', answer = true) => {
     const {html, js} = await Templates.renderForPromise('block_ai_chat/message', templateData);
     Templates.appendNodeContents('.block_ai_chat-output', html, js);
 
-    // Add copy listener for replys.
-    if (sender === '') {
-        helper.attachCopyListenerLast();
-    }
+    // Add copy listener for question and reply.
+    helper.attachCopyListenerLast();
 
     // Scroll the modal content to the bottom.
     helper.scrollToBottom();

amd/src/helper.js

@@ -27,9 +27,13 @@ export const copyToClipboard = (element) => {
  */
 export const attachCopyListenerLast = () => {
     const elements = document.querySelectorAll(".block_ai_chat_modal .copy");
-    const last = elements[elements.length - 1];
-    last.addEventListener('click', function() {
-        copyToClipboard(last);
+    const lastquestion = elements[elements.length - 2];
+    lastquestion.addEventListener('click', function() {
+        copyToClipboard(lastquestion);
+    });
+    const lastanswer = elements[elements.length - 1];
+    lastanswer.addEventListener('click', function() {
+        copyToClipboard(lastanswer);
     });
 };
 

styles.css

@@ -70,7 +70,7 @@
   right: 0;
   padding: 0.5rem 0.75rem 2.5rem 2.75rem;
 }
-.block_ai_chat_modal .message.ai:hover .copy {
+.block_ai_chat_modal .message:hover .copy {
   visibility: visible;
   cursor: pointer;
 }

styles.scss

@@ -78,7 +78,7 @@
        right: 0;
        padding: .5rem .75rem 2.5rem 2.75rem;
    }
-   .message.ai:hover .copy {
+   .message:hover .copy {
        visibility: visible;
        cursor: pointer;
     }
@@ -361,4 +361,4 @@ body.block_ai_chat_replacehelp {
     #ai_chat_button {
         bottom: 1.9rem;
     }
-}
+}