link generated

This commit is contained in:
2021-04-06 16:44:14 +02:00
parent 5bfcf29431
commit 7601fb73c3
6 changed files with 20 additions and 6 deletions

View File

@@ -48,6 +48,10 @@
background: #eeeeeed2; background: #eeeeeed2;
} }
.disabled-background {
background: #eeeeeed2;
}
.vertically-resizeable { .vertically-resizeable {
resize: vertical; resize: vertical;
} }
@@ -420,4 +424,5 @@
.hiddable.active { .hiddable.active {
display: inherit; display: inherit;
} }

View File

@@ -29,7 +29,8 @@
<!-- link --> <!-- link -->
<div> <div>
<label for="messageLink" class="block-display">Link</label> <label for="messageLink" class="block-display">Link</label>
<input id="messageLink" disabled class="bordered-field max-width with-padding" value="http://yourlink.com/r/api/mock/blablabla"> <div id="messageLink" class="bordered-field max-width with-padding disabled-background"><a class="hyperlink" href="www.google.com" target="_blank">www.google.com</a></div>
<!-- <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">
<!-- status and type --> <!-- status and type -->

View File

@@ -216,7 +216,8 @@ function initializeMock(index){
function fillStaticFields(uuid, id, mediaType, body, httpStatus){ function fillStaticFields(uuid, id, mediaType, body, httpStatus){
let link = createLink(uuid,id); let link = createLink(uuid,id);
$('#messageLink').val(link); let linkHtml = '<a class="hyperlink" target="_blank" href="'+link+'">'+link+'</a>';
$('#messageLink').html(linkHtml);
$('#httpStatus').val(httpStatus); $('#httpStatus').val(httpStatus);
$('#typeSelector').val(mediaType); $('#typeSelector').val(mediaType);
$('#bodyEditor').val(body); $('#bodyEditor').val(body);

View File

@@ -48,6 +48,10 @@
background: #eeeeeed2; background: #eeeeeed2;
} }
.disabled-background {
background: #eeeeeed2;
}
.vertically-resizeable { .vertically-resizeable {
resize: vertical; resize: vertical;
} }
@@ -420,4 +424,5 @@
.hiddable.active { .hiddable.active {
display: inherit; display: inherit;
} }

View File

@@ -29,7 +29,8 @@
<!-- link --> <!-- link -->
<div> <div>
<label for="messageLink" class="block-display">Link</label> <label for="messageLink" class="block-display">Link</label>
<input id="messageLink" disabled class="bordered-field max-width with-padding" value="http://yourlink.com/r/api/mock/blablabla"> <div id="messageLink" class="bordered-field max-width with-padding disabled-background"><a class="hyperlink" href="www.google.com" target="_blank">www.google.com</a></div>
<!-- <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">
<!-- status and type --> <!-- status and type -->

View File

@@ -216,7 +216,8 @@ function initializeMock(index){
function fillStaticFields(uuid, id, mediaType, body, httpStatus){ function fillStaticFields(uuid, id, mediaType, body, httpStatus){
let link = createLink(uuid,id); let link = createLink(uuid,id);
$('#messageLink').val(link); let linkHtml = '<a class="hyperlink" target="_blank" href="'+link+'">'+link+'</a>';
$('#messageLink').html(linkHtml);
$('#httpStatus').val(httpStatus); $('#httpStatus').val(httpStatus);
$('#typeSelector').val(mediaType); $('#typeSelector').val(mediaType);
$('#bodyEditor').val(body); $('#bodyEditor').val(body);