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

feat: closable case parts

Browse Source
This commit is contained in:
Paul-Christian Volkmer
2025-06-09 18:45:47 +02:00
parent 8712433b37
commit b73e262e6e
8 changed files with 52 additions and 20 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> <main>
<div> <div>
<h1>Fall <tt th:text="${case.localCaseId}"></tt></h1> <h1>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}" />

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

@ -7,12 +7,12 @@
<body> <body>
<div> <div>
<h1> <h1>
[[ ${cases.size()} ]] 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})}">#[[ ${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> <button class="delete left" th:hx-delete="@{/cases/{caseId}(caseId=${case.id})}" hx-target="#cases">Eintrag löschen</button>
</li> </li>
</ul> </ul>

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

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

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

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

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

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

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

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

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

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

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

@ -64,18 +64,38 @@ h1, h2, h3, h4 {
@apply mt-5 text-white py-1 px-3 rounded-t-sm @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 { h1 {
@apply text-3xl font-bold bg-blue-900 @apply text-3xl font-bold bg-blue-900
} }
summary.h2,
h2 { h2 {
@apply text-2xl font-bold bg-green-900 @apply text-2xl font-bold bg-green-900
} }
summary.h3,
h3 { h3 {
@apply text-xl font-bold bg-yellow-900 @apply text-xl font-bold bg-yellow-900
} }
summary.h4,
h4 { h4 {
@apply font-bold bg-red-900 @apply font-bold bg-red-900
} }