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

Add config system for training, trainer, membership and impressum with CMS editor

Browse Source
This commit is contained in:
Torsten Schulz (local)
2025-10-21 16:44:31 +02:00
parent 2b4db04ea1
commit d5a181e0c8
96 changed files with 1140 additions and 4600 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
pages/training/trainer.vue
View File

@@ -10,32 +10,17 @@
Erfahrene und qualifizierte Trainer für alle Leistungsstufen
</p>
<div class="grid md:grid-cols-3 gap-8">
<div class="bg-white p-8 rounded-xl shadow-lg">
<h3 class="text-2xl font-display font-bold text-gray-900 mb-2">C-Trainer</h3>
<p class="text-gray-600 mb-4">Torsten Schulz</p>
<div v-if="config" class="grid md:grid-cols-3 gap-8">
<div
v-for="trainer in config.trainer"
:key="trainer.id"
class="bg-white p-8 rounded-xl shadow-lg"
>
<h3 class="text-2xl font-display font-bold text-gray-900 mb-2">{{ trainer.lizenz }}</h3>
<p class="text-gray-600 mb-4">{{ trainer.name }}</p>
<p class="text-sm text-gray-500">
Lizenz: C-Trainer<br />
Schwerpunkt: Nachwuchsförderung<br />
Erwachsenen bei Wunsch zur Verfügung
</p>
</div>
<div class="bg-white p-8 rounded-xl shadow-lg">
<h3 class="text-2xl font-display font-bold text-gray-900 mb-2">Kindertrainer</h3>
<p class="text-gray-600 mb-4">Thomas Steinbrech</p>
<p class="text-sm text-gray-500">
Lizenz: Kindertrainer<br />
Schwerpunkt: Nachwuchsförderung
</p>
</div>
<div class="bg-white p-8 rounded-xl shadow-lg">
<h3 class="text-2xl font-display font-bold text-gray-900 mb-2">Assistenztrainerin</h3>
<p class="text-gray-600 mb-4">Magda Schwallbach</p>
<p class="text-sm text-gray-500">
Lizenz: Assistenztrainerin<br />
Schwerpunkt: Unterstützung & Betreuung
Lizenz: {{ trainer.lizenz }}<br />
Schwerpunkt: {{ trainer.schwerpunkt }}<span v-if="trainer.zusatz"><br />{{ trainer.zusatz }}</span>
</p>
</div>
</div>
@@ -45,6 +30,23 @@
</template>
<script setup>
import { ref, onMounted } from 'vue'
const config = ref(null)
const loadConfig = async () => {
try {
const response = await $fetch('/api/config')
config.value = response.config
} catch (error) {
console.error('Fehler beim Laden der Config:', error)
}
}
onMounted(() => {
loadConfig()
})
useHead({
title: 'Trainer - Harheimer TC',
})