Files
musenalm/views/routes/components/_content_images_panel.gohtml
Simon Martens 52d7b3b938 +Image upload
2026-01-21 21:43:02 +01:00

44 lines
1.6 KiB
Plaintext

{{- $content := index . "content" -}}
{{- $entry := index . "entry" -}}
{{- $csrf := index . "csrf_token" -}}
{{- $isNew := index . "is_new" -}}
{{- if or $content.ImagePaths (not $isNew) -}}
<div class="w-full inputwrapper" data-role="content-images-panel">
<div class="inputlabelrow">
<label class="inputlabel">Scans</label>
</div>
<div class="flex flex-col items-start gap-2 p-2">
<content-images
class="w-full"
data-images='[{{- range $i, $scan := $content.ImagePaths -}}{{- if $i }},{{ end -}}{{ printf "%q" $scan }}{{- end -}}]'
data-files='[{{- range $i, $scan := $content.Scans -}}{{- if $i }},{{ end -}}{{ printf "%q" $scan }}{{- end -}}]'
data-delete-endpoint="/almanach/{{ $entry.MusenalmID }}/contents/scan/delete"
data-content-id="{{ $content.Id }}"
data-csrf-token="{{ $csrf }}">
</content-images>
{{- if not $isNew -}}
<div class="hidden" data-role="content-images-upload">
<input type="hidden" name="content_id" value="{{ $content.Id }}" />
<label
for="content-{{ $content.Id }}-scan-upload"
class="flex h-28 w-28 items-center justify-center rounded-xs border-2 border-dashed border-slate-300 bg-stone-50 text-lg font-semibold text-slate-600 transition hover:border-slate-400 hover:text-slate-800"
aria-label="Bilder hinzufuegen">
<i class="ri-upload-2-line"></i>
</label>
<input
id="content-{{ $content.Id }}-scan-upload"
type="file"
name="scans"
multiple
accept="image/*"
class="sr-only"
data-role="content-images-upload-input"
data-content-id="{{ $content.Id }}"
data-csrf-token="{{ $csrf }}" />
</div>
{{- end -}}
</div>
</div>
{{- end -}}