- finishing etrack

- new buttons for main page - swagger
2020-09-22 10:05:11 +02:00
parent 9f3f2161cb
commit db625b650b
68 changed files with 1736 additions and 494 deletions
--- a/target/classes/templates/etrack.html
+++ b/target/classes/templates/etrack.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://thymeleaf.org">
+
+<head>
+    <meta charset="UTF-8">
+    <title>R11 Klaus</title>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+    <link href="https://fonts.googleapis.com/css?family=Lato:100,300,600" rel="stylesheet" type="text/css">
+    <link href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css">
+    <link href="/css/styles.css" rel="stylesheet" />
+</head>
+
+<body>
+<hr>
+<section class="page-section" id="main-section">
+    <div class="row">
+        <div class="column">
+            <br>To see your activity history use the form below
+            <form action="#" th:action="@{/etrack/__${clientUUID}__}" th:object="${eventRequestDto}" method="post">
+                <input type="text" th:name="clientUUID" th:value="${clientUUID}" hidden />
+                <br><label>Mocked response id:</label><br>
+                <input type="text" th:name="mockedResponseId" th:id="mockedResponseId" th:placeholder="all" />
+                <td th:if="${#fields.hasErrors('mockedResponseId')}" th:errors="*{mockedResponseId}">mockedResponseId
+                    error
+                </td>
+                <br><label>Date from:</label><br>
+                <input type="datetime-local" th:field="*{localDateTimeFrom}"/>
+                <td th:if="${#fields.hasErrors('localDateTimeFrom')}" th:errors="*{localDateTimeFrom}">localDateTimeFrom
+                    Error
+                </td>
+                <br><label>Date to:</label><br>
+                <input type="datetime-local" th:field="*{localDateTimeTo}"/>
+                <td th:if="${#fields.hasErrors('localDateTimeTo')}" th:errors="*{localDateTimeTo}">localDateTimeTo
+                    Error
+                </td>
+                <div th:if="${#fields.hasAnyErrors()}">
+                    <p th:each="err : ${#fields.allErrors()}" th:text="${err}">...</p>
+                </div>
+                <input type="submit" value="See my history"/>
+            </form>
+        </div>
+        <div class="column">
+            <br>
+                <table>
+                    <thead>
+                    <tr>
+                        <th class="tr-pageable"><p class="btn-sort" id="btn-sort-0">#</p></th>
+                        <th class="tr-pageable"><p class="btn-sort active" id="btn-sort-1">MessageId</p></th>
+                        <th class="tr-pageable"><p class="btn-sort" id="btn-sort-2">TimeStamp</p></th>
+                        <th class="tr-pageable"><p class="btn-sort" id="btn-sort-3">Action</p></th>
+                    </tr>
+                    </thead>
+                    <tbody id="table-body">
+                    </tbody>
+                </table>
+            <div class="container ">
+                <div id="pagination-wrapper"></div>
+            </div>
+        </div>
+    </div>
+</section>
+<hr>
+<script type="text/javascript" th:inline="javascript">
+var listForPagination = /*[[${eventList}]]*/;
+</script>
+<script src="/js/etrackPaggination.js"></script>
+</body>
+</html>