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

chore: new layout for error page

This commit is contained in:
2025-06-09 19:00:21 +02:00
parent f564e0d1ee
commit 66714df21a
9 changed files with 41 additions and 14 deletions

View File

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

View File

@ -6,13 +6,13 @@
</head> </head>
<body> <body>
<div> <div>
<h1> <h1 class="head">
Alle Fälle Alle Fälle
</h1> </h1>
<form class="case"> <form class="case">
<ul class="case-list"> <ul class="case-list">
<li th:each="case : ${cases}"> <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> <button class="delete left" th:hx-delete="@{/cases/{caseId}(caseId=${case.id})}" hx-target="#cases">Eintrag löschen</button>
</li> </li>
</ul> </ul>

View File

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

View File

@ -3,8 +3,23 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Fehler</title> <title>Fehler</title>
<link th:href="@{/main.css}" rel="stylesheet" />
</head> </head>
<body> <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> </body>
</html> </html>

View File

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

View File

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

View File

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

View File

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

View File

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