diff options
| author | Paul-Christian Volkmer | 2024-01-17 12:26:46 +0100 |
|---|---|---|
| committer | Paul-Christian Volkmer | 2024-01-17 12:27:44 +0100 |
| commit | 45ad5e88279d09360ce5f001986ee03a7b95a62e (patch) | |
| tree | 958ede6df628cac8d03663521491492bbb997e40 /src/main/resources/templates/configs | |
| parent | c4eb4d0fe2b2950987b672131d88d1aaa55aac53 (diff) | |
feat #24: use htmx to refresh connection status every 20s
Diffstat (limited to 'src/main/resources/templates/configs')
| -rw-r--r-- | src/main/resources/templates/configs/connectionAvailable.html | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/src/main/resources/templates/configs/connectionAvailable.html b/src/main/resources/templates/configs/connectionAvailable.html new file mode 100644 index 0000000..6d52d70 --- /dev/null +++ b/src/main/resources/templates/configs/connectionAvailable.html @@ -0,0 +1,16 @@ +<h2><span th:if="${connectionAvailable}">✅</span><span th:if="${not(connectionAvailable)}">⚡</span> Verbindung zum bwHC-Backend</h2> +<div> + Verbindung über <code>[[ ${mtbFileSender} ]]</code>. Die Verbindung ist aktuell + <strong th:if="${connectionAvailable}" style="color: green">verfügbar.</strong> + <strong th:if="${not(connectionAvailable)}" style="color: red">nicht verfügbar.</strong> +</div> +<div class="connection-display border"> + <img th:src="@{/server.png}" alt="ETL-Processor" /> + <span class="connection" th:classappend="${connectionAvailable ? 'available' : ''}"></span> + <img th:if="${mtbFileSender.startsWith('Rest')}" th:src="@{/server.png}" alt="bwHC-Backend" /> + <img th:if="${mtbFileSender.startsWith('Kafka')}" th:src="@{/kafka.png}" alt="Kafka-Broker" /> + <span>ETL-Processor</span> + <span></span> + <span th:if="${mtbFileSender.startsWith('Rest')}">bwHC-Backend</span> + <span th:if="${mtbFileSender.startsWith('Kafka')}">Kafka-Broker</span> +</div>
\ No newline at end of file |