Update package-lock.json and package.json to include 'globals' dependency and improve code formatting in various components for better readability.
Some checks failed
Code Analysis (JS/Vue) / analyze (push) Failing after 54s
Some checks failed
Code Analysis (JS/Vue) / analyze (push) Failing after 54s
This commit is contained in:
Torsten Schulz (local)
@@ -17,37 +17,63 @@
|
||||
</h3>
|
||||
<ul class="space-y-3">
|
||||
<li class="flex items-start">
|
||||
<Check :size="24" class="text-primary-600 mr-3 flex-shrink-0 mt-0.5" />
|
||||
<Check
|
||||
:size="24"
|
||||
class="text-primary-600 mr-3 flex-shrink-0 mt-0.5"
|
||||
/>
|
||||
<span class="text-gray-700">Keine Vorkenntnisse nötig</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<Check :size="24" class="text-primary-600 mr-3 flex-shrink-0 mt-0.5" />
|
||||
<Check
|
||||
:size="24"
|
||||
class="text-primary-600 mr-3 flex-shrink-0 mt-0.5"
|
||||
/>
|
||||
<span class="text-gray-700">Schläger und Material werden gestellt</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<Check :size="24" class="text-primary-600 mr-3 flex-shrink-0 mt-0.5" />
|
||||
<Check
|
||||
:size="24"
|
||||
class="text-primary-600 mr-3 flex-shrink-0 mt-0.5"
|
||||
/>
|
||||
<span class="text-gray-700">Sportkleidung und Hallenschuhe mitbringen</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<Check :size="24" class="text-primary-600 mr-3 flex-shrink-0 mt-0.5" />
|
||||
<Check
|
||||
:size="24"
|
||||
class="text-primary-600 mr-3 flex-shrink-0 mt-0.5"
|
||||
/>
|
||||
<span class="text-gray-700">3x kostenlos Probetraining</span>
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<Check :size="24" class="text-primary-600 mr-3 flex-shrink-0 mt-0.5" />
|
||||
<Check
|
||||
:size="24"
|
||||
class="text-primary-600 mr-3 flex-shrink-0 mt-0.5"
|
||||
/>
|
||||
<span class="text-gray-700">Einstieg jederzeit möglich</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div v-if="config" class="bg-primary-50 p-8 rounded-xl border border-primary-100 not-prose">
|
||||
<div
|
||||
v-if="config"
|
||||
class="bg-primary-50 p-8 rounded-xl border border-primary-100 not-prose"
|
||||
>
|
||||
<h3 class="text-2xl font-display font-bold text-gray-900 mb-4">
|
||||
Anfängergruppen
|
||||
</h3>
|
||||
<div class="space-y-4 mb-6">
|
||||
<div v-for="(zeiten, gruppe) in groupedZeiten" :key="gruppe">
|
||||
<h4 class="font-semibold text-gray-900 mb-1">{{ gruppe }}</h4>
|
||||
<div
|
||||
v-for="(zeiten, gruppe) in groupedZeiten"
|
||||
:key="gruppe"
|
||||
>
|
||||
<h4 class="font-semibold text-gray-900 mb-1">
|
||||
{{ gruppe }}
|
||||
</h4>
|
||||
<div class="text-gray-600">
|
||||
<p v-for="zeit in zeiten" :key="zeit.id">
|
||||
<p
|
||||
v-for="zeit in zeiten"
|
||||
:key="zeit.id"
|
||||
>
|
||||
{{ zeit.tag }}, {{ zeit.von }} - {{ zeit.bis }} Uhr
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -7,22 +7,37 @@
|
||||
<div class="w-24 h-1 bg-primary-600 mb-8" />
|
||||
|
||||
<!-- Trainingsort -->
|
||||
<div v-if="config" class="bg-white rounded-xl shadow-lg p-8 mb-12">
|
||||
<div
|
||||
v-if="config"
|
||||
class="bg-white rounded-xl shadow-lg p-8 mb-12"
|
||||
>
|
||||
<div class="flex items-start space-x-4 mb-6">
|
||||
<MapPin :size="32" class="text-primary-600 flex-shrink-0" />
|
||||
<MapPin
|
||||
:size="32"
|
||||
class="text-primary-600 flex-shrink-0"
|
||||
/>
|
||||
<div>
|
||||
<h2 class="text-2xl font-display font-bold text-gray-900 mb-4">Trainingsort</h2>
|
||||
<h2 class="text-2xl font-display font-bold text-gray-900 mb-4">
|
||||
Trainingsort
|
||||
</h2>
|
||||
<h3 class="text-lg font-semibold text-gray-900 mb-2">
|
||||
{{ config.training.ort.name }}
|
||||
</h3>
|
||||
<p class="text-gray-700 mb-1">{{ config.training.ort.strasse }}</p>
|
||||
<p class="text-gray-700 mb-4">{{ config.training.ort.plz }} {{ config.training.ort.ort }}</p>
|
||||
<p class="text-gray-700 mb-1">
|
||||
{{ config.training.ort.strasse }}
|
||||
</p>
|
||||
<p class="text-gray-700 mb-4">
|
||||
{{ config.training.ort.plz }} {{ config.training.ort.ort }}
|
||||
</p>
|
||||
<a
|
||||
:href="`https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(config.training.ort.strasse + ' ' + config.training.ort.plz + ' ' + config.training.ort.ort)}`"
|
||||
target="_blank"
|
||||
class="inline-flex items-center px-4 py-2 bg-primary-600 hover:bg-primary-700 text-white font-medium rounded-lg transition-colors text-sm"
|
||||
>
|
||||
<MapPin :size="16" class="mr-2" />
|
||||
<MapPin
|
||||
:size="16"
|
||||
class="mr-2"
|
||||
/>
|
||||
Anfahrtsplan anzeigen
|
||||
</a>
|
||||
</div>
|
||||
@@ -34,7 +49,10 @@
|
||||
Trainingszeiten
|
||||
</h2>
|
||||
|
||||
<div v-if="config" class="grid gap-6 mb-12">
|
||||
<div
|
||||
v-if="config"
|
||||
class="grid gap-6 mb-12"
|
||||
>
|
||||
<div
|
||||
v-for="(zeiten, gruppe) in groupedZeiten"
|
||||
:key="gruppe"
|
||||
@@ -42,7 +60,9 @@
|
||||
>
|
||||
<div class="flex items-start justify-between">
|
||||
<div>
|
||||
<h3 class="text-xl font-display font-bold text-gray-900 mb-2">{{ gruppe }}</h3>
|
||||
<h3 class="text-xl font-display font-bold text-gray-900 mb-2">
|
||||
{{ gruppe }}
|
||||
</h3>
|
||||
<div class="space-y-2">
|
||||
<div
|
||||
v-for="zeit in zeiten"
|
||||
@@ -51,13 +71,19 @@
|
||||
<p class="text-lg font-semibold text-primary-600">
|
||||
{{ zeit.tag }}: {{ zeit.von }} - {{ zeit.bis }} Uhr
|
||||
</p>
|
||||
<p v-if="zeit.info" class="text-sm text-gray-600 mt-1 italic">
|
||||
<p
|
||||
v-if="zeit.info"
|
||||
class="text-sm text-gray-600 mt-1 italic"
|
||||
>
|
||||
{{ zeit.info }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<Clock :size="32" class="text-primary-600" />
|
||||
<Clock
|
||||
:size="32"
|
||||
class="text-primary-600"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -10,29 +10,38 @@
|
||||
Erfahrene und qualifizierte Trainer für alle Leistungsstufen
|
||||
</p>
|
||||
|
||||
<div v-if="config" class="grid md:grid-cols-3 gap-8">
|
||||
<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"
|
||||
>
|
||||
<div v-if="trainer.imageFilename" class="mb-4 flex justify-center">
|
||||
<div
|
||||
v-if="trainer.imageFilename"
|
||||
class="mb-4 flex justify-center"
|
||||
>
|
||||
<img
|
||||
:src="`/api/personen/${trainer.imageFilename}?width=200&height=200`"
|
||||
:alt="trainer.name"
|
||||
class="w-32 h-32 object-cover rounded-full border-4 border-primary-100 shadow-md"
|
||||
loading="lazy"
|
||||
/>
|
||||
>
|
||||
</div>
|
||||
<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>
|
||||
<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: {{ trainer.lizenz }}<br />
|
||||
Schwerpunkt: {{ trainer.schwerpunkt }}<span v-if="trainer.zusatz"><br />{{ trainer.zusatz }}</span>
|
||||
Lizenz: {{ trainer.lizenz }}<br>
|
||||
Schwerpunkt: {{ trainer.schwerpunkt }}<span v-if="trainer.zusatz"><br>{{ trainer.zusatz }}</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user