From 2538cb205b9d360053a103a8b3d17af9cf33fe49 Mon Sep 17 00:00:00 2001
From: modzeleg <g.modzelewski@protonmail.com>
Date: Fri, 19 Feb 2021 14:39:32 +0100
Subject: [PATCH] T197 T200 fields has been adjusted

---
 src/main/resources/static/css/main.css       |  1 +
 src/main/resources/static/js/datatransfer.js |  2 +-
 src/main/resources/templates/mock.html       | 13 +++++++------
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/main/resources/static/css/main.css b/src/main/resources/static/css/main.css
index e519a60..40e26fb 100644
--- a/src/main/resources/static/css/main.css
+++ b/src/main/resources/static/css/main.css
@@ -107,6 +107,7 @@
     padding: 10px;
     font-size: 18px;
     background: #f0f0f0;
+    pointer-events: none;
 }
 
 .fieldDefault {
diff --git a/src/main/resources/static/js/datatransfer.js b/src/main/resources/static/js/datatransfer.js
index a1febe1..80498f3 100644
--- a/src/main/resources/static/js/datatransfer.js
+++ b/src/main/resources/static/js/datatransfer.js
@@ -109,7 +109,7 @@ function initializeMock(index){
 }
 
 function fillStaticFields(uuid, id, mediaType, body, httpStatus){
-    $('#messageLink').html(createLink(uuid,id));
+    $('#messageLink').val(createLink(uuid,id));
     $('#httpStatus').val(httpStatus);
     $('#typeSelector').val(mediaType);
     $('#bodyEditor').val(body);
diff --git a/src/main/resources/templates/mock.html b/src/main/resources/templates/mock.html
index 1fa5b66..086bc89 100644
--- a/src/main/resources/templates/mock.html
+++ b/src/main/resources/templates/mock.html
@@ -29,7 +29,7 @@
                 <div id="advancedItemData" class="articleHead" style="display: none;">Message id: <span id="mockedMessageId"></span></div>
                 <div id="link">
                     <label for="messageLink">Your link</label>
-                    <div id="messageLink" class="field">http://<span id="pubhost">localhost</span>:8097/klaus/v1/get/<span id="clientUuid">acc39106-f351-46bb-b81b-31b860af3e56</span>/<span id="mockedMessageResponse2">1</span></div>
+                    <input id="messageLink" type="text" class="field"/>
                 </div>
                 <div id="msgBody">
                     <div id="typeSelection">
@@ -37,11 +37,12 @@
                         <textarea type="text" id="httpStatus" class="field fieldDefault"></textarea>
 
                         <label for="typeSelector">Content Type</label>
-                        <select id="typeSelector" class="field fieldDefault">
-                            <option value="application/xml">application/xml</option>
-                            <option value="application/json">application/json</option>
-                            <option value="text/xml">text/xml</option>
-                        </select>
+                        <input id="typeSelector" class="field fieldDefault" list="contentTypes" value="application/xml"/>
+                        <datalist id="contentTypes">
+                            <option value="application/xml">
+                            <option value="application/json">
+                            <option value="text/xml">
+                        </datalist>
                     </div>
                     <div id="bodyEdition">
                         <label for="bodyEditor">Body:</label>