From 82dcb1da408c85e6d70afd4e20e938e60afd96ae Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Wed, 26 Aug 2026 11:54:48 +0200
Subject: [PATCH 1/5] Update Navigation component styles and bump version to
 1.8.7

---
 components/Navigation.vue | 19 +++++++++++--------
 package-lock.json         |  4 ++--
 package.json              |  2 +-
 3 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/components/Navigation.vue b/components/Navigation.vue
index fb0fe67..92e88e8 100755
--- a/components/Navigation.vue
+++ b/components/Navigation.vue
@@ -5,11 +5,11 @@
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-full">
       <div class="flex flex-col justify-between h-full py-2">
         <!-- Hauptmenü -->
-        <div class="flex justify-between items-center">
+        <div class="flex min-w-0 items-center gap-3">
           <!-- Logo -->
           <NuxtLink
             to="/"
-            class="flex items-center space-x-3 hover:scale-105 transition-transform"
+            class="flex shrink-0 items-center space-x-3 origin-left hover:scale-[1.02] transition-transform"
           >
             <img
               src="~/assets/images/logos/Harheimer TC.svg"
@@ -23,9 +23,12 @@
             </div>
           </NuxtLink>
 
-          <div style="display:flex;flex-direction:column;">
+          <div class="flex min-w-0 flex-1 flex-col">
             <!-- Desktop Navigation -->
-            <div class="hidden lg:flex items-center space-x-1">
+            <div
+              class="hidden min-w-0 max-w-full lg:flex lg:items-center lg:gap-1 lg:overflow-x-auto lg:whitespace-nowrap [scrollbar-color:theme(colors.primary.700)_transparent] [scrollbar-width:thin]"
+              aria-label="Hauptmenü – horizontal scrollbar"
+            >
               <NuxtLink
                 to="/"
                 class="px-4 py-2 text-gray-300 hover:text-white font-medium transition-all rounded-lg hover:bg-primary-700/50"
@@ -111,10 +114,10 @@
               </NuxtLink>
             </div>
 
-            <div class="hidden lg:flex items-center h-6 min-w-0 border-t border-primary-700/20">
+            <div class="hidden min-w-0 flex-1 lg:flex items-center h-6 border-t border-primary-700/20">
               <div
                 v-if="currentSubmenu"
-                :class="currentSubmenu === 'mannschaften' ? 'relative min-w-0 flex-1' : 'flex items-center space-x-1'"
+                :class="currentSubmenu === 'mannschaften' ? 'relative min-w-0 flex-1' : 'flex min-w-0 items-center gap-1 overflow-x-auto whitespace-nowrap'"
               >
                 <!-- Newsletter Submenu -->
                 <template v-if="currentSubmenu === 'newsletter'">
@@ -207,7 +210,7 @@
                     >
                       <NuxtLink
                         :to="`/mannschaften/${mannschaft.slug}`"
-                        class="shrink-0 px-2.5 py-1 text-xs text-gray-300 hover:text-white hover:bg-primary-700/50 rounded transition-all"
+                        class="shrink-0 whitespace-nowrap px-2.5 py-1 text-xs text-gray-300 hover:text-white hover:bg-primary-700/50 rounded transition-all"
                         active-class="text-white bg-primary-600"
                       >
                         {{ mannschaft.mannschaft }}
@@ -223,7 +226,7 @@
                     </NuxtLink>
                     <NuxtLink
                       to="/spielsysteme"
-                      class="shrink-0 px-2.5 py-1 text-xs text-gray-300 hover:text-white hover:bg-primary-700/50 rounded transition-all"
+                      class="shrink-0 whitespace-nowrap px-2.5 py-1 text-xs text-gray-300 hover:text-white hover:bg-primary-700/50 rounded transition-all"
                       active-class="text-white bg-primary-600"
                     >
                       Spielsysteme
