mirror of
https://github.com/Theodor-Springmann-Stiftung/musenalm.git
synced 2026-02-04 10:35:30 +00:00
+More compact design
This commit is contained in:
Simon Martens
@@ -119,32 +119,13 @@ type AlmanachResult struct {
|
||||
</div>
|
||||
|
||||
<div class="mt-3">
|
||||
<div class="flex items-center gap-2 text-lg font-bold text-gray-700">
|
||||
<i class="ri-book-2-line"></i>
|
||||
<span>Titeldaten & Anmerkungen</span>
|
||||
</div>
|
||||
<hr class="border-stone-200 mt-2" />
|
||||
<div class="flex flex-col gap-4 mt-4">
|
||||
<!-- Titles Section -->
|
||||
<div id="titles"></div>
|
||||
|
||||
<!-- Publication Information: Year and Edition - Always visible -->
|
||||
<div class="flex gap-4">
|
||||
<div class="flex-1 inputwrapper">
|
||||
<label for="year" class="inputlabel">Jahr</label>
|
||||
<input type="number" name="year" id="year" class="inputinput" placeholder="" autocomplete="off" value="{{ $model.result.Entry.Year }}" />
|
||||
</div>
|
||||
|
||||
<div class="flex-1 inputwrapper">
|
||||
<label for="edition" class="inputlabel">Ausgabe</label>
|
||||
<textarea name="edition" id="edition" class="inputinput" placeholder="" autocomplete="off" rows="1">{{- $model.result.Entry.Edition -}}</textarea>
|
||||
</div>
|
||||
<div class="flex items-center justify-between gap-4">
|
||||
<div class="flex items-center gap-2 text-lg font-bold text-gray-700">
|
||||
<i class="ri-book-2-line"></i>
|
||||
<span>Titeldaten & Anmerkungen</span>
|
||||
</div>
|
||||
|
||||
<!-- Publication Information: Optional fields -->
|
||||
<div id="publication"></div>
|
||||
<div-manager dm-target="publication">
|
||||
<button class="dm-menu-button text-right w-full cursor-pointer"><i class="ri-add-line"></i>
|
||||
<div-manager dm-target="publication" class="flex items-center">
|
||||
<button class="dm-menu-button text-right cursor-pointer whitespace-nowrap"><i class="ri-add-line"></i>
|
||||
Felder hinzufügen</button>
|
||||
|
||||
<div class="inputwrapper {{ if eq $model.result.Entry.TitleStmt "" }}hidden{{ end }}" data-dm-target="titles">
|
||||
@@ -262,6 +243,27 @@ type AlmanachResult struct {
|
||||
<textarea name="place_statement" id="place_statement" class="inputinput" placeholder="" autocomplete="off" rows="1">{{- $model.result.Entry.PlaceStmt -}}</textarea>
|
||||
</div>
|
||||
</div-manager>
|
||||
</div>
|
||||
<hr class="border-slate-400 mt-2 mb-3" />
|
||||
<div class="flex flex-col gap-4 mt-4">
|
||||
<!-- Titles Section -->
|
||||
<div id="titles"></div>
|
||||
|
||||
<!-- Publication Information: Year and Edition - Always visible -->
|
||||
<div class="flex gap-4">
|
||||
<div class="flex-1 inputwrapper">
|
||||
<label for="year" class="inputlabel">Jahr</label>
|
||||
<input type="number" name="year" id="year" class="inputinput" placeholder="" autocomplete="off" value="{{ $model.result.Entry.Year }}" />
|
||||
</div>
|
||||
|
||||
<div class="flex-1 inputwrapper">
|
||||
<label for="edition" class="inputlabel">Ausgabe</label>
|
||||
<textarea name="edition" id="edition" class="inputinput" placeholder="" autocomplete="off" rows="1">{{- $model.result.Entry.Edition -}}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Publication Information: Optional fields -->
|
||||
<div id="publication"></div>
|
||||
|
||||
<!-- Annotationen -->
|
||||
<div class="inputwrapper">
|
||||
@@ -276,7 +278,7 @@ type AlmanachResult struct {
|
||||
<i class="ri-links-line"></i>
|
||||
<span>Normdaten & Verknüpfungen</span>
|
||||
</div>
|
||||
<hr class="border-stone-200 mt-2" />
|
||||
<hr class="border-slate-400 mt-2 mb-3" />
|
||||
<div class="flex flex-col gap-4 mt-4">
|
||||
<div class="inputwrapper">
|
||||
<label for="places" class="inputlabel">Erscheinungs- und Verlagsorte</label>
|
||||
@@ -338,7 +340,7 @@ type AlmanachResult struct {
|
||||
<!-- Bearbeitungsvermerk -->
|
||||
<div id="edit_comment_section"></div>
|
||||
<div-manager dm-target="edit_comment_section">
|
||||
<button class="dm-menu-button text-right w-full cursor-pointer"><i class="ri-add-line"></i>
|
||||
<button class="dm-menu-button text-right cursor-pointer whitespace-nowrap"><i class="ri-add-line"></i>
|
||||
Bearbeitungsvermerk hinzufügen</button>
|
||||
|
||||
<div class="inputwrapper {{ if eq $model.result.Entry.Comment "" }}hidden{{ end }}">
|
||||
@@ -358,31 +360,12 @@ type AlmanachResult struct {
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="flex items-center gap-2 text-lg font-bold text-gray-700">
|
||||
<i class="ri-information-line"></i>
|
||||
<span>Metadaten</span>
|
||||
</div>
|
||||
<hr class="border-stone-200 mt-2" />
|
||||
<div class="flex flex-col gap-4 mt-4">
|
||||
<!-- Languages -->
|
||||
<div class="inputwrapper">
|
||||
<label for="languages" class="inputlabel">Sprachen</label>
|
||||
<multi-select-simple id="languages" show-create-button="false" placeholder="Sprachen suchen..."></multi-select-simple>
|
||||
<script type="module">
|
||||
const smlang = document.getElementById("languages");
|
||||
smlang.value = {{ $model.result.Entry.Language }};
|
||||
</script>
|
||||
<div class="flex items-center justify-between gap-4">
|
||||
<div class="flex items-center gap-2 text-lg font-bold text-gray-700">
|
||||
<i class="ri-information-line"></i>
|
||||
<span>Metadaten</span>
|
||||
</div>
|
||||
|
||||
<!-- Nachweise - Always visible -->
|
||||
<div class="inputwrapper">
|
||||
<label for="refs" class="inputlabel">Nachweise</label>
|
||||
<textarea name="refs" id="refs" class="inputinput" placeholder="" autocomplete="off" rows="1">{{- $model.result.Entry.References -}}</textarea>
|
||||
</div>
|
||||
|
||||
<!-- Physical Description -->
|
||||
<div id="physical"></div>
|
||||
<div-manager dm-target="physical">
|
||||
<div-manager dm-target="physical" class="flex items-center">
|
||||
<button class="dm-menu-button text-right w-full cursor-pointer"><i class="ri-add-line"></i>
|
||||
Physische Beschreibung hinzufügen</button>
|
||||
|
||||
@@ -413,15 +396,41 @@ type AlmanachResult struct {
|
||||
</div>
|
||||
</div-manager>
|
||||
</div>
|
||||
<hr class="border-slate-400 mt-2 mb-3" />
|
||||
<div class="flex flex-col gap-4 mt-4">
|
||||
<!-- Languages -->
|
||||
<div class="inputwrapper">
|
||||
<label for="languages" class="inputlabel">Sprachen</label>
|
||||
<multi-select-simple id="languages" show-create-button="false" placeholder="Sprachen suchen..."></multi-select-simple>
|
||||
<script type="module">
|
||||
const smlang = document.getElementById("languages");
|
||||
smlang.value = {{ $model.result.Entry.Language }};
|
||||
</script>
|
||||
</div>
|
||||
|
||||
<!-- Nachweise - Always visible -->
|
||||
<div class="inputwrapper">
|
||||
<label for="refs" class="inputlabel">Nachweise</label>
|
||||
<textarea name="refs" id="refs" class="inputinput" placeholder="" autocomplete="off" rows="1">{{- $model.result.Entry.References -}}</textarea>
|
||||
</div>
|
||||
|
||||
<!-- Physical Description -->
|
||||
<div id="physical"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Exemplare -->
|
||||
<div class="">
|
||||
<div class="flex items-center gap-2 text-lg font-bold text-gray-700">
|
||||
<i class="ri-archive-line"></i>
|
||||
<span>Exemplare</span>
|
||||
</div>
|
||||
<hr class="border-stone-200 mt-2" />
|
||||
<items-editor class="block mt-4">
|
||||
<div class="flex items-center justify-between gap-4">
|
||||
<div class="flex items-center gap-2 text-lg font-bold text-gray-700">
|
||||
<i class="ri-archive-line"></i>
|
||||
<span>Exemplare</span>
|
||||
</div>
|
||||
<button type="button" class="items-add-button text-gray-700 hover:text-gray-900">
|
||||
<i class="ri-add-line"></i> Exemplar hinzufügen
|
||||
</button>
|
||||
</div>
|
||||
<hr class="border-slate-400 mt-2 mb-3" />
|
||||
|
||||
<div class="items-list flex flex-col gap-3">
|
||||
{{- range $i, $item := $model.result.Items -}}
|
||||
@@ -511,6 +520,9 @@ type AlmanachResult struct {
|
||||
<button type="button" class="items-close-button resetbutton w-auto px-2 py-1 text-base">
|
||||
<i class="ri-check-line mr-2"></i> Fertig
|
||||
</button>
|
||||
<button type="button" class="items-cancel-button resetbutton w-auto px-2 py-1 text-base">
|
||||
<i class="ri-close-line mr-2"></i> Abbrechen
|
||||
</button>
|
||||
<button type="button" class="items-remove-button resetbutton w-auto px-2 py-1 text-base text-red-700 hover:text-red-900">
|
||||
<i class="ri-delete-bin-line mr-2"></i> Entfernen
|
||||
</button>
|
||||
@@ -519,13 +531,6 @@ type AlmanachResult struct {
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
<div class="flex justify-end mt-2">
|
||||
<button type="button" class="items-add-button text-gray-700 hover:text-gray-900">
|
||||
<i class="ri-add-line"></i> Exemplar hinzufügen
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
<template class="items-template">
|
||||
<!-- This gets used when adding an item -->
|
||||
<div class="items-row border border-stone-200 rounded-xs bg-stone-50 flex flex-col gap-3 shadow-sm">
|
||||
@@ -610,8 +615,8 @@ type AlmanachResult struct {
|
||||
<button type="button" class="items-close-button resetbutton w-auto px-2 py-1 text-base">
|
||||
<i class="ri-check-line mr-2"></i> Fertig
|
||||
</button>
|
||||
<button type="button" class="items-remove-button resetbutton w-auto px-2 py-1 text-base text-red-700 hover:text-red-900">
|
||||
<i class="ri-delete-bin-line mr-2"></i> Abbrechen
|
||||
<button type="button" class="items-cancel-button resetbutton w-auto px-2 py-1 text-base">
|
||||
<i class="ri-close-line mr-2"></i> Abbrechen
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user