torsten/harheimertc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix navigation links to point to correct /verein/ paths

Browse Source
This commit is contained in:
Torsten Schulz (local)
2025-10-22 12:11:15 +02:00
parent e33e47e21e
commit c0c8e4abc9
7 changed files with 181 additions and 119 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
components/Navigation.vue
View File

@@ -29,7 +29,7 @@
<button @click="toggleSubmenu('verein')"
class="px-4 py-2 text-gray-300 hover:text-white font-medium transition-all rounded-lg hover:bg-primary-700/50"
:class="(route.path.startsWith('/ueber-uns') || route.path.startsWith('/vorstand') || route.path.startsWith('/geschichte') || route.path.startsWith('/satzung') || route.path.startsWith('/vereinsmeisterschaften') || currentSubmenu === 'verein') ? 'text-white bg-primary-600' : ''">
:class="(route.path.startsWith('/verein/') || route.path.startsWith('/vorstand') || route.path.startsWith('/vereinsmeisterschaften') || currentSubmenu === 'verein') ? 'text-white bg-primary-600' : ''">
Verein
</button>
@@ -84,7 +84,7 @@
<div v-if="currentSubmenu" class="flex items-center space-x-1">
<!-- Verein Submenu -->
<template v-if="currentSubmenu === 'verein'">
<NuxtLink to="/ueber-uns"
<NuxtLink to="/verein/ueber-uns"
class="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">
Über uns
@@ -94,12 +94,12 @@
active-class="text-white bg-primary-600">
Vorstand
</NuxtLink>
<NuxtLink to="/geschichte"
<NuxtLink to="/verein/geschichte"
class="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">
Geschichte
</NuxtLink>
<NuxtLink to="/satzung"
<NuxtLink to="/verein/satzung"
class="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">
Satzung
@@ -276,7 +276,7 @@
:class="['transition-transform', mobileSubmenu === 'verein' ? 'rotate-180' : '']" />
</button>
<div v-if="mobileSubmenu === 'verein'" class="pl-4 space-y-1 mt-1 bg-primary-900/30 rounded-lg p-2">
<NuxtLink to="/ueber-uns" @click="isMobileMenuOpen = false"
<NuxtLink to="/verein/ueber-uns" @click="isMobileMenuOpen = false"
class="block px-4 py-2 text-sm text-gray-400 hover:text-white hover:bg-primary-700/50 rounded-lg transition-colors">
Über uns
</NuxtLink>
@@ -284,11 +284,11 @@
class="block px-4 py-2 text-sm text-gray-400 hover:text-white hover:bg-primary-700/50 rounded-lg transition-colors">
Vorstand
</NuxtLink>
<NuxtLink to="/geschichte" @click="isMobileMenuOpen = false"
<NuxtLink to="/verein/geschichte" @click="isMobileMenuOpen = false"
class="block px-4 py-2 text-sm text-gray-400 hover:text-white hover:bg-primary-700/50 rounded-lg transition-colors">
Geschichte
</NuxtLink>
<NuxtLink to="/satzung" @click="isMobileMenuOpen = false"
<NuxtLink to="/verein/satzung" @click="isMobileMenuOpen = false"
class="block px-4 py-2 text-sm text-gray-400 hover:text-white hover:bg-primary-700/50 rounded-lg transition-colors">
Satzung
</NuxtLink>
@@ -479,8 +479,7 @@ const isAdmin = computed(() => authStore.isAdmin)
// Automatisches Setzen des Submenus basierend auf der Route
const currentSubmenu = computed(() => {
const path = route.path
if (path.startsWith('/ueber-uns') || path.startsWith('/vorstand') ||
path.startsWith('/geschichte') || path.startsWith('/satzung') ||
if (path.startsWith('/verein/') || path.startsWith('/vorstand') ||
path.startsWith('/vereinsmeisterschaften')) {
return 'verein'
}
@@ -577,9 +576,8 @@ onMounted(() => {
// Wenn nicht, zur Hauptseite navigieren
const path = route.path
if (menu === 'verein' && !path.startsWith('/ueber-uns') && !path.startsWith('/vorstand') &&
!path.startsWith('/geschichte') && !path.startsWith('/satzung') && !path.startsWith('/vereinsmeisterschaften')) {
navigateTo('/ueber-uns')
if (menu === 'verein' && !path.startsWith('/verein/') && !path.startsWith('/vorstand') && !path.startsWith('/vereinsmeisterschaften')) {
navigateTo('/verein/ueber-uns')
} else if (menu === 'mannschaften' && !path.startsWith('/mannschaften') && !path.startsWith('/spielsysteme')) {
navigateTo('/mannschaften')
} else if (menu === 'training' && !path.startsWith('/training') && !path.startsWith('/tt-regeln')) {