69 lines
3.0 KiB
HTML
69 lines
3.0 KiB
HTML
<!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>
|