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

feat: closable case parts

This commit is contained in:
2025-06-09 18:45:47 +02:00
parent 8712433b37
commit b73e262e6e
8 changed files with 52 additions and 20 deletions

View File

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

View File

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

View File

@ -16,8 +16,11 @@
</div>
<!-- Probenspender -->
<div th:each="donor : ${donors}">
<h2>Probenspender</h2>
<details th:each="donor : ${donors}" open>
<summary class="h2">
Probenspender
<code>[[ ${donor.donorPseudonym} ]]</code>
</summary>
<form class="donor" th:id="'cases_' + ${caseId} + '_donors'">
<input type="hidden" name="id" th:value="${donor.id}">
@ -65,7 +68,7 @@
<div th:hx-get="@{/donors/{donorId}/labdatas(donorId=${donor.id})}" hx-trigger="load"></div>
</form>
</div>
</details>
</div>
</body>

View File

@ -15,9 +15,12 @@
</form>
</div>
<div th:each="file : ${files}">
<details th:each="file : ${files}" open>
<!-- File -->
<h4>Datei</h4>
<summary class="h4">
Datei
<code>[[ ${file.filePath} ]]</code>
</summary>
<form class="file">
<input type="hidden" name="id" th:value="${file.id}" />
@ -61,7 +64,7 @@
</div>
</form>
</div>
</details>
</div>

View File

@ -19,11 +19,11 @@
</form>
</div>
<div th:each="profile : ${labdataprofiles}">
<h3>
<details th:each="profile : ${labdataprofiles}" open>
<summary class="h3">
Sequenzierprofil
<tt>"[[ ${ profile.profileName } ]]"</tt>
</h3>
<code>[[ ${ profile.profileName } ]]</code>
</summary>
<form class="lab-data">
<input type="hidden" name="id" th:value="${profile.id}" />
@ -116,7 +116,7 @@
</div>
</form>
</div>
</details>
</div>
</main>

View File

@ -15,8 +15,11 @@
</form>
</div>
<div th:each="labdata : ${labdatas}">
<h3>Probe/Sequenzierung</h3>
<details th:each="labdata : ${labdatas}" open>
<summary class="h3">
Probe/Sequenzierung
<code>[[ ${labdata.einsendenummer} ]]</code>
</summary>
<form class="lab-data">
<input type="hidden" name="id" th:value="${labdata.id}" />
@ -316,7 +319,7 @@
<div th:hx-get="@{/labdatas/{labdataId}/files(labdataId=${labdata.id})}" hx-trigger="load"></div>
</form>
</div>
</details>
</div>

View File

@ -20,9 +20,12 @@
</form>
</div>
<div th:each="file : ${files}">
<details th:each="file : ${files}" open>
<!-- File -->
<h4>Datei</h4>
<summary class="h4">
Datei
<code>[[ ${file.filePath} ]]</code>
</summary>
<form class="file">
<input type="hidden" name="id" th:value="${file.id}" />
@ -73,7 +76,7 @@
<button class="save" th:hx-put="@{/files/unused/{fileId}(fileId=${file.id})}" hx-target="body">Änderungen übernehmen</button>
</div>
</form>
</div>
</details>
</div>
</main>
</div>

View File

@ -64,18 +64,38 @@ h1, h2, h3, h4 {
@apply mt-5 text-white py-1 px-3 rounded-t-sm
}
summary.h1,
summary.h2,
summary.h3,
summary.h4 {
@apply mt-5 text-white py-1 px-3 rounded-sm
}
h1 > code,
summary > code {
@apply font-light m-6
}
details[open] > summary {
@apply rounded-b-none
}
summary.h1,
h1 {
@apply text-3xl font-bold bg-blue-900
}
summary.h2,
h2 {
@apply text-2xl font-bold bg-green-900
}
summary.h3,
h3 {
@apply text-xl font-bold bg-yellow-900
}
summary.h4,
h4 {
@apply font-bold bg-red-900
}