T157 Multiple messages loaded

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

@@ -1,7 +1,8 @@
-
+var json;
 function getData(uuid){
-    $.getJSON('http://localhost:8097/mock/json', function(json) {
-        fillMessageList(json);
+    $.getJSON('http://localhost:8097/mock/json', function(data) {
+        json = data;
+        fillMessageList();
         initializeMock(json, 0)
     });
 }
@@ -60,13 +61,16 @@ function generateHeaderTable(headers){
     return innerHTML;
 }
 
-function fillMessageList(json){
-    var innerHTML = generateMessageTileHtml(json[0].mockedResponseId, json[0].httpStatus, json[0].mediaType);
+function fillMessageList(){
+    var innerHTML = '';
+    for(let i=0; i<json.length; i++){
+        innerHTML += generateMessageTileHtml(json[i].mockedResponseId, json[i].httpStatus, json[i].mediaType);
+    }
     $("#listItems").append(innerHTML);
 }
 
 function generateMessageTileHtml(id, httpStatus, mediaType){
-    var innerHTML = '<div class="menuItem">' +
+    var innerHTML = '<div class="menuItem" id="item' + id + '">' +
         '<table><tr><td>Id: '+ id +'</td></tr>' +
         // '<tr><td>Content-type: '+mediaType+'</td></tr>' +
         '<tr><td>Http-status: '+ httpStatus +'</td></tr>' +

src/main/resources/templates/mock.html

@@ -16,9 +16,7 @@
         <div id="selectMenu">
             <div id="selectMenuContent" style="display: none;">
                 <div id="selectMenuHead" class="articleHead">List</div>
-                    <div id="listItems">
-                        <div class="menuItemSelected">Item</div>
-                    </div>
+                <div id="listItems"></div>
                 <div id="iconPlus" class="menuItem"><i class="icon-plus"></i></div>
             </div>