pcvolkmer/etl-processor
1
0
Fork 0
mirror of https://github.com/pcvolkmer/etl-processor.git synced 2025-07-03 15:02:56 +00:00
Code Issues Releases Activity

Add start and statistics page

Browse Source
This commit is contained in:
Paul-Christian Volkmer
2023-07-25 16:50:20 +02:00
parent 46928964ef
commit cd46fa7e09
9 changed files with 695 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/main/resources/templates/fragments.html Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" th:href="@{/style.css}" />
</head>
<body>
<div th:fragment="nav">
<nav>
<ul>
<li><a th:href="@{/}">Übersicht</a></li>
<li><a th:href="@{/statistics}">Statistiken</a></li>
</ul>
</nav>
</div>
</body>
</html>

40
src/main/resources/templates/index.html Normal file
View File

@ -0,0 +1,40 @@
<!DOCTYPE html>
<html lang="de" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>ETL-Prozessor</title>
<link rel="stylesheet" th:href="@{/style.css}" />
</head>
<body>
<div th:replace="~{fragments.html :: nav}"></div>
<main>
<h1>Letzte Anfragen</h1>
<table>
<thead>
<tr>
<th>Status</th>
<th>ID</th>
<th>Datum</th>
<th>Patienten-ID</th>
</tr>
</thead>
<tbody>
<tr th:each="request : ${requests}">
<td th:if="${request.status.value == 'success'}" class="bg-green"><small>[[ ${request.status} ]]</small></td>
<td th:if="${request.status.value == 'warning'}" class="bg-yellow"><small>[[ ${request.status} ]]</small></td>
<td th:if="${request.status.value == 'error'}" class="bg-red"><small>[[ ${request.status} ]]</small></td>
<td th:if="${request.status.value == 'unknown'}" class="bg-gray"><small>[[ ${request.status} ]]</small></td>
<td th:if="${request.status.value == 'duplication'}" class="bg-gray"><small>[[ ${request.status} ]]</small></td>
<td>[[ ${request.uuid} ]]</td>
<td><time th:datetime="${request.processedAt}">[[ ${request.processedAt} ]]</time></td>
<td>[[ ${request.patientId} ]]</td>
</tr>
</tbody>
</table>
</main>
<script th:src="@{/scripts.js}"></script>
</body>
</html>

24
src/main/resources/templates/statistics.html Normal file
View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html lang="de" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>ETL-Prozessor</title>
<link rel="stylesheet" th:href="@{/style.css}" />
</head>
<body>
<div th:replace="~{fragments.html :: nav}"></div>
<main>
<h1>Statistiken</h1>
<div id="piechart" class="chart" style="width: 320px; height: 320px; display: inline-block"></div>
<div id="barchart" class="chart" style="width: 720px; height: 320px; display: inline-block"></div>
</main>
<script th:src="@{/echarts.min.js}"></script>
<script th:src="@{/scripts.js}"></script>
<script>
drawPieChart('statistics/requeststates', 'piechart', 'Statusverteilung der Anfragen');
drawBarChart('statistics/requestslastmonth', 'barchart', 'Anfragen des letzten Monats');
</script>
</body>
</html>