T157 changes to css

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;