From 902e30db12fd1b741d8ae57a6fbfafce1d09ae54 Mon Sep 17 00:00:00 2001
From: modzeleg <g.modzelewski@protonmail.com>
Date: Fri, 29 Jan 2021 15:53:30 +0100
Subject: [PATCH] T157 changes to css

---
 .idea/workspace.xml                          |  3 ++-
 src/main/resources/static/css/main.css       | 20 ++++++++++---------
 src/main/resources/static/js/datatransfer.js | 21 ++++++++++++--------
 src/main/resources/templates/mock.html       |  2 +-
 4 files changed, 27 insertions(+), 19 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index e6da892..3584462 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -23,6 +23,7 @@
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/src/main/resources/static/css/main.css" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/resources/static/css/main.css" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/src/main/resources/static/js/datatransfer.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/resources/static/js/datatransfer.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/main/resources/templates/mock.html" beforeDir="false" afterPath="$PROJECT_DIR$/src/main/resources/templates/mock.html" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -306,7 +307,7 @@
       <workItem from="1611659140629" duration="2109000" />
       <workItem from="1611757446709" duration="6743000" />
       <workItem from="1611826821050" duration="10679000" />
-      <workItem from="1611915874625" duration="6344000" />
+      <workItem from="1611915874625" duration="9546000" />
     </task>
     <task id="LOCAL-00077" summary="testing jenkins docker">
       <created>1601453886631</created>
diff --git a/src/main/resources/static/css/main.css b/src/main/resources/static/css/main.css
index f1c305a..c275ee8 100644
--- a/src/main/resources/static/css/main.css
+++ b/src/main/resources/static/css/main.css
@@ -153,18 +153,19 @@
 }
 
 .menuItem {
-    width: 174px;
-    padding: 13px;
-    font-size: 12px;
+    width: 180px;
+    padding: 10px;
+    height: 42px;
+    font-size: 14px;
     text-align: left;
     margin-bottom: 5px;
     border: 1px solid lightgray;
     cursor: pointer;
 }
 
-
-
-.menuFactory {
+#iconPlus {
+    text-align: center;
+    font-size: 28px;
     color: lightgray;
 }
 
@@ -175,9 +176,10 @@
 }
 
 .menuItemSelected {
-    width: 174px;
-    padding: 13px;
-    font-size: 12px;
+    width: 180px;
+    padding: 10px;
+    height: 42px;
+    font-size: 14px;
     text-align: left;
     margin-bottom: 5px;
     border: 1px solid lightgray;
diff --git a/src/main/resources/static/js/datatransfer.js b/src/main/resources/static/js/datatransfer.js
index 7116aa0..3b4c9fa 100644
--- a/src/main/resources/static/js/datatransfer.js
+++ b/src/main/resources/static/js/datatransfer.js
@@ -1,15 +1,20 @@
+
 function getData(uuid){
     $.getJSON('http://localhost:8097/mock/json', function(json) {
-       fillStaticFields(json[0].clientUUID
-                        , json[0].mockedResponseId
-                        , json[0].mediaType
-                        , json[0].messageBody
-                        , json[0].httpStatus);
-       fillHeaderTable(json[0].httpHeaders);
-       fillMessageList(json);
+        fillMessageList(json);
+        initializeMock(json, 0)
     });
 }
 
+function initializeMock(json, id){
+    fillStaticFields(json[id].clientUUID
+        , json[id].mockedResponseId
+        , json[id].mediaType
+        , json[id].messageBody
+        , json[id].httpStatus);
+    fillHeaderTable(json[id].httpHeaders);
+}
+
 function fillStaticFields(uuid, id, mediaType, body, httpStatus){
     $('#messageLink').html(createLink(uuid,id));
     $('#typeSelector').val(mediaType);
@@ -63,7 +68,7 @@ function fillMessageList(json){
 function generateMessageTileHtml(id, httpStatus, mediaType){
     var innerHTML = '<div class="menuItem">' +
         '<table><tr><td>Id: '+ id +'</td></tr>' +
-        '<tr><td>Content-type: '+mediaType+'</td></tr>' +
+        // '<tr><td>Content-type: '+mediaType+'</td></tr>' +
         '<tr><td>Http-status: '+ httpStatus +'</td></tr>' +
         '</table></div>';
     return innerHTML;
diff --git a/src/main/resources/templates/mock.html b/src/main/resources/templates/mock.html
index e8a226c..446a00a 100644
--- a/src/main/resources/templates/mock.html
+++ b/src/main/resources/templates/mock.html
@@ -19,7 +19,7 @@
                     <div id="listItems">
                         <div class="menuItemSelected">Item</div>
                     </div>
-                <div class="menuItem menuFactory"><i class="icon-plus"></i></div>
+                <div id="iconPlus" class="menuItem"><i class="icon-plus"></i></div>
             </div>
 
         </div>