R11/release11-tools
4
2
Fork 0
Code Issues 9 Pull Requests 4 Packages Projects Releases 6 Wiki Activity

Added copy button to link field (#216)

Browse Source 
Co-authored-by: Adam Bem <adam.bem@zoho.eu>
Reviewed-on: #216
Reviewed-by: Mikolaj Widla <widlam@noreply.example.com>
This commit is contained in:
Adam Bem
2023-05-31 14:39:31 +02:00
parent 57a08c3246
commit 89517a6821
4 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
Frontend/assets/css/tools/mock/r11tool.css
View File

@@ -187,6 +187,11 @@ body {
font-size: 20px; font-size: 20px;
} }
.transparent-button {
background-color: #00000000;
border: #00000000;
}
.action-button.active { .action-button.active {
background: #2A93B0; background: #2A93B0;
border: 1px solid #7ed0eb; border: 1px solid #7ed0eb;

2
Frontend/assets/scripts/frame.js
View File

@@ -119,5 +119,5 @@ function loadLastPage() {
if (lastPage == null) { if (lastPage == null) {
lastPage = "xpath"; lastPage = "xpath";
} }
changeTool(lastPage); changeTool(lastPage, false);
} }

11
Frontend/assets/scripts/tools/mock/datatransfer.js
View File

@@ -40,6 +40,13 @@ $('#btn-newRow').click(
} }
); );
$('#btn-copy').click(
()=> {
var link = $("#messageLink").html();
navigator.clipboard.writeText(link);
}
);
/* /*
Functions segment Functions segment
*/ */
@@ -146,8 +153,8 @@ function loadFetchedMessage(){
function fillStaticFields(uuid, contentType, body, httpStatus){ function fillStaticFields(uuid, contentType, body, httpStatus){
let link = createLink(uuid); let link = createLink(uuid);
let linkHtml = '<a class="hyperlink" target="_blank" href="'+link+'">'+link+'</a>'; $('#messageLink').attr("href", link);
$('#messageLink').html(linkHtml); $('#messageLink').html(link);
$('#httpStatus').val(httpStatus); $('#httpStatus').val(httpStatus);
$('#typeSelector').val(contentType); $('#typeSelector').val(contentType);
$('#bodyEditor').val(body); $('#bodyEditor').val(body);

2
Frontend/tools/mock.html
View File

@@ -50,7 +50,7 @@
<!-- link --> <!-- link -->
<div> <div>
<label for="messageLink" class="block-display">Link</label> <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 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"> --> <!-- <input id="messageLink" disabled class="bordered-field max-width with-padding" value="http://yourlink.com/r/api/mock/blablabla"> -->
</div> </div>
<div class="display-space-between max-width"> <div class="display-space-between max-width">