Erweitere die Navigation um einen neuen Link zu "Links" und aktualisiere die Logik zur Bestimmung des aktuellen Submenüs, um die neue Route zu berücksichtigen.
Some checks failed
Code Analysis (JS/Vue) / analyze (push) Failing after 57s
Some checks failed
Code Analysis (JS/Vue) / analyze (push) Failing after 57s
This commit is contained in:
Torsten Schulz (local)
@@ -36,7 +36,7 @@
|
||||
|
||||
<button
|
||||
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('/verein/') || route.path.startsWith('/vorstand') || route.path.startsWith('/vereinsmeisterschaften') || currentSubmenu === 'verein') ? 'text-white bg-primary-600' : ''"
|
||||
:class="(route.path.startsWith('/verein/') || route.path.startsWith('/vorstand') || route.path.startsWith('/vereinsmeisterschaften') || route.path.startsWith('/links') || currentSubmenu === 'verein') ? 'text-white bg-primary-600' : ''"
|
||||
@click="toggleSubmenu('verein')"
|
||||
>
|
||||
Verein
|
||||
@@ -177,6 +177,13 @@
|
||||
>
|
||||
Galerie
|
||||
</NuxtLink>
|
||||
<NuxtLink
|
||||
to="/links"
|
||||
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"
|
||||
>
|
||||
Links
|
||||
</NuxtLink>
|
||||
</template>
|
||||
|
||||
<!-- Mannschaften Submenu -->
|
||||
@@ -514,6 +521,13 @@
|
||||
>
|
||||
Galerie
|
||||
</NuxtLink>
|
||||
<NuxtLink
|
||||
to="/links"
|
||||
class="block px-4 py-2 text-sm text-gray-400 hover:text-white hover:bg-primary-700/50 rounded-lg transition-colors"
|
||||
@click="isMobileMenuOpen = false"
|
||||
>
|
||||
Links
|
||||
</NuxtLink>
|
||||
<NuxtLink
|
||||
to="/newsletter/subscribe"
|
||||
class="block px-4 py-2 text-sm text-gray-400 hover:text-white hover:bg-primary-700/50 rounded-lg transition-colors"
|
||||
@@ -868,6 +882,7 @@ const canAccessContactRequests = computed(() => {
|
||||
const currentSubmenu = computed(() => {
|
||||
const path = route.path
|
||||
if (path.startsWith('/verein/') || path.startsWith('/vorstand') ||
|
||||
path.startsWith('/links') ||
|
||||
path.startsWith('/vereinsmeisterschaften')) {
|
||||
return 'verein'
|
||||
}
|
||||
@@ -987,7 +1002,7 @@ const toggleSubmenu = (menu) => {
|
||||
|
||||
if (menu === 'newsletter' && !path.startsWith('/newsletter')) {
|
||||
navigateTo('/newsletter/subscribe')
|
||||
} else if (menu === 'verein' && !path.startsWith('/verein/') && !path.startsWith('/vorstand') && !path.startsWith('/vereinsmeisterschaften')) {
|
||||
} else if (menu === 'verein' && !path.startsWith('/verein/') && !path.startsWith('/vorstand') && !path.startsWith('/vereinsmeisterschaften') && !path.startsWith('/links')) {
|
||||
navigateTo('/verein/ueber-uns')
|
||||
} else if (menu === 'mannschaften' && !path.startsWith('/mannschaften') && !path.startsWith('/spielsysteme')) {
|
||||
navigateTo('/mannschaften')
|
||||
|
||||
122
pages/links.vue
Normal file
122
pages/links.vue
Normal file
@@ -0,0 +1,122 @@
|
||||
<template>
|
||||
<div class="min-h-full py-16 bg-gray-50">
|
||||
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<h1 class="text-4xl sm:text-5xl font-display font-bold text-gray-900 mb-6">
|
||||
Links
|
||||
</h1>
|
||||
<div class="w-24 h-1 bg-primary-600 mb-8" />
|
||||
|
||||
<p class="text-lg text-gray-600 mb-10">
|
||||
Nützliche Verweise rund um Tischtennis, Verbände, Ergebnisse und Partner.
|
||||
</p>
|
||||
|
||||
<div class="grid md:grid-cols-2 gap-6">
|
||||
<section class="bg-white rounded-xl shadow-lg p-6">
|
||||
<h2 class="text-2xl font-display font-bold text-gray-900 mb-4">
|
||||
Ergebnisse & Portale
|
||||
</h2>
|
||||
<ul class="space-y-3">
|
||||
<li>
|
||||
<a href="http://www.mytischtennis.de/public/home" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
|
||||
MyTischtennis.de
|
||||
</a>
|
||||
<span class="text-gray-600"> (offizielle QTTR-Werte)</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://httv.click-tt.de/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
|
||||
Click-tt Ergebnisse
|
||||
</a>
|
||||
<span class="text-gray-600"> (offizieller Ergebnisdienst HTTV)</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.tischtennis-pur.de/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
|
||||
Tischtennis Pur - das Tischtennis Portal
|
||||
</a>
|
||||
<span class="text-gray-600"> (Informationen, Blogs, Fachbeiträge, Tipps)</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://ticker.tt-news.com/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
|
||||
Liveticker 2. und 3. TT-Bundesliga
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="bg-white rounded-xl shadow-lg p-6">
|
||||
<h2 class="text-2xl font-display font-bold text-gray-900 mb-4">
|
||||
Verbände
|
||||
</h2>
|
||||
<ul class="space-y-3">
|
||||
<li>
|
||||
<a href="http://www.httv.de/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
|
||||
Hessischer Tischtennisverband (HTTV)
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://www.tischtennis.de/aktuelles/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
|
||||
Deutscher Tischtennisbund (DTTB)
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://www.ettu.org/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
|
||||
European Table Tennis Union (ETTU)
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.ittf.com/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
|
||||
International Table Tennis Federation (ITTF)
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="bg-white rounded-xl shadow-lg p-6">
|
||||
<h2 class="text-2xl font-display font-bold text-gray-900 mb-4">
|
||||
Regionale Links
|
||||
</h2>
|
||||
<ul class="space-y-3">
|
||||
<li>
|
||||
<a href="http://www.frankfurt.de/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
|
||||
Stadt Frankfurt
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://www.harheim.com/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
|
||||
Vereinsring Harheim
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="bg-white rounded-xl shadow-lg p-6">
|
||||
<h2 class="text-2xl font-display font-bold text-gray-900 mb-4">
|
||||
Partner & Vereine
|
||||
</h2>
|
||||
<ul class="space-y-3">
|
||||
<li>
|
||||
<a href="http://www.ttcoe.de/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
|
||||
TTC OE Bad Homburg
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.spvgg-steinkirchen.de/menue-abteilungen/abteilungen/tischtennis" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
|
||||
SpVgg Steinkirchen e.V.
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.mytischtennis.de/clicktt/ByTTV/24-25/ligen/Bezirksklasse-A-Gruppe-2-IN-PAF/gruppe/466925/tabelle/gesamt/" target="_blank" rel="noopener noreferrer" class="text-primary-700 hover:text-primary-900 font-medium">
|
||||
Ergebnisse SpVgg Steinkirchen
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
useHead({
|
||||
title: 'Links - Harheimer TC',
|
||||
})
|
||||
</script>
|
||||
Reference in New Issue
Block a user