copy command link

replicatedhq · Oct 14, 2024 · bf10e8c · bf10e8c
1 parent c0cc179
commit bf10e8c
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/kurl_proxy/assets/insecure.html b/kurl_proxy/assets/insecure.html
@@ -177,8 +177,12 @@
                         <pre>
                         <code id="verify-snippet">
                         </code>
-                        <span id="copy-command">Copy command</span>
                       </pre>
+                        <div class="copy-command">
+                          <a id="copy-command" class="replicated-link"
+                            >Copy command</a
+                          >
+                        </div>
                       </div>
                     </div>
                     <div class="CodeSnippet">
@@ -235,15 +239,19 @@
     document
       .getElementById("copy-command")
       .addEventListener("click", function () {
-        // Get the code inside the <code> element
         const codeSnippet =
           document.getElementById("verify-snippet").textContent;
 
-        // Copy the code to the clipboard
         navigator.clipboard
           .writeText(codeSnippet)
           .then(() => {
-            alert("Command copied to clipboard!");
+            const copyCommandElement = document.getElementById("copy-command");
+            const originalText = copyCommandElement.textContent;
+            copyCommandElement.textContent = "Copied!";
+
+            setTimeout(() => {
+              copyCommandElement.textContent = originalText;
+            }, 3000);
           })
           .catch((err) => {
             console.error("Failed to copy text: ", err);

diff --git a/kurl_proxy/assets/tls-custom.css b/kurl_proxy/assets/tls-custom.css
@@ -617,3 +617,8 @@ p.hidden {
 .cursor {
   cursor: pointer;
 }
+
+.copy-command {
+  font-size: 12px;
+  padding-top: 8px;
+}