Theodor-Springmann-Stiftung/kgpz_web
1
0
Fork 0
mirror of https://github.com/Theodor-Springmann-Stiftung/kgpz_web.git synced 2025-10-29 17:15:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

scroll highlighting

Browse Source
This commit is contained in:
Simon Martens
2025-09-23 17:38:48 +02:00
parent 10cfc5369e
commit 6ddded953b
6 changed files with 153 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
views/routes/ausgabe/body.gohtml
View File

@@ -44,13 +44,12 @@
</button>
{{ if $model.HasBeilageButton }}
<button
id="beilageBtn"
onclick="scrollToBeilage()"
class="w-14 h-10 lg:w-16 lg:h-12 px-2 py-1 bg-amber-100 hover:bg-amber-200 text-amber-700 hover:text-amber-800 border border-amber-300 transition-colors duration-200 flex items-center justify-center cursor-pointer"
<a
href="#beilage"
class="w-14 h-10 lg:w-16 lg:h-12 px-2 py-1 bg-amber-100 hover:bg-amber-200 text-amber-700 hover:text-amber-800 border border-amber-300 transition-colors duration-200 flex items-center justify-center cursor-pointer no-underline"
title="Zu Beilage">
<i class="ri-attachment-line text-lg lg:text-xl"></i>
</button>
</a>
{{ end }}

8
views/routes/ausgabe/components/_newspaper_layout.gohtml
View File

@@ -8,7 +8,7 @@
{{ $pageCount := len $pages }}
<!-- Historical printing layout grid -->
<div class="grid grid-cols-2 gap-4">
<div class="grid grid-cols-2">
{{ template "_historical_layout" (dict "pages" $pages "pageCount" $pageCount "isBeilage" false "targetPage" $.targetPage) }}
</div>
{{ end }}
@@ -19,14 +19,14 @@
{{ if $beilagePages }}
<div class="mt-12 pt-8">
<!-- Header for beilage -->
<div class="flex items-center gap-3 mb-6 bg-amber-50 px-4 py-3 rounded border border-amber-200">
<div id="beilage" class="flex items-center gap-3 mb-6 bg-amber-50 px-4 py-3 rounded border border-amber-200">
<i class="ri-attachment-line text-2xl text-amber-600"></i>
<h2 class="text-xl font-semibold text-slate-800">Beilage</h2>
</div>
{{ $pageCount := len $beilagePages }}
<!-- Historical printing layout grid for Beilage -->
<div class="grid grid-cols-2 gap-4">
<div class="grid grid-cols-2">
{{ template "_historical_layout" (dict "pages" $beilagePages "pageCount" $pageCount "isBeilage" true "targetPage" $.targetPage) }}
</div>
</div>
@@ -125,7 +125,7 @@
{{ $idPrefix = "beilage-1-page" }}
{{ end }}
<div class="newspaper-page-container" id="{{ $idPrefix }}-{{ $page.PageNumber }}" data-page-container="{{ $page.PageNumber }}" data-page-icon-type="{{ $page.PageIcon }}"{{ if $isBeilage }} data-beilage="true"{{ end }}>
<div class="newspaper-page-container pt-4" id="{{ $idPrefix }}-{{ $page.PageNumber }}" data-page-container="{{ $page.PageNumber }}" data-page-icon-type="{{ $page.PageIcon }}"{{ if $isBeilage }} data-beilage="true"{{ end }}>
<!-- Anchor for navigation -->
{{ if $isBeilage }}
<div id="beilage-{{ $page.PageNumber }}"></div>