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;
}
.disabled-background {
background: #eeeeeed2;
}
.vertically-resizeable {
resize: vertical;
}
@@ -420,4 +424,5 @@
.hiddable.active {
display: inherit;
}
}

View File

@@ -29,7 +29,8 @@
<!-- link -->
<div>
<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 class="display-space-between max-width">
<!-- status and type -->

View File

@@ -216,7 +216,8 @@ function initializeMock(index){
function fillStaticFields(uuid, id, mediaType, body, httpStatus){
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);
$('#typeSelector').val(mediaType);
$('#bodyEditor').val(body);

View File

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

View File

@@ -29,7 +29,8 @@
<!-- link -->
<div>
<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 class="display-space-between max-width">
<!-- status and type -->

View File

@@ -216,7 +216,8 @@ function initializeMock(index){
function fillStaticFields(uuid, id, mediaType, body, httpStatus){
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);
$('#typeSelector').val(mediaType);
$('#bodyEditor').val(body);