From e0e26f074e34338d5c5bab1481d34beb63c6cef5 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Wed, 31 May 2023 13:53:29 +0200
Subject: [PATCH 1/5] Added simple button

---
 Frontend/tools/mock.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Frontend/tools/mock.html b/Frontend/tools/mock.html
index e41c7cc..0792c71 100644
--- a/Frontend/tools/mock.html
+++ b/Frontend/tools/mock.html
@@ -50,7 +50,7 @@
                     <!-- link -->
                     <div>
                         <label for="messageLink" class="block-display">Link</label>
-                        <div id="messageLink" class="bordered-field max-width with-padding disabled-background tooltipped"><a class="hyperlink" href="www.google.com" target="_blank">www.google.com</a></div>
+                        <div id="messageLink" class="display-space-between bordered-field max-width with-padding disabled-background tooltipped"><a class="hyperlink" href="www.google.com" target="_blank">www.google.com</a><p>dupaaaaaa</p></div>
                         <!-- <input id="messageLink" disabled class="bordered-field max-width with-padding" value="http://yourlink.com/r/api/mock/blablabla"> -->
                     </div>
                     <div class="display-space-between max-width">
-- 
2.51.0


From c20ee570cb311ddbfbf5334235a9cd05261dc57d Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Wed, 31 May 2023 14:14:41 +0200
Subject: [PATCH 2/5] Added placeholder scripting

---
 Frontend/assets/css/tools/mock/r11tool.css         |  5 +++++
 Frontend/assets/scripts/tools/mock/datatransfer.js | 12 ++++++++++--
 Frontend/tools/mock.html                           |  2 +-
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/Frontend/assets/css/tools/mock/r11tool.css b/Frontend/assets/css/tools/mock/r11tool.css
index 098cfe0..7814810 100644
--- a/Frontend/assets/css/tools/mock/r11tool.css
+++ b/Frontend/assets/css/tools/mock/r11tool.css
@@ -187,6 +187,11 @@ body {
     font-size: 20px;
 }
 
+.invisible-button {
+    background-color: #00000000;
+    border: #00000000;
+}
+
 .action-button.active {
     background: #2A93B0;
     border: 1px solid #7ed0eb;
diff --git a/Frontend/assets/scripts/tools/mock/datatransfer.js b/Frontend/assets/scripts/tools/mock/datatransfer.js
index 7269faf..d4f76e9 100644
--- a/Frontend/assets/scripts/tools/mock/datatransfer.js
+++ b/Frontend/assets/scripts/tools/mock/datatransfer.js
@@ -40,6 +40,12 @@ $('#btn-newRow').click(
     }   
     );
 
+$('#btn-copy').click(
+    ()=> {
+        console.log("btn-copy");
+    }   
+    );
+
 /*
     Functions segment
 */
