From 145ae9c49296423663d2746b5c253a91f6eb5a32 Mon Sep 17 00:00:00 2001
From: modzeleg <g.modzelewski@protonmail.com>
Date: Fri, 19 Feb 2021 15:03:46 +0100
Subject: [PATCH] Touch to input styles

---
 src/main/resources/static/css/main.css       |  6 ++++++
 src/main/resources/static/js/datatransfer.js |  4 ++--
 src/main/resources/templates/mock.html       | 11 +++++++++--
 3 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/main/resources/static/css/main.css b/src/main/resources/static/css/main.css
index 40e26fb..e039187 100644
--- a/src/main/resources/static/css/main.css
+++ b/src/main/resources/static/css/main.css
@@ -233,4 +233,10 @@
     color: red;
 }
 
+/*TODO add to commons*/
+input:focus {
+    box-shadow: 0 0 5px rgba(81, 203, 238);
+    outline: none;
+}
+
 
diff --git a/src/main/resources/static/js/datatransfer.js b/src/main/resources/static/js/datatransfer.js
index 80498f3..028a48b 100644
--- a/src/main/resources/static/js/datatransfer.js
+++ b/src/main/resources/static/js/datatransfer.js
@@ -149,9 +149,9 @@ function generateHeaderTable(headers){
         innerHTML+=
             '<tr id="hrow' + htable_row + '" class="httpStatusValue">' +
                 '<td>' +
-                    '<input " type="text" name="headerKey" placeholder="key" class="tableField textField-key" value="' + keys[i] + '"/></td>' +
+                    '<input type="text" name="headerKey" placeholder="key" class="tableField textField-key" value="' + keys[i] + '"/></td>' +
                 '<td>' +
-                    '<input " type="text" name="headerKey" placeholder="key" class="tableField" value="' + values[i] + '"/></td>' +
+                    '<input type="text" name="headerValue" placeholder="value" class="tableField" value="' + values[i] + '"/></td>' +
             '<td class="btn-function-table btn-table-remove" onclick="removeRow(' + htable_row + ')">X</td>' +
             '</tr>';
         htable_row++;
diff --git a/src/main/resources/templates/mock.html b/src/main/resources/templates/mock.html
index 086bc89..7de236a 100644
--- a/src/main/resources/templates/mock.html
+++ b/src/main/resources/templates/mock.html
@@ -34,8 +34,15 @@
                 <div id="msgBody">
                     <div id="typeSelection">
                         <label for="httpStatus">Http Status</label>
-                        <textarea type="text" id="httpStatus" class="field fieldDefault"></textarea>
-
+                        <input type="text" id="httpStatus" class="field fieldDefault" value="200" list="httpStatusSuggestion">
+                        <datalist id="httpStatusSuggestion">
+                            <option value="200">
+                            <option value="300">
+                            <option value="400">
+                            <option value="403">
+                            <option value="404">
+                            <option value="500">
+                        </datalist>
                         <label for="typeSelector">Content Type</label>
                         <input id="typeSelector" class="field fieldDefault" list="contentTypes" value="application/xml"/>
                         <datalist id="contentTypes">