pcvolkmer/grz-metadata-processor
1
0
Fork 0
mirror of https://github.com/pcvolkmer/grz-metadata-processor.git synced 2025-07-01 20:12:54 +00:00
Code Issues Activity

chore: new layout for error page

Browse Source
This commit is contained in:
Paul-Christian Volkmer
2025-06-09 19:00:21 +02:00
parent f564e0d1ee
commit 66714df21a
9 changed files with 41 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/resources/templates/case.html
View File

@ -11,7 +11,7 @@
<main>
<div>
<h1>Fall <code th:text="${case.localCaseId}"></code></h1>
<h1 class="head">Fall <code th:text="${case.localCaseId}"></code></h1>
<form class="case">
<input type="hidden" name="id" th:value="${case.id}" />

4
src/main/resources/templates/cases.html
View File

@ -6,13 +6,13 @@
</head>
<body>
<div>
<h1>
<h1 class="head">
Alle Fälle
</h1>
<form class="case">
<ul class="case-list">
<li th:each="case : ${cases}">
<a th:href="@{/cases/{caseId}(caseId=${case.id})}">Fallnummer: [[ ${case.localCaseId} ]]</a>
<a th:href="@{/cases/{caseId}(caseId=${case.id})}">Fall <code>[[ ${case.localCaseId} ]]</code></a>
<button class="delete left" th:hx-delete="@{/cases/{caseId}(caseId=${case.id})}" hx-target="#cases">Eintrag löschen</button>
</li>
</ul>

2
src/main/resources/templates/donors.html
View File

@ -8,7 +8,7 @@
<div th:id="'cases_' + ${caseId} + '_donors'">
<div th:if="${donors.isEmpty()}">
<h2>Probenspender</h2>
<h2 class="head">Probenspender</h2>
<form class="donor" th:hx-post="@{/cases/{caseId}/donors(caseId=${caseId})}" th:hx-target="'#cases_' + ${caseId} + '_donors'">
<div>Keine Probenspender gefunden</div>
<button>Neuen Probenspender hinzufügen</button>

17
src/main/resources/templates/error/notfound.html
View File

@ -3,8 +3,23 @@
<head>
<meta charset="UTF-8">
<title>Fehler</title>
<link th:href="@{/main.css}" rel="stylesheet" />
</head>
<body>
<a th:href="@{/}">Zurück</a>
<aside th:hx-get="@{/cases/menu}" hx-trigger="load"></aside>
<main>
<div class="error">
<h1>
Fehler
</h1>
<p>
Es konnte nichts gefunden werden
</p>
</div>
</main>
<script th:src="@{/main.js}"></script>
</body>
</html>

2
src/main/resources/templates/files.html
View File

@ -8,7 +8,7 @@
<div th:id="'labdatas_' + ${labDataId} + '_files'">
<div th:if="${files.isEmpty()}">
<h4>Datei</h4>
<h4 class="head">Datei</h4>
<form class="file" th:hx-post="@{/labdatas/{labDataId}/files(labDataId=${labDataId})}" th:hx-target="'#labdatas_' + ${labDataId} + '_files'">
<div>Keine Datei gefunden</div>
<button>Neuen Datei hinzufügen</button>

2
src/main/resources/templates/labdataprofiles.html
View File

@ -12,7 +12,7 @@
<main>
<div>
<div th:if="${labdataprofiles.isEmpty()}">
<h3>Probe</h3>
<h3 class="head">Probe</h3>
<form class="lab-data" th:hx-post="@{/labdataprofiles}" hx-target="body">
<div>Keine Sequenzierprofile gefunden</div>
<button>Neues Sequenzierprofil hinzufügen</button>

2
src/main/resources/templates/labdatas/index.html
View File

@ -8,7 +8,7 @@
<div th:id="'donors_' + ${donorId} + '_labdatas'">
<div th:if="${labdatas.isEmpty()}">
<h3>Probe</h3>
<h3 class="head">Probe</h3>
<form class="lab-data" th:hx-post="@{/donors/{donorId}/labdatas(donorId=${donorId})}" th:hx-target="'#donors_' + ${donorId} + '_labdatas'">
<div>Keine Probe gefunden</div>
<button>Neuen Probe hinzufügen</button>

2
src/main/resources/templates/unusedfiles.html
View File

@ -14,7 +14,7 @@
<div id="unused_files">
<div th:if="${files.isEmpty()}">
<h4>Datei</h4>
<h4 class="head">Datei</h4>
<form class="file">
<div>Keine ungenutzte Datei gefunden</div>
</form>

22
src/main/web/style.css
View File

@ -60,7 +60,7 @@ main {
@apply mx-auto pl-84 px-10 py-1 w-full;
}
h1, h2, h3, h4 {
h1.head, h2.head, h3.head, h4.head {
@apply mt-5 text-white py-1 px-3 rounded-t-sm
}
@ -81,25 +81,37 @@ details[open] > summary {
}
summary.h1,
h1 {
h1.head {
@apply text-3xl font-bold bg-blue-900
}
summary.h2,
h2 {
h2.head {
@apply text-2xl font-bold bg-green-900
}
summary.h3,
h3 {
h3.head {
@apply text-xl font-bold bg-yellow-900
}
summary.h4,
h4 {
h4.head {
@apply font-bold bg-red-900
}
div.error {
@apply mt-5
}
div.error h1 {
@apply font-bold text-3xl p-2 bg-red-900 text-white rounded-t-sm
}
div.error p {
@apply p-2 bg-red-200 rounded-b-sm
}
form {
@apply p-2 rounded-b-sm
}