Personenliste fertig

views/routes/components/_alphabet.gohtml

@@ -1,60 +0,0 @@
-{{ $model := . }}
-
-{{ if $model.letters }}
-	<div class="flex flex-row border-b px-3 border-zinc-300 items-end min-h-14">
-		<div id="alphabet" class="alphabet flex flex-row items-end text-xl">
-			{{ range $id, $r := .letters }}
-				<a
-					class="odd:bg-stone-100 even:bg-zinc-100 mr-1 border-zinc-300 border-x border-t [&>a[aria-current='page']]:font-bold
-				px-2 no-underline transition-all duration-75
-				{{ if not $model.active -}}inactive{{- end -}}"
-					:class="search ? 'inactive' : 'active'"
-					href="?letter={{ $r }}"
-					{{ if eq $model.active $r }}aria-current="page"{{ end }}
-					hx-select="main"
-					hx-target="main"
-					hx-swap="outerHTML scroll:#pageheading:top"
-					>{{ $r }}</a
-				>
-			{{ end }}
-		</div>
-
-		<div class="flex-grow"></div>
-
-		<div class="min-w-[22.5rem] max-w-96 flex flex-row bg-stone-50 relative">
-			<div class="pb-0">
-				<i class="ri-search-line"></i><i class="-ml-0.5 inline-block ri-arrow-right-s-line"></i>
-			</div>
-			<div class="pb-0 border-b-4 border-zinc-300 grow">
-				<input
-					class="px-1.5 font-serif placeholder:italic w-full"
-					type="search"
-					name="search"
-					value="{{ $model.search }}"
-					placeholder="Almanach-Nr oder Suchbegriff"
-					x-model="search"
-					hx-get=""
-					hx-trigger="input changed delay=500ms, keyup[key=='Enter']"
-					hx-sync="this:replace"
-					hx-select="#searchcontent"
-					hx-target="#searchcontent"
-					autocomplete="off"
-					{{ if $model.active }}autofocus="true"{{ end }}
-					{{ if $model.search }}disabled="true"{{ end }} />
-			</div>
-			<div id="permalink" class="font-serif ml-3 min-w-7 pb-1">
-				<tool-tip position="right" x-show="search">
-					<a
-						:href="'/reihen/?search=' + search"
-						x-show="search"
-						class="inline-block px-1
-				text-white no-underline bg-stone-700 hover:bg-stone-900 rounded"
-						hx-boost="false">
-						<i class="ri-links-line"></i
-					></a>
-					<div class="data-tip">Link zu dieser Suchanfrage</div>
-				</tool-tip>
-			</div>
-		</div>
-	</div>
-{{ end }}

views/routes/components/_reihenfilter.gohtml

@@ -1,73 +0,0 @@
-{{ $model := . }}
-<div
-	class="hidden lg:flex min-w-[32rem] max-w-[32rem] float-right ml-6 flex-col gap-y-8 [&>*]:pb-12
-	[&>*]:px-12 [&>*]:pt-8 [&>*]:bg-slate-100">
-	{{ if .agents }}
-		<div class="">
-			<h2 class="mb-6">Herausgeber:innen, Verlage &amp; Druckereien</h2>
-			<filter-list
-				id="agent-list"
-				data-url="/reihen/?agent="
-				data-placeholder="Personen und Körperschaften filtern..."></filter-list>
-		</div>
-	<script type="module">
-		let agentList = document.getElementById("agent-list");
-		if (agentList) {
-			agentList.items = {{ .agents }};
-
-			agentList.setSearchTextFunc((item) => {
-				return item.name;
-			});
-
-			agentList.setLinkTextFunc((item) => {
-				return `
-						<span class="filter-list-searchable">${item.name}</span>
-						<span class="text-xs text-stone-500 whitespace-nowrap font-sans">
-							${item.corporate_body ? "Verlag/Druck/Vertrieb" : item.biographical_data}
-						</span>
-						`;
-			});
-		}
-	</script>
-	{{ end }}
-
-	{{ if .places }}
-		<div>
-			<h2 class="mb-6">Erscheinungsorte</h2>
-			<filter-list
-				id="place-list"
-				data-url="/reihen/?place="
-				data-placeholder="Erscheinungsorte filtern..."></filter-list>
-		</div>
-	<script type="module">
-		let placeList = document.getElementById("place-list");
-		if (placeList) placeList.items = {{ .places }};
-	</script>
-	{{ end }}
-
-	{{ if .years }}
-		<div>
-			<h2 class="mb-6">Geltungsjahre</h2>
-			<filter-list
-				id="year-list"
-				data-url="/reihen/?year="
-				data-filterstart="true"
-				data-placeholder="Nach Geltungsjahren filtern..."></filter-list>
-		</div>
-	<script type="module">
-		let yearList = document.getElementById("year-list");
-		if (yearList) {
-			yearList.items = {{ .years }};
-
-			yearList.setHREFFunc((item) => {
-				return String(item);
-			});
-
-			yearList.setLinkTextFunc((item) => {
-				if (item === 0) return "ohne Jahr";
-				return String(item);
-			});
-		}
-	</script>
-	{{ end }}
-</div>