@@ -145,9 +151,11 @@ function loadFetchedMessage(){
 }
 
 function fillStaticFields(uuid, contentType, body, httpStatus){
+    const copyButton = '<button id="btn-copy" class="invisible-button">Copy</button>';
     let link = createLink(uuid);
-    let linkHtml = '<a class="hyperlink" target="_blank" href="'+link+'">'+link+'</a>';
-    $('#messageLink').html(linkHtml);
+    let linkHtml = '<a class="hyperlink" target="_blank" href="'+link+'">'+link+'</a>' + copyButton;
+    $('#messageLink').attr("href", link);
+    $('#messageLink').html(link);
     $('#httpStatus').val(httpStatus);
     $('#typeSelector').val(contentType);
     $('#bodyEditor').val(body);
diff --git a/Frontend/tools/mock.html b/Frontend/tools/mock.html
index 0792c71..f3378d0 100644
--- a/Frontend/tools/mock.html
+++ b/Frontend/tools/mock.html
@@ -50,7 +50,7 @@
                     <!-- link -->
                     <div>
                         <label for="messageLink" class="block-display">Link</label>
-                        <div id="messageLink" class="display-space-between bordered-field max-width with-padding disabled-background tooltipped"><a class="hyperlink" href="www.google.com" target="_blank">www.google.com</a><p>dupaaaaaa</p></div>
+                        <div class="display-space-between bordered-field max-width with-padding disabled-background tooltipped"><a id="messageLink" class="hyperlink" href="www.google.com" target="_blank">www.google.com</a><button id="btn-copy" class="invisible-button">Copy</button></div>
                         <!-- <input id="messageLink" disabled class="bordered-field max-width with-padding" value="http://yourlink.com/r/api/mock/blablabla"> -->
                     </div>
                     <div class="display-space-between max-width">
-- 
2.51.0


From 6ef7df31e5382768eaf9360a5a5ddbc076a79d96 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Wed, 31 May 2023 14:17:04 +0200
Subject: [PATCH 3/5] Fixed blinking when page is loaded without selected tool

---
 Frontend/assets/scripts/frame.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Frontend/assets/scripts/frame.js b/Frontend/assets/scripts/frame.js
index 909a4ee..5b89901 100644
--- a/Frontend/assets/scripts/frame.js
+++ b/Frontend/assets/scripts/frame.js
@@ -119,5 +119,5 @@ function loadLastPage() {
     if (lastPage == null) {
         lastPage = "xpath";
     }
-    changeTool(lastPage);
+    changeTool(lastPage, false);
 }
\ No newline at end of file
-- 
2.51.0


From 7beeefbe57f29338e7618b4fe7470dccc5636077 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Wed, 31 May 2023 14:28:13 +0200
Subject: [PATCH 4/5] Added actual copying functionality

---
 Frontend/assets/scripts/tools/mock/datatransfer.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/Frontend/assets/scripts/tools/mock/datatransfer.js b/Frontend/assets/scripts/tools/mock/datatransfer.js
index d4f76e9..d9af24a 100644
--- a/Frontend/assets/scripts/tools/mock/datatransfer.js
+++ b/Frontend/assets/scripts/tools/mock/datatransfer.js
@@ -42,7 +42,8 @@ $('#btn-newRow').click(
 
 $('#btn-copy').click(
     ()=> {
-        console.log("btn-copy");
+        var link = $("#messageLink").html();
+        navigator.clipboard.writeText(link);
     }   
     );
 
-- 
2.51.0


From cee7513e3872d8ea37c771e591d5dc3459ff5a40 Mon Sep 17 00:00:00 2001
From: Adam Bem <adam.bem@zoho.eu>
Date: Wed, 31 May 2023 14:36:23 +0200
Subject: [PATCH 5/5] Changed invisible-button class to transparent-button

---
 Frontend/assets/css/tools/mock/r11tool.css         | 2 +-
 Frontend/assets/scripts/tools/mock/datatransfer.js | 2 --
 Frontend/tools/mock.html                           | 2 +-
 3 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/Frontend/assets/css/tools/mock/r11tool.css b/Frontend/assets/css/tools/mock/r11tool.css
index 7814810..8f4fa42 100644
--- a/Frontend/assets/css/tools/mock/r11tool.css
+++ b/Frontend/assets/css/tools/mock/r11tool.css
@@ -187,7 +187,7 @@ body {
     font-size: 20px;
 }
 
-.invisible-button {
+.transparent-button {
     background-color: #00000000;
     border: #00000000;
 }
diff --git a/Frontend/assets/scripts/tools/mock/datatransfer.js b/Frontend/assets/scripts/tools/mock/datatransfer.js
index d9af24a..0eed9a6 100644
--- a/Frontend/assets/scripts/tools/mock/datatransfer.js
+++ b/Frontend/assets/scripts/tools/mock/datatransfer.js
@@ -152,9 +152,7 @@ function loadFetchedMessage(){
 }
 
 function fillStaticFields(uuid, contentType, body, httpStatus){
-    const copyButton = '<button id="btn-copy" class="invisible-button">Copy</button>';
     let link = createLink(uuid);
-    let linkHtml = '<a class="hyperlink" target="_blank" href="'+link+'">'+link+'</a>' + copyButton;
     $('#messageLink').attr("href", link);
     $('#messageLink').html(link);
     $('#httpStatus').val(httpStatus);
diff --git a/Frontend/tools/mock.html b/Frontend/tools/mock.html
index f3378d0..68ef091 100644
--- a/Frontend/tools/mock.html
+++ b/Frontend/tools/mock.html
@@ -50,7 +50,7 @@
                     <!-- link -->
                     <div>
                         <label for="messageLink" class="block-display">Link</label>
-                        <div class="display-space-between bordered-field max-width with-padding disabled-background tooltipped"><a id="messageLink" class="hyperlink" href="www.google.com" target="_blank">www.google.com</a><button id="btn-copy" class="invisible-button">Copy</button></div>
+                        <div class="display-space-between bordered-field max-width with-padding disabled-background tooltipped"><a id="messageLink" class="hyperlink" href="www.google.com" target="_blank">www.google.com</a><button id="btn-copy" class="transparent-button">Copy</button></div>
                         <!-- <input id="messageLink" disabled class="bordered-field max-width with-padding" value="http://yourlink.com/r/api/mock/blablabla"> -->
                     </div>
                     <div class="display-space-between max-width">
-- 
2.51.0