mirror of
https://github.com/Theodor-Springmann-Stiftung/musenalm.git
synced 2026-02-04 10:35:30 +00:00
started content edit rework
This commit is contained in:
Simon Martens
@@ -20,205 +20,138 @@
|
||||
{{- $agentsAddToggleID := printf "content-%s-agents-add-toggle" $contentID -}}
|
||||
{{- $agentsSectionID := printf "content-%s-agents-section" $contentID -}}
|
||||
|
||||
<div class="border border-slate-200 bg-white rounded-xs" data-role="content-card" data-content-id="{{ $contentID }}" data-content-order="{{ $content.Numbering }}">
|
||||
<div class="bg-white" data-role="content-card" data-content-id="{{ $contentID }}" data-content-order="{{ $content.Numbering }}">
|
||||
<input type="hidden" name="{{ $prefix }}numbering" class="content-numbering" value="{{- $content.Numbering -}}" />
|
||||
<input type="hidden" name="{{ $prefix }}entries" value="{{ $entry.Id }}" />
|
||||
<div class="border border-slate-200 border-b-0 bg-stone-100 rounded-xs rounded-b-none">
|
||||
<div class="flex flex-wrap items-center justify-between gap-4 border-b border-slate-200 bg-stone-200 px-3 py-2">
|
||||
<div class="flex items-center gap-3">
|
||||
<multi-select-simple
|
||||
id="{{ $baseID }}-musenalm-type"
|
||||
name="{{ $prefix }}musenalm_type[]"
|
||||
show-create-button="false"
|
||||
placeholder="Musenalm-Typen suchen..."
|
||||
data-empty-text="Keine Typen verknüpft"
|
||||
value='[{{- range $i, $t := $content.MusenalmType -}}{{- if $i }},{{ end -}}"{{ $t }}"{{- end -}}]'
|
||||
data-initial-options='[{{- range $i, $t := $musenalmTypes -}}{{- if $i }},{{ end -}}{{ printf "{\"id\":%q,\"name\":%q}" $t $t }}{{- end -}}]'
|
||||
data-initial-values='[{{- range $i, $t := $content.MusenalmType -}}{{- if $i }},{{ end -}}{{ printf "%q" $t }}{{- end -}}]'>
|
||||
</multi-select-simple>
|
||||
<div class="flex flex-col gap-3">
|
||||
<div class="inputwrapper">
|
||||
<div class="inputlabelrow">
|
||||
<label for="{{ $baseID }}-extent" class="inputlabel">Seite & Paginierung</label>
|
||||
</div>
|
||||
<div class="flex items-center gap-2">
|
||||
<select name="{{ $prefix }}edit_state" id="{{ $baseID }}-edit-state" class="inputselect font-bold status-select px-2 py-1 shadow-sm rounded-sm" data-status="{{ $content.EditState }}">
|
||||
<option value="Unknown" {{ if eq $content.EditState "Unknown" }}selected{{ end }}>Unbekannt</option>
|
||||
<option value="ToDo" {{ if eq $content.EditState "ToDo" }}selected{{ end }}>Zu erledigen</option>
|
||||
<option value="Review" {{ if eq $content.EditState "Review" }}selected{{ end }}>Überprüfen</option>
|
||||
<option value="Edited" {{ if eq $content.EditState "Edited" }}selected{{ end }}>Erfasst</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="px-3 py-2">
|
||||
<div class="grid grid-cols-[8rem_1fr_1fr] gap-x-3 gap-y-2 items-baseline">
|
||||
<label for="{{ $baseID }}-extent" class="text-sm font-bold text-gray-700">Seite & Paginierung</label>
|
||||
<textarea name="{{ $prefix }}extent" id="{{ $baseID }}-extent" class="inputinput no-enter whitespace-normal border border-slate-300 rounded-xs px-2 py-1 bg-white focus:outline-none focus:ring-2 focus:ring-slate-400/30" autocomplete="off" rows="1">{{- $content.Extent -}}</textarea>
|
||||
<select name="{{ $prefix }}musenalm_pagination" id="{{ $baseID }}-pagination" class="inputselect border border-slate-300 rounded-xs px-2 py-1 bg-white focus:outline-none focus:ring-2 focus:ring-slate-400/30">
|
||||
<div class="grid grid-cols-[1fr_1px_20rem] gap-2 items-stretch">
|
||||
<textarea name="{{ $prefix }}extent" id="{{ $baseID }}-extent" class="inputinput no-enter whitespace-normal" autocomplete="off" rows="1">{{- $content.Extent -}}</textarea>
|
||||
<div class="bg-slate-400"></div>
|
||||
<select name="{{ $prefix }}musenalm_pagination" id="{{ $baseID }}-pagination" class="inputselect">
|
||||
{{- range $_, $p := $paginationValues -}}
|
||||
<option value="{{- $p -}}" {{ if eq $content.MusenalmPagination $p }}selected{{ end }}>{{- $p -}}</option>
|
||||
{{- end -}}
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div id="{{ $baseID }}-edit-fields" class="mt-3 flex flex-col gap-3"></div>
|
||||
<div-manager dm-target="{{ $baseID }}-edit-fields" class="flex items-center justify-end mt-1">
|
||||
<button class="dm-menu-button text-right cursor-pointer whitespace-nowrap"><i class="ri-add-line"></i>
|
||||
Felder hinzufügen</button>
|
||||
|
||||
<div class="grid grid-cols-[8rem_1fr_1.5rem] gap-x-3 gap-y-2 items-baseline {{ if eq (len $content.Language) 0 }}hidden{{ end }}">
|
||||
<label for="{{ $baseID }}-language" class="text-sm font-bold text-gray-700">Sprache</label>
|
||||
<multi-select-simple
|
||||
id="{{ $baseID }}-language"
|
||||
name="{{ $prefix }}language[]"
|
||||
show-create-button="false"
|
||||
placeholder="Sprachen suchen..."
|
||||
data-empty-text="Keine Sprachen verknüpft"
|
||||
value='[{{- range $i, $lang := $content.Language -}}{{- if $i }},{{ end -}}"{{ $lang }}"{{- end -}}]'
|
||||
data-initial-values='[{{- range $i, $lang := $content.Language -}}{{- if $i }},{{ end -}}{{ printf "%q" $lang }}{{- end -}}]'>
|
||||
</multi-select-simple>
|
||||
<button class="dm-close-button text-gray-500">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-[8rem_1fr_1.5rem] gap-x-3 gap-y-2 items-baseline {{ if eq $content.TitleStmt "" }}hidden{{ end }}">
|
||||
<label for="{{ $baseID }}-title" class="text-sm font-bold text-gray-700">Titel</label>
|
||||
<textarea name="{{ $prefix }}title_statement" id="{{ $baseID }}-title" class="inputinput no-enter whitespace-normal border border-slate-300 rounded-xs px-2 py-1 bg-white focus:outline-none focus:ring-2 focus:ring-slate-400/30" autocomplete="off" rows="1">{{- $content.TitleStmt -}}</textarea>
|
||||
<button class="dm-close-button text-gray-500">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-[8rem_1fr_1.5rem] gap-x-3 gap-y-2 items-baseline {{ if eq $content.SubtitleStmt "" }}hidden{{ end }}">
|
||||
<label for="{{ $baseID }}-subtitle" class="text-sm font-bold text-gray-700">Untertitel</label>
|
||||
<textarea name="{{ $prefix }}subtitle_statement" id="{{ $baseID }}-subtitle" class="inputinput no-enter whitespace-normal border border-slate-300 rounded-xs px-2 py-1 bg-white focus:outline-none focus:ring-2 focus:ring-slate-400/30" autocomplete="off" rows="1">{{- $content.SubtitleStmt -}}</textarea>
|
||||
<button class="dm-close-button text-gray-500">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-[8rem_1fr_1.5rem] gap-x-3 gap-y-2 items-baseline {{ if eq $content.IncipitStmt "" }}hidden{{ end }}">
|
||||
<label for="{{ $baseID }}-incipit" class="text-sm font-bold text-gray-700">Incipit</label>
|
||||
<textarea name="{{ $prefix }}incipit_statement" id="{{ $baseID }}-incipit" class="inputinput no-enter whitespace-normal border border-slate-300 rounded-xs px-2 py-1 bg-white focus:outline-none focus:ring-2 focus:ring-slate-400/30" autocomplete="off" rows="1">{{- $content.IncipitStmt -}}</textarea>
|
||||
<button class="dm-close-button text-gray-500">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-[8rem_1fr_1.5rem] gap-x-3 gap-y-2 items-baseline {{ if eq $content.ResponsibilityStmt "" }}hidden{{ end }}">
|
||||
<label for="{{ $baseID }}-responsibility" class="text-sm font-bold text-gray-700">Autorangabe</label>
|
||||
<textarea name="{{ $prefix }}responsibility_statement" id="{{ $baseID }}-responsibility" class="inputinput no-enter whitespace-normal border border-slate-300 rounded-xs px-2 py-1 bg-white focus:outline-none focus:ring-2 focus:ring-slate-400/30" autocomplete="off" rows="1">{{- $content.ResponsibilityStmt -}}</textarea>
|
||||
<button class="dm-close-button text-gray-500">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-[8rem_1fr_1.5rem] gap-x-3 gap-y-2 items-baseline {{ if eq $content.ParallelTitle "" }}hidden{{ end }}">
|
||||
<label for="{{ $baseID }}-parallel-title" class="text-sm font-bold text-gray-700">Paralleltitel</label>
|
||||
<textarea name="{{ $prefix }}parallel_title" id="{{ $baseID }}-parallel-title" class="inputinput no-enter whitespace-normal border border-slate-300 rounded-xs px-2 py-1 bg-white focus:outline-none focus:ring-2 focus:ring-slate-400/30" autocomplete="off" rows="1">{{- $content.ParallelTitle -}}</textarea>
|
||||
<button class="dm-close-button text-gray-500">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-[8rem_1fr_1.5rem] gap-x-3 gap-y-2 items-baseline {{ if eq $content.VariantTitle "" }}hidden{{ end }}">
|
||||
<label for="{{ $baseID }}-variant-title" class="text-sm font-bold text-gray-700">Titelvarianten</label>
|
||||
<textarea name="{{ $prefix }}variant_title" id="{{ $baseID }}-variant-title" class="inputinput no-enter whitespace-normal border border-slate-300 rounded-xs px-2 py-1 bg-white focus:outline-none focus:ring-2 focus:ring-slate-400/30" autocomplete="off" rows="1">{{- $content.VariantTitle -}}</textarea>
|
||||
<button class="dm-close-button text-gray-500">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-[8rem_1fr_1.5rem] gap-x-3 gap-y-2 items-baseline {{ if eq $content.PlaceStmt "" }}hidden{{ end }}">
|
||||
<label for="{{ $baseID }}-place" class="text-sm font-bold text-gray-700">Ortsangabe</label>
|
||||
<textarea name="{{ $prefix }}place_statement" id="{{ $baseID }}-place" class="inputinput no-enter whitespace-normal border border-slate-300 rounded-xs px-2 py-1 bg-white focus:outline-none focus:ring-2 focus:ring-slate-400/30" autocomplete="off" rows="1">{{- $content.PlaceStmt -}}</textarea>
|
||||
<button class="dm-close-button text-gray-500">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-[8rem_1fr_1.5rem] gap-x-3 gap-y-2 items-baseline {{ if eq $content.Annotation "" }}hidden{{ end }}">
|
||||
<label for="{{ $annotationID }}" class="text-sm font-bold text-gray-700">Anmerkung</label>
|
||||
<div class="border border-slate-300 rounded-xs bg-white px-2 py-1 focus-within:ring-2 focus-within:ring-slate-400/30">
|
||||
<trix-toolbar id="{{ $annotationToolbar }}">
|
||||
<div class="trix-toolbar-container">
|
||||
<span class="trix-toolbar-group">
|
||||
<button type="button" class="trix-toolbar-button" data-trix-attribute="bold" data-trix-key="b" title="Fett">
|
||||
<i class="ri-bold"></i>
|
||||
</button>
|
||||
<button type="button" class="trix-toolbar-button" data-trix-attribute="italic" data-trix-key="i" title="Kursiv">
|
||||
<i class="ri-italic"></i>
|
||||
</button>
|
||||
<button type="button" class="trix-toolbar-button" data-trix-attribute="strike" title="Gestrichen">
|
||||
<i class="ri-strikethrough"></i>
|
||||
</button>
|
||||
<button type="button" class="trix-toolbar-button" data-trix-attribute="href" data-trix-action="link" data-trix-key="k" title="Link">
|
||||
<i class="ri-links-line"></i>
|
||||
</button>
|
||||
</span>
|
||||
<span class="trix-toolbar-group">
|
||||
<button type="button" class="trix-toolbar-button" data-trix-attribute="heading1" title="Überschrift">
|
||||
<i class="ri-h-1"></i>
|
||||
</button>
|
||||
<button type="button" class="trix-toolbar-button" data-trix-attribute="quote" title="Zitat">
|
||||
<i class="ri-double-quotes-l"></i>
|
||||
</button>
|
||||
<button type="button" class="trix-toolbar-button" data-trix-attribute="bullet" title="Liste">
|
||||
<i class="ri-list-unordered"></i>
|
||||
</button>
|
||||
<button type="button" class="trix-toolbar-button" data-trix-attribute="number" title="Aufzählung">
|
||||
<i class="ri-list-ordered"></i>
|
||||
</button>
|
||||
<button type="button" class="trix-toolbar-button" data-trix-action="decreaseNestingLevel" title="Einzug verkleinern">
|
||||
<i class="ri-indent-decrease"></i>
|
||||
</button>
|
||||
<button type="button" class="trix-toolbar-button" data-trix-action="increaseNestingLevel" title="Einzug vergrößern">
|
||||
<i class="ri-indent-increase"></i>
|
||||
</button>
|
||||
</span>
|
||||
<span class="trix-toolbar-group">
|
||||
<button type="button" class="trix-toolbar-button" data-trix-action="undo" data-trix-key="z" title="Rückgängig">
|
||||
<i class="ri-arrow-go-back-line"></i>
|
||||
</button>
|
||||
<button type="button" class="trix-toolbar-button" data-trix-action="redo" data-trix-key="shift+z" title="Wiederholen">
|
||||
<i class="ri-arrow-go-forward-line"></i>
|
||||
</button>
|
||||
</span>
|
||||
</div>
|
||||
<div class="trix-dialogs" data-trix-dialogs>
|
||||
<div class="trix-dialog trix-dialog--link" data-trix-dialog="href" data-trix-dialog-attribute="href">
|
||||
<div class="trix-dialog__link-fields flex flex-row">
|
||||
<input type="url" name="href" class="trix-input trix-input--dialog" placeholder="URL eingeben…" aria-label="URL" required data-trix-input>
|
||||
<div class="trix-button-group flex-row">
|
||||
<input type="button" class="trix-button trix-button--dialog" value="Link" data-trix-method="setAttribute">
|
||||
<input type="button" class="trix-button trix-button--dialog" value="Unlink" data-trix-method="removeAttribute">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</trix-toolbar>
|
||||
<textarea hidden id="{{ $annotationID }}" name="{{ $annotationID }}" autocomplete="off">{{- $content.Annotation -}}</textarea>
|
||||
<trix-editor input="{{ $annotationID }}" toolbar="{{ $annotationToolbar }}" class="min-h-[6rem]"></trix-editor>
|
||||
</div>
|
||||
<button class="dm-close-button text-gray-500">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div-manager>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-0">
|
||||
<relations-editor data-prefix="{{ $agentsPrefix }}" data-link-base="/person/" data-new-label="(Neu)" data-add-toggle-id="{{ $agentsAddToggleID }}">
|
||||
<div class="inputwrapper !border-none">
|
||||
<div class="grid grid-cols-[8rem_1fr] gap-x-3 gap-y-2 items-start px-3 py-2">
|
||||
<div class="flex flex-col gap-1 text-sm text-gray-700 font-bold">
|
||||
<div class="flex items-center gap-1">
|
||||
<span>Personen & Körperschaften</span>
|
||||
<tool-tip position="top" class="!inline">
|
||||
<div class="data-tip">{{ helpOr "contents" "agents" "Beteiligte Personen oder Körperschaften." }}</div>
|
||||
<i class="ri-question-line"></i>
|
||||
</tool-tip>
|
||||
</div>
|
||||
|
||||
<div id="{{ $baseID }}-edit-fields" class="mt-2 flex flex-col gap-2"></div>
|
||||
<div-manager dm-target="{{ $baseID }}-edit-fields" class="flex items-center justify-end mt-1">
|
||||
<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 $content.TitleStmt "" }}hidden{{ end }}">
|
||||
<div class="inputlabelrow">
|
||||
<label for="{{ $baseID }}-title" class="inputlabel menu-label">Titel</label>
|
||||
<div class="pr-2">
|
||||
<button class="dm-close-button font-bold input-label">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<div id="{{ $agentsSectionID }}" class="rel-section-container px-0 mt-0">
|
||||
</div>
|
||||
<textarea name="{{ $prefix }}title_statement" id="{{ $baseID }}-title" class="inputinput no-enter whitespace-normal" autocomplete="off" rows="1">{{- $content.TitleStmt -}}</textarea>
|
||||
</div>
|
||||
|
||||
<div class="inputwrapper {{ if eq $content.SubtitleStmt "" }}hidden{{ end }}">
|
||||
<div class="inputlabelrow">
|
||||
<label for="{{ $baseID }}-subtitle" class="inputlabel menu-label">Untertitel</label>
|
||||
<div class="pr-2">
|
||||
<button class="dm-close-button font-bold input-label">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<textarea name="{{ $prefix }}subtitle_statement" id="{{ $baseID }}-subtitle" class="inputinput no-enter whitespace-normal" autocomplete="off" rows="1">{{- $content.SubtitleStmt -}}</textarea>
|
||||
</div>
|
||||
|
||||
<div class="inputwrapper {{ if eq $content.IncipitStmt "" }}hidden{{ end }}">
|
||||
<div class="inputlabelrow">
|
||||
<label for="{{ $baseID }}-incipit" class="inputlabel menu-label">Incipit</label>
|
||||
<div class="pr-2">
|
||||
<button class="dm-close-button font-bold input-label">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<textarea name="{{ $prefix }}incipit_statement" id="{{ $baseID }}-incipit" class="inputinput no-enter whitespace-normal" autocomplete="off" rows="1">{{- $content.IncipitStmt -}}</textarea>
|
||||
</div>
|
||||
|
||||
<div class="inputwrapper {{ if eq $content.ResponsibilityStmt "" }}hidden{{ end }}">
|
||||
<div class="inputlabelrow">
|
||||
<label for="{{ $baseID }}-responsibility" class="inputlabel menu-label">Autorangabe</label>
|
||||
<div class="pr-2">
|
||||
<button class="dm-close-button font-bold input-label">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<textarea name="{{ $prefix }}responsibility_statement" id="{{ $baseID }}-responsibility" class="inputinput no-enter whitespace-normal" autocomplete="off" rows="1">{{- $content.ResponsibilityStmt -}}</textarea>
|
||||
</div>
|
||||
|
||||
<div class="inputwrapper {{ if eq $content.ParallelTitle "" }}hidden{{ end }}">
|
||||
<div class="inputlabelrow">
|
||||
<label for="{{ $baseID }}-parallel-title" class="inputlabel menu-label">Paralleltitel</label>
|
||||
<div class="pr-2">
|
||||
<button class="dm-close-button font-bold input-label">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<textarea name="{{ $prefix }}parallel_title" id="{{ $baseID }}-parallel-title" class="inputinput no-enter whitespace-normal" autocomplete="off" rows="1">{{- $content.ParallelTitle -}}</textarea>
|
||||
</div>
|
||||
|
||||
<div class="inputwrapper {{ if eq $content.VariantTitle "" }}hidden{{ end }}">
|
||||
<div class="inputlabelrow">
|
||||
<label for="{{ $baseID }}-variant-title" class="inputlabel menu-label">Titelvarianten</label>
|
||||
<div class="pr-2">
|
||||
<button class="dm-close-button font-bold input-label">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<textarea name="{{ $prefix }}variant_title" id="{{ $baseID }}-variant-title" class="inputinput no-enter whitespace-normal" autocomplete="off" rows="1">{{- $content.VariantTitle -}}</textarea>
|
||||
</div>
|
||||
|
||||
<div class="inputwrapper {{ if eq $content.PlaceStmt "" }}hidden{{ end }}">
|
||||
<div class="inputlabelrow">
|
||||
<label for="{{ $baseID }}-place" class="inputlabel menu-label">Ortsangabe</label>
|
||||
<div class="pr-2">
|
||||
<button class="dm-close-button font-bold input-label">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<textarea name="{{ $prefix }}place_statement" id="{{ $baseID }}-place" class="inputinput no-enter whitespace-normal" autocomplete="off" rows="1">{{- $content.PlaceStmt -}}</textarea>
|
||||
</div>
|
||||
|
||||
</div-manager>
|
||||
{{ template "_annotation_field" (Arr $content.Annotation "Anmerkung" $annotationID) }}
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<relations-editor data-prefix="{{ $agentsPrefix }}" data-link-base="/person/" data-new-label="(Neu)" data-add-toggle-id="{{ $agentsAddToggleID }}">
|
||||
<div class="inputwrapper">
|
||||
<div class="inputlabelrow">
|
||||
<div class="flex items-center gap-1">
|
||||
<label class="inputlabel" for="{{ $agentsSectionID }}">Personen & Körperschaften</label>
|
||||
<tool-tip position="top" class="!inline">
|
||||
<div class="data-tip">{{ helpOr "contents" "agents" "Beteiligte Personen oder Körperschaften." }}</div>
|
||||
<i class="ri-question-line"></i>
|
||||
</tool-tip>
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
<a href="/personen/new/" class="text-sm font-bold text-gray-700 hover:text-slate-950 no-underline" target="_blank" rel="noreferrer">
|
||||
<i class="ri-add-line"></i> Neue Person/Körperschaft anlegen
|
||||
</a>
|
||||
<button type="button" id="{{ $agentsAddToggleID }}" class="text-sm font-bold text-gray-700 hover:text-slate-950 no-underline pr-3">
|
||||
<i class="ri-link"></i> Person verlinken
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="{{ $agentsSectionID }}" class="rel-section-container">
|
||||
{{- if and $contentAgentsRender (gt (len $contentAgentsRender) 0) -}}
|
||||
{{- range $i, $r := $contentAgentsRender -}}
|
||||
{{- $a := index $agents $r.Agent -}}
|
||||
@@ -316,9 +249,9 @@
|
||||
{{- else -}}
|
||||
<div class="rel-empty-text">Keine Personen verknüpft.</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div data-role="relation-add-row" class="flex flex-col gap-2 mt-2 px-0">
|
||||
<div data-role="relation-add-row" class="flex flex-col gap-2 mt-2 px-2">
|
||||
{{- if and $contentAgentsNew (gt (len $contentAgentsNew) 0) -}}
|
||||
{{- range $i, $r := $contentAgentsNew -}}
|
||||
{{- $a := index $agents $r.Agent -}}
|
||||
@@ -358,9 +291,9 @@
|
||||
</div>
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div data-role="relation-add-panel" class="mt-2 px-0 hidden">
|
||||
<div data-role="relation-add-panel" class="mt-2 px-2 hidden">
|
||||
<div class="rel-row">
|
||||
<div class="rel-grid">
|
||||
<div class="min-w-0">
|
||||
@@ -401,9 +334,9 @@
|
||||
</div>
|
||||
<div data-role="relation-add-error" class="text-xs text-red-700 mt-2 hidden" data-error-empty="Bitte Akteur auswählen.">Bitte Akteur auswählen.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<template data-role="relation-new-template">
|
||||
<template data-role="relation-new-template">
|
||||
<div data-rel-row class="rel-row">
|
||||
<div class="rel-grid">
|
||||
<div data-rel-strike class="relation-strike rel-name-col">
|
||||
@@ -430,18 +363,7 @@
|
||||
</div>
|
||||
<input type="hidden" data-rel-input="id" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<div class="mt-2 pb-2 flex justify-end gap-4">
|
||||
<a href="/personen/new/" class="text-gray-700 hover:text-slate-950 no-underline" target="_blank" rel="noreferrer">
|
||||
<i class="ri-add-line"></i> Neue Person
|
||||
</a>
|
||||
<button type="button" id="{{ $agentsAddToggleID }}" class="text-gray-700 hover:text-slate-950 no-underline text-left">
|
||||
<i class="ri-link"></i> Person verlinken
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</relations-editor>
|
||||
</div>
|
||||
|
||||
@@ -15,11 +15,6 @@
|
||||
autocomplete="off"
|
||||
class="w-full dbform"
|
||||
method="POST"
|
||||
data-loading-label="Eintrag wird gespeichert"
|
||||
hx-boost="false"
|
||||
hx-post="/almanach/{{ $entry.MusenalmID }}/contents/edit"
|
||||
hx-target="closest [data-role='content-item']"
|
||||
hx-swap="outerHTML"
|
||||
action="/almanach/{{ $entry.MusenalmID }}/contents/edit">
|
||||
<input type="hidden" name="csrf_token" value="{{ $csrf }}" />
|
||||
{{- if $error -}}
|
||||
@@ -39,13 +34,13 @@
|
||||
"agent_relations" $agentRelations
|
||||
) -}}
|
||||
<div class="w-full flex items-center justify-end gap-3 mt-4 flex-wrap">
|
||||
<button type="button" class="resetbutton w-40 flex items-center gap-2 justify-center" data-role="content-edit-cancel">
|
||||
<a href="/almanach/{{ $entry.MusenalmID }}/contents/edit" class="resetbutton w-40 flex items-center gap-2 justify-center">
|
||||
<i class="ri-close-line"></i>
|
||||
<span>Verwerfen</span>
|
||||
</button>
|
||||
<span>Zurueck</span>
|
||||
</a>
|
||||
<button type="button" class="resetbutton w-40 flex items-center gap-2 justify-center bg-red-50 text-red-800 hover:bg-red-100 hover:text-red-900" data-role="content-delete">
|
||||
<i class="ri-delete-bin-line"></i>
|
||||
<span>Eintrag löschen</span>
|
||||
<span>Eintrag loeschen</span>
|
||||
</button>
|
||||
<button type="submit" class="submitbutton w-40 flex items-center gap-2 justify-center">
|
||||
<i class="ri-save-line"></i>
|
||||
@@ -55,17 +50,17 @@
|
||||
</form>
|
||||
<dialog data-role="content-delete-dialog" class="dbform fixed inset-0 m-auto rounded-md border border-slate-200 p-0 shadow-xl backdrop:bg-black/40">
|
||||
<div class="p-5 w-[22rem]">
|
||||
<div class="text-base font-bold text-gray-900">Eintrag löschen?</div>
|
||||
<div class="text-base font-bold text-gray-900">Eintrag loeschen?</div>
|
||||
{{- if $content.TitleStmt -}}
|
||||
<div class="text-sm font-bold text-gray-900 mt-1">{{ $content.TitleStmt }}</div>
|
||||
{{- end -}}
|
||||
<p class="text-sm text-gray-700 mt-2">
|
||||
Der Eintrag wird dauerhaft gelöscht. Verknüpfungen, Exemplare und Inhalte werden entfernt.
|
||||
Der Eintrag wird dauerhaft geloescht. Verknuepfungen, Exemplare und Beitraege werden entfernt.
|
||||
</p>
|
||||
<div class="flex items-center justify-end gap-3 mt-4">
|
||||
<button type="button" class="resetbutton w-auto px-3 py-1 text-sm" data-role="content-delete-cancel">Abbrechen</button>
|
||||
<button type="button" class="submitbutton w-auto bg-red-700 hover:bg-red-800 px-3 py-1 text-sm" data-role="content-delete-confirm">
|
||||
Löschen
|
||||
Loeschen
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,26 +0,0 @@
|
||||
{{- $entry := index . "entry" -}}
|
||||
{{- $contentID := index . "content_id" -}}
|
||||
{{- $position := index . "position" -}}
|
||||
{{- $label := index . "label" -}}
|
||||
|
||||
<div class="relative group h-6 -my-2.5" data-role="content-gap">
|
||||
<div class="pointer-events-none absolute left-0 right-0 top-1/2 h-0.5 -translate-y-1/2 bg-slate-300 opacity-0 transition-opacity duration-150 group-hover:opacity-100"></div>
|
||||
<button
|
||||
type="button"
|
||||
class="absolute left-1/2 top-1/2 z-[10000] -translate-x-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100 transition-opacity duration-150 rounded-full border border-slate-300 bg-stone-100 text-slate-700 px-3 py-2 text-base shadow-sm"
|
||||
data-role="content-insert"
|
||||
data-position="{{ $position }}"
|
||||
data-content-id="{{ $contentID }}"
|
||||
aria-label="Beitrag einfügen"
|
||||
hx-post="/almanach/{{ $entry.MusenalmID }}/contents/insert"
|
||||
hx-target="closest [data-role='content-gap']"
|
||||
hx-swap="beforebegin"
|
||||
hx-include="[data-role='csrf-token']"
|
||||
hx-vals='{{ printf "{\"position\":%q,\"content_id\":%q}" $position $contentID }}'>
|
||||
<i class="ri-add-line"></i>
|
||||
{{- if $label -}}
|
||||
<span>Neuer Beitrag</span>
|
||||
{{- end -}}
|
||||
</button>
|
||||
<div class="h-1"></div>
|
||||
</div>
|
||||
@@ -1,40 +1,28 @@
|
||||
{{- $content := index . "content" -}}
|
||||
{{- $entry := index . "entry" -}}
|
||||
{{- $csrf := index . "csrf_token" -}}
|
||||
{{- $contentTypes := index . "content_types" -}}
|
||||
{{- $musenalmTypes := index . "musenalm_types" -}}
|
||||
{{- $paginationValues := index . "pagination_values" -}}
|
||||
{{- $agents := index . "agents" -}}
|
||||
{{- $contentAgents := index . "content_agents" -}}
|
||||
{{- $agentRelations := index . "agent_relations" -}}
|
||||
{{- $overrideID := index . "content_id" -}}
|
||||
{{- $openEdit := index . "open_edit" -}}
|
||||
{{- $isNew := index . "is_new" -}}
|
||||
{{- $error := index . "error" -}}
|
||||
{{- $collapsed := index . "collapsed" -}}
|
||||
|
||||
{{- $contentID := $content.Id -}}
|
||||
{{- if and $overrideID (ne $overrideID "") -}}
|
||||
{{- $contentID = $overrideID -}}
|
||||
{{- end -}}
|
||||
{{- $editContainerID := printf "content-%s-edit-container" $contentID -}}
|
||||
{{- $collapsedAttr := "true" -}}
|
||||
{{- if and (ne $collapsed nil) (eq $collapsed false) -}}
|
||||
{{- $collapsedAttr = "false" -}}
|
||||
{{- end -}}
|
||||
|
||||
<div data-role="content-item" class="relative {{ if $isNew }}data-new-content{{ end }} {{ if $openEdit }}data-editing{{ end }}" data-open-edit="{{ if $openEdit }}true{{ end }}" data-content-temp="{{ if $isNew }}true{{ end }}" data-content-id="{{ $contentID }}" data-collapsed="{{ $collapsedAttr }}">
|
||||
<div data-role="content-view" class="{{ if $openEdit }}hidden{{ end }} mt-1">
|
||||
<div class="border border-slate-200 bg-stone-100 rounded-xs overflow-visible">
|
||||
<div class="flex items-center justify-between gap-4 border-b border-slate-200 bg-stone-100 px-3 py-1 cursor-pointer hover:bg-stone-200/50 transition-colors duration-75 flex-nowrap whitespace-nowrap" data-role="content-drag-handle" data-content-header="true" draggable="true" aria-label="Beitrag verschieben">
|
||||
<div data-role="content-item" class="relative odd:bg-stone-100" data-content-id="{{ $contentID }}">
|
||||
<div data-role="content-view">
|
||||
<div class="bg-transparent overflow-visible">
|
||||
<div class="flex items-center justify-between gap-3 bg-transparent px-2 py-0 flex-nowrap whitespace-nowrap" data-content-header="true">
|
||||
<div class="flex items-center gap-2 text-sm font-bold text-gray-800 flex-1 min-w-0 flex-nowrap whitespace-nowrap">
|
||||
<tool-tip position="top" class="!inline">
|
||||
<div class="data-tip" data-role="content-collapse-tooltip">Einklappen</div>
|
||||
<button type="button" class="text-slate-600 rounded-sm px-2 py-1 text-sm transition-colors hover:bg-stone-300 {{ if $isNew }}hidden{{ end }}" data-role="content-collapse-toggle" aria-label="Beitrag einklappen" aria-expanded="true">
|
||||
<i class="ri-arrow-up-s-line" data-role="content-collapse-icon"></i>
|
||||
</button>
|
||||
</tool-tip>
|
||||
<div class="flex items-center gap-1">
|
||||
<button
|
||||
type="button"
|
||||
class="text-slate-600 rounded-sm px-2 py-1 text-sm cursor-grab"
|
||||
data-role="content-drag-handle"
|
||||
draggable="true"
|
||||
aria-label="Beitrag verschieben">
|
||||
<i class="ri-draggable"></i>
|
||||
</button>
|
||||
<tool-tip position="top" class="!inline">
|
||||
<div class="data-tip">Nach oben verschieben</div>
|
||||
<button type="button" class="text-slate-600 rounded-sm px-2 py-1 text-sm transition-colors hover:bg-stone-300" data-role="content-move-up" aria-label="Beitrag nach oben">
|
||||
@@ -54,15 +42,15 @@
|
||||
{{- if $content.MusenalmType -}}
|
||||
<span class="flex flex-nowrap gap-1 text-gray-700 font-normal overflow-hidden">
|
||||
{{- range $i, $t := $content.MusenalmType -}}
|
||||
<span class="bg-slate-200 text-slate-900 px-1.5 py-0.5 rounded text-sm font-semibold shadow-sm" data-role="content-type-pill">{{- $t -}}</span>
|
||||
<span class="bg-slate-200 text-slate-900 px-1.5 py-0.5 rounded text-base font-semibold shadow-sm" data-role="content-type-pill">{{- $t -}}</span>
|
||||
{{- end -}}
|
||||
</span>
|
||||
{{- end -}}
|
||||
<div class="flex items-baseline gap-2 text-gray-800 min-w-0 flex-1 overflow-hidden flex-nowrap whitespace-nowrap" data-role="content-header-title">
|
||||
{{- if $content.PreferredTitle -}}
|
||||
<span class="text-sm font-semibold truncate min-w-0 overflow-hidden" data-role="content-header-title-text">{{- $content.PreferredTitle -}}</span>
|
||||
<span class="text-lg font-normal truncate min-w-0 overflow-hidden" data-role="content-header-title-text">{{- $content.PreferredTitle -}}</span>
|
||||
{{- else if $content.TitleStmt -}}
|
||||
<span class="text-sm font-semibold italic truncate min-w-0 overflow-hidden" data-role="content-header-title-text">{{- $content.TitleStmt -}}</span>
|
||||
<span class="text-lg font-normal italic truncate min-w-0 overflow-hidden" data-role="content-header-title-text">{{- $content.TitleStmt -}}</span>
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
@@ -75,22 +63,15 @@
|
||||
</span>
|
||||
<span class="status-badge text-xs shadow-sm" data-status="{{ $content.EditState }}">
|
||||
<i class="status-icon {{- if eq $content.EditState "Edited" }} ri-checkbox-circle-line{{- else if eq $content.EditState "Seen" }} ri-information-line{{- else if eq $content.EditState "Review" }} ri-search-line{{- else if eq $content.EditState "ToDo" }} ri-list-check{{- else }} ri-forbid-2-line{{- end }}"></i>
|
||||
{{- if eq $content.EditState "Edited" -}}Erfasst{{- else if eq $content.EditState "Review" -}}Überprüfen{{- else if eq $content.EditState "ToDo" -}}Zu erledigen{{- else if eq $content.EditState "Seen" -}}Autopsiert{{- else -}}Unbekannt{{- end -}}
|
||||
</span>
|
||||
<tool-tip position="top" class="!inline">
|
||||
<div class="data-tip">Bearbeiten</div>
|
||||
<button
|
||||
type="button"
|
||||
class="resetbutton w-9 h-9 flex items-center justify-center hover:bg-stone-300 rounded-sm"
|
||||
data-role="content-edit-button"
|
||||
data-loading-label="Eintrag wird geladen"
|
||||
hx-boost="false"
|
||||
hx-get="/almanach/{{ $entry.MusenalmID }}/contents/edit/form?content_id={{ $contentID }}"
|
||||
hx-target="#{{ $editContainerID }}"
|
||||
hx-swap="innerHTML">
|
||||
<a
|
||||
href="/almanach/{{ $entry.MusenalmID }}/contents/{{ $content.MusenalmID }}/edit"
|
||||
class="resetbutton w-9 h-9 flex items-center justify-center rounded-sm cursor-pointer hover:bg-stone-300"
|
||||
aria-label="Beitrag bearbeiten">
|
||||
<i class="ri-edit-2-line"></i>
|
||||
<span class="sr-only">Bearbeiten</span>
|
||||
</button>
|
||||
</a>
|
||||
</tool-tip>
|
||||
<tool-tip position="top" class="!inline">
|
||||
<div class="data-tip">Löschen</div>
|
||||
@@ -111,7 +92,7 @@
|
||||
<div class="text-sm font-bold text-gray-900 mt-1">{{ $content.TitleStmt }}</div>
|
||||
{{- end -}}
|
||||
<p class="text-sm text-gray-700 mt-2">
|
||||
Der Eintrag wird dauerhaft gelöscht. Verknüpfungen, Exemplare und Inhalte werden entfernt.
|
||||
Der Eintrag wird dauerhaft gelöscht. Verknüpfungen, Exemplare und Beiträge werden entfernt.
|
||||
</p>
|
||||
<div class="flex items-center justify-end gap-3 mt-4">
|
||||
<button type="button" class="resetbutton w-auto px-3 py-1 text-sm" data-role="content-delete-cancel-view">Abbrechen</button>
|
||||
@@ -121,7 +102,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</dialog>
|
||||
<div class="flex flex-col gap-3 px-3 py-2 md:flex-row md:items-start" data-role="content-view-body">
|
||||
<div class="hidden flex flex-col gap-1 px-2 py-0.5 md:flex-row md:items-start" data-role="content-view-body">
|
||||
<div class="grid flex-1 gap-2 grid-cols-[8rem_1fr] items-baseline">
|
||||
{{- if or $content.Extent $content.MusenalmPagination -}}
|
||||
<div class="text-sm font-bold text-gray-700">Seite</div>
|
||||
@@ -205,26 +186,9 @@
|
||||
"content" $content
|
||||
"entry" $entry
|
||||
"csrf_token" $csrf
|
||||
"is_new" $isNew
|
||||
"is_new" false
|
||||
) -}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div data-role="content-edit-container" id="{{ $editContainerID }}">
|
||||
{{- if $openEdit -}}
|
||||
{{- template "_content_edit_form" (Dict
|
||||
"content" $content
|
||||
"content_id" $contentID
|
||||
"entry" $entry
|
||||
"csrf_token" $csrf
|
||||
"content_types" $contentTypes
|
||||
"musenalm_types" $musenalmTypes
|
||||
"pagination_values" $paginationValues
|
||||
"agents" $agents
|
||||
"content_agents" $contentAgents
|
||||
"agent_relations" $agentRelations
|
||||
"error" $error
|
||||
) -}}
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
51
views/routes/components/_content_status_edit.gohtml
Normal file
51
views/routes/components/_content_status_edit.gohtml
Normal file
@@ -0,0 +1,51 @@
|
||||
{{- $content := index . 0 -}}
|
||||
{{- $prefix := index . 1 -}}
|
||||
{{- $fieldId := index . 2 -}}
|
||||
|
||||
<div class="flex flex-col gap-4">
|
||||
<div class="inputwrapper bg-stone-50 !border-none">
|
||||
<div class="inputlabelrow">
|
||||
<div class="flex items-center gap-1">
|
||||
<label for="{{ $fieldId }}" class="inputlabel">Status</label>
|
||||
<tool-tip position="top" class="!inline">
|
||||
<div class="data-tip">{{ help "contents" "edit_state" }}</div>
|
||||
<i class="ri-question-line"></i>
|
||||
</tool-tip>
|
||||
</div>
|
||||
</div>
|
||||
<div class="relative">
|
||||
<select name="{{ $prefix }}edit_state" id="{{ $fieldId }}" autocomplete="off" class="inputselect font-bold status-select py-2.5 pl-8" data-status="{{ $content.EditState }}">
|
||||
<option value="Unknown" {{ if eq $content.EditState "Unknown" }}selected{{ end }}>Unbekannt</option>
|
||||
<option value="ToDo" {{ if eq $content.EditState "ToDo" }}selected{{ end }}>Zu erledigen</option>
|
||||
<option value="Review" {{ if eq $content.EditState "Review" }}selected{{ end }}>Überprüfen</option>
|
||||
<option value="Edited" {{ if eq $content.EditState "Edited" }}selected{{ end }}>Erfasst</option>
|
||||
</select>
|
||||
<i class="status-icon absolute left-2 top-[calc(50%-1px)] -translate-y-1/2 pointer-events-none {{- if eq $content.EditState "Edited" }} ri-checkbox-circle-line{{- else if eq $content.EditState "Review" }} ri-search-line{{- else if eq $content.EditState "ToDo" }} ri-list-check{{- else }} ri-forbid-2-line{{- end }}"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="{{ $prefix }}edit_comment_section"></div>
|
||||
<div-manager dm-target="{{ $prefix }}edit_comment_section">
|
||||
<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 $content.Comment "" }}hidden{{ end }}">
|
||||
<div class="inputlabelrow">
|
||||
<div class="flex items-center gap-1">
|
||||
<label for="{{ $prefix }}edit_comment" class="inputlabel menu-label">Bearbeitungsvermerk</label>
|
||||
<tool-tip position="top" class="!inline">
|
||||
<div class="data-tip">{{ help "contents" "edit_comment" }}</div>
|
||||
<i class="ri-question-line"></i>
|
||||
</tool-tip>
|
||||
</div>
|
||||
<div class="pr-2">
|
||||
<button class="dm-close-button font-bold input-label">
|
||||
<i class="ri-close-line"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<textarea name="{{ $prefix }}edit_comment" id="{{ $prefix }}edit_comment" class="inputinput" placeholder="" autocomplete="off" rows="1">{{- $content.Comment -}}</textarea>
|
||||
</div>
|
||||
</div-manager>
|
||||
</div>
|
||||
@@ -16,7 +16,7 @@
|
||||
{{- if $contents -}}
|
||||
<div class="tab-list-head flex items-center gap-2">
|
||||
<i class="ri-article-line"></i>
|
||||
<span>Verknüpfte Inhalte</span>
|
||||
<span>Verknüpfte Beiträge</span>
|
||||
<span class="text-xs bg-stone-200 text-gray-800 px-2 py-0.5 rounded-sm">{{ len $contents }}</span>
|
||||
</div>
|
||||
{{- end -}}
|
||||
@@ -87,7 +87,7 @@
|
||||
{{- end -}}
|
||||
</ul>
|
||||
{{- else -}}
|
||||
<div class="italic text-gray-500">Keine Inhalte verknüpft.</div>
|
||||
<div class="italic text-gray-500">Keine Beiträge verknüpft.</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
{{- end -}}
|
||||
|
||||
Reference in New Issue
Block a user