musenalm/views/routes/components/_content.gohtml

{{ $model := . }}
{{/* .1 - *Content
	.2 - *Entry
	.3 - []*RContentsAgents
	.4 - map[string]*Agent
	.5	bool SingleView
*/}}

{{- $content := index . 0 -}}
{{- $entry := index . 1 -}}
{{- $rcas := index . 2 -}}
{{- $agents := index . 3 -}}

{{- $singleView := false -}}
{{- if gt (len .) 4 -}}
	{{- $singleView = index . 4 -}}
{{- end -}}


<div class="content flex flex-row font-serif" id="{{- $content.Id -}}">
	{{- if not $singleView -}}
		<div class="w-36 shrink-0 grow-0 flex flex-col items-end columnone">
			{{- if $content.Extent -}}
				<div>
					<span class="font-sans text-sm">S. </span>
					<b>{{- $content.Extent -}}</b>
				</div>
			{{- end -}}
			{{- if $content.MusenalmType -}}
				<div class="flex flex-col gap-y-1 items-end">
					{{- range $_, $t := $content.MusenalmType -}}
						<div class="font-sans text-sm bg-stone-100 px-1 py-0.5 rounded w-max">
							{{- $t -}}
						</div>
					{{- end -}}
				</div>
			{{- end -}}
		</div>
	{{- end -}}


	<div class="grow columntwo">
		<div class="fields">
			{{- if $singleView -}}
				<div class="fieldlabel">Almanach</div>
				<div class="fieldvalue">
					<a href="/almanach/{{- $entry.MusenalmID -}}">
						{{- $entry.PreferredTitle -}}
					</a>
					{{- if $content.Extent -}}
						, <span class="font-sans text-sm">S. </span>
						<b>{{- $content.Extent -}}</b>
					{{- end -}}
				</div>
			{{- end -}}
			{{- if $content.TitleStmt -}}
				<div class="fieldlabel">Titel</div>
				<div class="italic fieldvalue">{{- $content.TitleStmt -}}</div>
			{{- end -}}
			{{- if $content.IncipitStmt -}}
				<div class="fieldlabel">Incipit</div>
				<div class="italic fieldvalue">{{ $content.IncipitStmt }}…</div>
			{{- end -}}
			{{- if $content.ResponsibilityStmt -}}
				<div class="fieldlabel">Autorangabe</div>
				<div class="fieldvalue italic">{{- $content.ResponsibilityStmt -}}</div>
			{{- end -}}
			{{- if $rcas -}}
				<div class="fieldlabel">Personen</div>
				<div class="fieldvalue">
					<div class="flex flex-col">
						{{- range $_, $rca := $rcas -}}
							{{- $agent := index $agents $rca.Agent -}}
							<div class="font-sans text-base bg-stone-100 px-1 py-0.5 rounded w-max">
								<a href="/person/{{- $agent.Id -}}">{{- $agent.Name -}}</a>
								({{ $agent.BiographicalData -}})
							</div>
						{{- end -}}
					</div>
				</div>
			{{- end -}}
			{{- if $content.Annotation -}}
				<div class="fieldlabel">Anmerkung</div>
				<div class="fieldvalue">
					{{- Safe (LinksAnnotation (ReplaceSlashParen
						$content.Annotation))
					-}}
				</div>
			{{- end -}}
		</div>
	</div>

	{{- if not $singleView -}}
		{{- $scans := $content.ImagePaths -}}
		{{- $slen := len $scans -}}
		{{- $double := false -}}
		{{- if gt $slen 2 -}}
			{{- $double = true -}}
		{{- end -}}
		<div
			class="{{- if $double }}
				w-[20rem]
			{{- else }}
				w-[10rem]
			{{- end }} grow-0 shrink-0 columnthree">
			{{- if $scans -}}
				<div class="{{- if $double -}}grid grid-cols-2{{- end -}}">
					{{- range $_, $scan := $scans -}}
						<div
							class="border-6 hover:border-zinc-400 transition-all duration-75
						border-zinc-100 overflow-hidden">
							<popup-image data-image-url="{{- $scan -}}">
								<img
									src="{{- $scan -}}?thumb=300x0"
									class="w-36 h-36 object-cover
						cursor-pointer" />
							</popup-image>
						</div>
					{{- end -}}
				</div>
			{{- end -}}
		</div>

		<div class="w-24 shrink-0 grow-0 items-end flex flex-col columnfour">
			<div class="font-sans text-sm bg-stone-100 px-2 font-bold py-0.5 rounded w-max">
				<span class="text-xs font-normal pr-1">NR</span>
				{{ $content.MusenalmID -}}
			</div>
			<div class="font-sans py-0.5 text-xs">
				<a
					href="/beitrag/{{ $content.MusenalmID }}"
					class="no-underline rounded bg-stone-100 px-1.5">
					Einzelansicht <i class="ri-links-line"></i>
				</a>
			</div>
		</div>
	{{- end -}}
</div>

{{- if $singleView -}}
	{{- $scans := $content.ImagePaths -}}
	{{- $slen := len $scans -}}
	{{- $double := false -}}
	{{- if gt $slen 2 -}}
		{{- $double = true -}}
	{{- end -}}
	<div class="">
		{{- if $scans -}}
			<div class="flex flex-row row-auto gap-4 mt-6 flex-wrap">
				{{- range $i, $scan := $scans -}}
					<div
						class="transition-all duration-75
						border-zinc-100 overflow-hidden">
						<popup-image data-image-url="{{- $scan -}}">
							<img
								src="{{- $scan -}}?thumb=0x1000"
								class="max-h-[32rem] border-6 hover:border-zinc-400 object-cover cursor-pointer" />
						</popup-image>
					</div>
				{{- end -}}
			</div>
		{{- end -}}
	</div>
{{- end -}}