MessageDto instead of String in Event history

src/main/resources/data-access.properties

@@ -1,2 +1,2 @@
-redis.host = redis
+redis.host = localhost
 redis.port = 6379

src/main/resources/logback.xml

@@ -3,13 +3,13 @@
     <include resource="org/springframework/boot/logging/logback/base.xml"/>
     <!--https://github.com/kmtong/logback-redis-appender-->
     <appender name="LOGSTASH" class="com.release11.klaus.utilis.RedisAppender">
-        <host>redis</host>
+        <host>localhost</host>
         <port>6379</port>
         <key>logstash</key>
         <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>

src/main/resources/static/js/etrackPaggination.js

@@ -13,8 +13,10 @@ var state = {
   'window': 5,
 }
 
-var myList, data, previousSort;
+var myList, data, previousSort, messageList;
 
+messageList = messageListForPagination;
+dupalsit = listForPagination;
 state.querySet = listForPagination;
 buildTable();
 
@@ -111,9 +113,11 @@ function showTable() {
                     <td>${myList[i-1].interfaceName}</td>
                     </tr>
                     <tr bgcolor="${color}" id="etrack-tr-${j}-body" name="tr-body" hidden>
-                    <td colspan="4">"${myList[i-1].message}"</td>
+                    <td colspan="4">"${messageList[i-1]}"</td>
                     </tr>`
     table.append(row)
+
+
   }
   for (var i = myList.length + 1; i <= state.rows; i++) {
     i % 2 === 0 ? color = "#b3ffff" : color="#e6ffff";

src/main/resources/templates/etrack.html

@@ -84,6 +84,9 @@ $.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>