diff --git a/package-lock.json b/package-lock.json
index 2633d83..bfcc4ef 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "harheimertc-website",
-  "version": "1.8.6",
+  "version": "1.8.7",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "harheimertc-website",
-      "version": "1.8.6",
+      "version": "1.8.7",
       "hasInstallScript": true,
       "dependencies": {
         "@pinia/nuxt": "^0.11.2",
diff --git a/package.json b/package.json
index e370800..e816e78 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "harheimertc-website",
-  "version": "1.8.6",
+  "version": "1.8.7",
   "description": "Moderne Webseite für den Harheimer Tischtennis Club",
   "private": true,
   "type": "module",

From 93da9fbcbe3b0cb49dd8239af51e30d371148d9e Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Wed, 26 Aug 2026 12:49:07 +0200
Subject: [PATCH 2/5] =?UTF-8?q?F=C3=BCge=20Scrollfunktion=20f=C3=BCr=20Man?=
 =?UTF-8?q?nschaften-Untermen=C3=BC=20hinzu=20und=20optimiere=20Button-Int?=
 =?UTF-8?q?eraktion?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Navigation.vue | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/components/Navigation.vue b/components/Navigation.vue
index 92e88e8..63f408d 100755
--- a/components/Navigation.vue
+++ b/components/Navigation.vue
@@ -192,6 +192,7 @@
                 <!-- Mannschaften Submenu -->
                 <template v-if="currentSubmenu === 'mannschaften'">
                   <div
+                    ref="mannschaftenSubmenuRail"
                     class="flex min-w-0 items-center gap-1 overflow-x-auto whitespace-nowrap scroll-smooth pr-7 [scrollbar-color:theme(colors.primary.700)_transparent] [scrollbar-width:thin]"
                     tabindex="0"
                     aria-label="Mannschaften-Untermenü – horizontal scrollbar"
@@ -232,12 +233,15 @@
                       Spielsysteme
                     </NuxtLink>
                   </div>
-                  <span
-                    aria-hidden="true"
-                    class="pointer-events-none absolute inset-y-0 right-0 flex w-9 items-center justify-end bg-gradient-to-l from-primary-900 via-primary-900/90 to-transparent text-primary-300"
+                  <button
+                    type="button"
+                    class="absolute inset-y-0 right-0 z-10 flex w-9 items-center justify-end bg-gradient-to-l from-primary-900 via-primary-900/90 to-transparent pr-1 text-primary-300 transition-colors hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-300"
+                    aria-label="Weitere Mannschaften anzeigen"
+                    @pointerdown.stop
+                    @click.stop.prevent="scrollMannschaftenSubmenuRight"
                   >
                     ›
-                  </span>
+                  </button>
                 </template>
 
                 <!-- Training Submenu -->
@@ -876,6 +880,7 @@ const route = useRoute()
 const isMobileMenuOpen = ref(false)
 const mobileSubmenu = ref(null)
 const mannschaften = ref([])
+const mannschaftenSubmenuRail = ref(null)
 const hasGalleryImages = ref(false)
 const showCmsDropdown = ref(false)
 const authStore = useAuthStore()
@@ -913,6 +918,16 @@ const toggleMobileSubmenu = (menu) => {
   mobileSubmenu.value = mobileSubmenu.value === menu ? null : menu
 }
 
+const scrollMannschaftenSubmenuRight = () => {
+  const rail = mannschaftenSubmenuRail.value
+  if (!rail) return
+
+  rail.scrollBy({
+    left: Math.max(rail.clientWidth * 0.8, 160),
+    behavior: 'smooth'
+  })
+}
+
 const loadMannschaften = async () => {
   try {
     const attempt = async () => {

From 00b08e2f92693b6344ebaba3d2bb3bef8e3de23d Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Wed, 26 Aug 2026 13:51:07 +0200
Subject: [PATCH 3/5] =?UTF-8?q?F=C3=BCge=20Scrollsteuerung=20f=C3=BCr=20Ma?=
 =?UTF-8?q?nnschaften-Untermen=C3=BC=20hinzu=20und=20optimiere=20Importpfa?=
 =?UTF-8?q?de?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/Navigation.vue                    | 47 +++++++++++++++++++-
 pages/mannschaften/[slug].vue                |  2 +-
 pages/mannschaften/spielplaene.vue           |  2 +-
 server/api/homepage/spielplan-options.get.js |  2 +-
 server/api/spielplan/pdf.get.js              |  2 +-
 5 files changed, 49 insertions(+), 6 deletions(-)

diff --git a/components/Navigation.vue b/components/Navigation.vue
index 63f408d..97f5462 100755
--- a/components/Navigation.vue
+++ b/components/Navigation.vue
@@ -193,9 +193,10 @@
                 <template v-if="currentSubmenu === 'mannschaften'">
                   <div
                     ref="mannschaftenSubmenuRail"
-                    class="flex min-w-0 items-center gap-1 overflow-x-auto whitespace-nowrap scroll-smooth pr-7 [scrollbar-color:theme(colors.primary.700)_transparent] [scrollbar-width:thin]"
+                    class="flex min-w-0 items-center gap-1 overflow-x-auto whitespace-nowrap scroll-smooth px-7 [scrollbar-color:theme(colors.primary.700)_transparent] [scrollbar-width:thin]"
                     tabindex="0"
                     aria-label="Mannschaften-Untermenü – horizontal scrollbar"
+                    @scroll.passive="updateMannschaftenSubmenuControls"
                   >
                     <NuxtLink
                       to="/mannschaften"
@@ -234,6 +235,17 @@
                     </NuxtLink>
                   </div>
                   <button
+                    v-if="showMannschaftenSubmenuLeftControl"
+                    type="button"
+                    class="absolute inset-y-0 left-0 z-10 flex w-9 items-center justify-start bg-gradient-to-r from-primary-900 via-primary-900/90 to-transparent pl-1 text-primary-300 transition-colors hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-300"
+                    aria-label="Vorherige Mannschaften anzeigen"
+                    @pointerdown.stop
+                    @click.stop.prevent="scrollMannschaftenSubmenuLeft"
+                  >
+                    ‹
+                  </button>
+                  <button
+                    v-if="showMannschaftenSubmenuRightControl"
                     type="button"
                     class="absolute inset-y-0 right-0 z-10 flex w-9 items-center justify-end bg-gradient-to-l from-primary-900 via-primary-900/90 to-transparent pr-1 text-primary-300 transition-colors hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-300"
                     aria-label="Weitere Mannschaften anzeigen"
@@ -872,7 +884,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted, onUnmounted, computed } from 'vue'
+import { ref, onMounted, onUnmounted, computed, nextTick, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import { Menu, X, ChevronDown } from 'lucide-vue-next'
 
@@ -881,6 +893,8 @@ const isMobileMenuOpen = ref(false)
 const mobileSubmenu = ref(null)
 const mannschaften = ref([])
 const mannschaftenSubmenuRail = ref(null)
+const showMannschaftenSubmenuLeftControl = ref(false)
+const showMannschaftenSubmenuRightControl = ref(false)
 const hasGalleryImages = ref(false)
 const showCmsDropdown = ref(false)
 const authStore = useAuthStore()
@@ -918,6 +932,28 @@ const toggleMobileSubmenu = (menu) => {
   mobileSubmenu.value = mobileSubmenu.value === menu ? null : menu
 }
 
+const updateMannschaftenSubmenuControls = () => {
+  const rail = mannschaftenSubmenuRail.value
+  if (!rail) return
+
+  const canScroll = rail.scrollWidth > rail.clientWidth + 1
+  const atStart = rail.scrollLeft <= 1
+  const atEnd = rail.scrollLeft + rail.clientWidth >= rail.scrollWidth - 1
+
+  showMannschaftenSubmenuLeftControl.value = canScroll && !atStart
+  showMannschaftenSubmenuRightControl.value = canScroll && !atEnd
+}
+
+const scrollMannschaftenSubmenuLeft = () => {
+  const rail = mannschaftenSubmenuRail.value
+  if (!rail) return
+
+  rail.scrollBy({
+    left: -Math.max(rail.clientWidth * 0.8, 160),
+    behavior: 'smooth'
+  })
+}
+
 const scrollMannschaftenSubmenuRight = () => {
   const rail = mannschaftenSubmenuRail.value
   if (!rail) return
@@ -1012,16 +1048,23 @@ onMounted(() => {
   // Listen for global updates to mannschaften (e.g., CMS saved)
   if (typeof window !== 'undefined') {
     window.addEventListener('mannschaften:changed', loadMannschaften)
+    window.addEventListener('resize', updateMannschaftenSubmenuControls)
   }
+  nextTick(updateMannschaftenSubmenuControls)
 })
 
 onUnmounted(() => {
   document.removeEventListener('click', handleDocumentClick)
   if (typeof window !== 'undefined') {
     window.removeEventListener('mannschaften:changed', loadMannschaften)
+    window.removeEventListener('resize', updateMannschaftenSubmenuControls)
   }
 })
 
+watch([currentSubmenu, mannschaften], () => {
+  nextTick(updateMannschaftenSubmenuControls)
+}, { flush: 'post' })
+
 const toggleSubmenu = (menu) => {
   // Wenn wir schon im richtigen Bereich sind, nichts tun (Submenu bleibt offen)
   // Wenn nicht, zur Hauptseite navigieren
diff --git a/pages/mannschaften/[slug].vue b/pages/mannschaften/[slug].vue
index 39a838d..f7ddd7a 100755
--- a/pages/mannschaften/[slug].vue
+++ b/pages/mannschaften/[slug].vue
@@ -362,7 +362,7 @@
 
 <script setup>
 import { ref, computed, onMounted } from 'vue'
-import { rowMatchesTeamFilter } from '../../utils/spielplan-filter.js'
+import { rowMatchesTeamFilter } from '~/utils/spielplan-filter.js'
 
 const route = useRoute()
 
diff --git a/pages/mannschaften/spielplaene.vue b/pages/mannschaften/spielplaene.vue
index 2b18db9..9f64f5f 100755
--- a/pages/mannschaften/spielplaene.vue
+++ b/pages/mannschaften/spielplaene.vue
@@ -360,7 +360,7 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { filterSpielplanRows, toApiTeamParam } from '../../utils/spielplan-filter.js'
+import { filterSpielplanRows, toApiTeamParam } from '~/utils/spielplan-filter.js'
 
 const route = useRoute()
 const router = useRouter()
diff --git a/server/api/homepage/spielplan-options.get.js b/server/api/homepage/spielplan-options.get.js
index e67aa59..64c3af7 100755
--- a/server/api/homepage/spielplan-options.get.js
+++ b/server/api/homepage/spielplan-options.get.js
@@ -1,5 +1,5 @@
 import { listSpielplanSeasons, readSpielplanData, validateSeasonSlug } from '../../utils/spielplan-data.js'
-import { formatTeamDisplayName } from '../../../utils/team-display.js'
+import { formatTeamDisplayName } from '~/utils/team-display.js'
 
 function teamLabel(teamName, teamAgeGroup, competitionAgeGroup) {
   return formatTeamDisplayName(teamName, teamAgeGroup, competitionAgeGroup)
diff --git a/server/api/spielplan/pdf.get.js b/server/api/spielplan/pdf.get.js
index 9e2a74d..a192f6e 100755
--- a/server/api/spielplan/pdf.get.js
+++ b/server/api/spielplan/pdf.get.js
@@ -2,7 +2,7 @@ import fs from 'fs/promises'
 import path from 'path'
 import { readSpielplanData, validateSeasonSlug } from '../../utils/spielplan-data.js'
 import { info as loggerInfo, error as loggerError } from '../../utils/logger.js'
-import { filterSpielplanRows } from '../../../utils/spielplan-filter.js'
+import { filterSpielplanRows } from '~/utils/spielplan-filter.js'
 
 function seasonSlugToLabel(slug) {
   const match = String(slug || '').match(/^(\d{2})--(\d{2})$/)

<!DOCTYPE html>
<html lang="en-US" data-theme="gitea-auto">
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Internal Server Error - Gitea: Git with a cup of tea</title>
	<link rel="icon" href="/assets/img/favicon.svg" type="image/svg+xml">
	<link rel="alternate icon" href="/assets/img/favicon.png" type="image/png">
	<link rel="stylesheet" href="/assets/css/index.css?v=1.25.3">
<link rel="stylesheet" href="/assets/css/theme-gitea-auto.css?v=1.25.3">

</head>
<body>
	<div class="full height">
		<nav class="ui secondary menu">
			<div class="ui container tw-flex">
				<div class="item tw-flex-1">
					<a href="/" aria-label="Home">
						<img width="30" height="30" src="/assets/img/logo.svg" alt="Logo" aria-hidden="true">
					</a>
				</div>
				<div class="item">
					<button class="ui icon button disabled"><svg viewBox="0 0 16 16" class="svg octicon-three-bars" aria-hidden="true" width="16" height="16"><path d="M1 2.75A.75.75 0 0 1 1.75 2h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 2.75m0 5A.75.75 0 0 1 1.75 7h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 7.75M1.75 12h12.5a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1 0-1.5"/></svg></button>
				</div>
			</div>
		</nav>
		<div class="divider tw-my-0"></div>
		<div role="main" class="page-content status-page-500">
			<div class="ui container" >
				<style> .ui.message.flash-message { text-align: left; } </style>
				
				<div class="status-page-error">
					<div class="status-page-error-title">500 Internal Server Error</div>
					
					<div class="tw-mt-8 tw-text-center">
						<p>Gitea Version: 1.25.3</p>
						
					</div>
				</div>
			</div>
		</div>
	</div>

	
	<script type="module">
		const embedded = document.querySelector('.page-content .page-content.status-page-500');
		if (embedded) {
			
			const embeddedParent = embedded.parentNode;
			let main = document.querySelector('.page-content');
			main = main ?? document.querySelector('body');
			main.prepend(document.createElement('hr'));
			main.prepend(embedded);
			embeddedParent.remove(); 
		}
	</script>
</body>
</html>