MessageDto instead of String in Event history

target/classes/logback.xml

@@ -9,7 +9,7 @@
         <layout class="ch.qos.logback.classic.PatternLayout">
             <!--https://logging.apache.org/log4j/1.2/apidocs/org/apache/log4j/PatternLayout.html-->
             <Pattern>
-                {"dateTimeStamp" : "%d{yyyy-MM-dd}T%d{HH:mm:ss}", "eventId":"%X{eventId}", "interfaceName":"%X{interfaceName}", "clientUUID":"%X{clientUUID}", "messageId":"%X{messageId}", "thread":"%t","level":"%-5level", "message":%msg}%n
+                {"dateTimeStamp" : "%d{yyyy-MM-dd}T%d{HH:mm:ss}", "eventId":"%X{eventId}", "interfaceName":"%X{interfaceName}", "clientUUID":"%X{clientUUID}", "messageId":"%X{messageId}", "thread":"%t","level":"%-5level", "message":"%msg"}%n
             </Pattern>
         </layout>
     </appender>

target/classes/static/js/etrackPaggination.js

@@ -13,8 +13,7 @@ var state = {
   'window': 5,
 }
 
-var myList, data, previousSort, messageList;
-messageList = messageListForPagination;
+var myList, data, previousSort;
 state.querySet = listForPagination;
 buildTable();
 
@@ -101,6 +100,7 @@ function showTable() {
   var table = $('#table-body')
   table.empty();
   var color;
+  console.log(myList);
   for (var i = 1; i <= myList.length; i++) {
     var j = i + (state.page - 1) * 10;
     i % 2 === 0 ? color = "#b3ffff" : color="#e6ffff";
@@ -111,7 +111,7 @@ function showTable() {
                     <td>${myList[i-1].interfaceName}</td>
                     </tr>
                     <tr bgcolor="${color}" id="etrack-tr-${j}-body" name="tr-body" hidden>
-                    <td colspan="4">"${messageList[i-1]}"</td>
+                    <td colspan="4">"${JSON.stringify(myList[i-1])}"</td>
                     </tr>`
     table.append(row)
 

target/classes/templates/etrack.html

@@ -84,9 +84,6 @@ $.get("https://raw.githubusercontent.com/Szakalakamaka/viewpresenter/master/src/
 });
 </script>
 <script type="text/javascript" th:inline="javascript">
-var messageListForPagination = /*[[${messageDtoList}]]*/;
-</script>
-<script type="text/javascript" th:inline="javascript">
 var listForPagination = /*[[${eventList}]]*/;
 </script>
 <script src="/js/etrackPaggination.js"></script>