T157 static content and table generated. Added css to table

src/main/resources/static/js/datatransfer.js

@@ -0,0 +1,45 @@
+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);
+
+    });
+}
+
+function fillStaticFields(uuid, id, mediaType, body, httpStatus){
+    $('#messageLink').html(createLink(uuid,id));
+    $('#typeSelector').val(mediaType);
+    $('#bodyEditor').html(body);
+
+    //TODO: HttpStatus
+}
+
+function createLink(uuid, id){
+    var link = 'http://localhost:8097/klaus/v1/'+uuid+'/'+id;
+    return link;
+}
+
+function fillHeaderTable(headers){
+    var innerHTML = $('#headerTable').html();
+    innerHTML += generateHeaderTable(headers);
+    $('#headerTable').html(innerHTML);
+}
+
+function generateHeaderTable(headers){
+    var innerHTML = '';
+    var keys = Object.keys(headers);
+    for(var h in headers){
+        innerHTML +=
+            '<tr>' +
+                '<td class="headerName">' + keys[h] + '</td>' +
+                '<td class="headerField">' + headers[h] + '</td>' +
+            '</tr>'
+    }
+    return innerHTML;
+}
+
+$(document).ready(getData());