fix copy to clipboard

rwth-acis · Nov 30, 2023 · ad68566 · ad68566
1 parent 9c6edae
commit ad68566
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 3 deletions.
diff --git a/src/statistics/recommender/custom-improvements.js b/src/statistics/recommender/custom-improvements.js
@@ -218,7 +218,20 @@ class IntentImprovement extends LitElement {
 
   copyToClipboard() {
     const resDiv = this.shadowRoot.querySelector("#chatgptRes");
-    navigator.clipboard.writeText(resDiv.innerText);
+    const clipBoardBtn = this.shadowRoot.querySelector(
+      "#copyToClipboardButton"
+    );
+    try {
+      navigator.clipboard.writeText(resDiv.innerText);
+      clipBoardBtn.classList.remove("btn-outline-secondary");
+      clipBoardBtn.classList.add("btn-success");
+      setTimeout(() => {
+        clipBoardBtn.classList.remove("btn-success");
+        clipBoardBtn.classList.add("btn-outline-secondary");
+      }, 1000);
+    } catch (error) {
+      console.error(error);
+    }
   }
 }
 

diff --git a/src/statistics/recommender/general-improvements.js b/src/statistics/recommender/general-improvements.js
@@ -56,6 +56,7 @@ class GeneralImprovement extends LitElement {
 
       <button
         type="button"
+        id="copyToClipboardButton"
         class="btn btn-outline-secondary mb-2"
         @click="${this.copyToClipboard}"
       >
@@ -75,7 +76,20 @@ class GeneralImprovement extends LitElement {
 
   copyToClipboard() {
     const resDiv = this.shadowRoot.querySelector("#chatgptRes");
-    navigator.clipboard.writeText(resDiv.innerText);
+    const clipBoardBtn = this.shadowRoot.querySelector(
+      "#copyToClipboardButton"
+    );
+    try {
+      navigator.clipboard.writeText(resDiv.innerText);
+      clipBoardBtn.classList.remove("btn-outline-secondary");
+      clipBoardBtn.classList.add("btn-success");
+      setTimeout(() => {
+        clipBoardBtn.classList.remove("btn-success");
+        clipBoardBtn.classList.add("btn-outline-secondary");
+      }, 1000);
+    } catch (error) {
+      console.error(error);
+    }
   }
 
   async firstUpdated() {

diff --git a/src/statistics/recommender/intent-improvements.js b/src/statistics/recommender/intent-improvements.js
@@ -92,7 +92,20 @@ class IntentImprovement extends LitElement {
 
   copyToClipboard() {
     const resDiv = this.shadowRoot.querySelector("#chatgptRes");
-    navigator.clipboard.writeText(resDiv.innerText);
+    const clipBoardBtn = this.shadowRoot.querySelector(
+      "#copyToClipboardButton"
+    );
+    try {
+      navigator.clipboard.writeText(resDiv.innerText);
+      clipBoardBtn.classList.remove("btn-outline-secondary");
+      clipBoardBtn.classList.add("btn-success");
+      setTimeout(() => {
+        clipBoardBtn.classList.remove("btn-success");
+        clipBoardBtn.classList.add("btn-outline-secondary");
+      }, 1000);
+    } catch (error) {
+      console.error(error);
+    }
   }
 
   async askGPT() {