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

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
Details

Browse Source
This commit is contained in:
Torsten Schulz (local)
2025-12-20 10:17:16 +01:00
parent 861802b716
commit b20b89d333
72 changed files with 5338 additions and 2008 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
pages/spielsysteme.vue
View File

@@ -15,31 +15,34 @@
<button
v-for="kategorie in verfuegbareKategorien"
:key="kategorie"
@click="selectedCategory = kategorie"
:class="[
'px-4 py-2 rounded-lg font-medium transition-colors',
selectedCategory === kategorie
? 'bg-primary-600 text-white'
: 'bg-white text-gray-700 hover:bg-gray-100 border border-gray-300'
]"
@click="selectedCategory = kategorie"
>
{{ kategorie }}
</button>
<button
@click="selectedCategory = 'alle'"
:class="[
'px-4 py-2 rounded-lg font-medium transition-colors',
selectedCategory === 'alle'
? 'bg-primary-600 text-white'
: 'bg-white text-gray-700 hover:bg-gray-100 border border-gray-300'
]"
@click="selectedCategory = 'alle'"
>
Alle Kategorien
</button>
</div>
<!-- Spielsysteme -->
<div v-if="filteredSystems.length > 0" class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
<div
v-if="filteredSystems.length > 0"
class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"
>
<div
v-for="system in filteredSystems"
:key="system.name"
@@ -51,7 +54,10 @@
{{ system.name }}
</h3>
<div class="flex items-center mb-3">
<Users :size="16" class="text-primary-600 mr-2" />
<Users
:size="16"
class="text-primary-600 mr-2"
/>
<span class="text-sm font-medium text-gray-600">{{ system.mannschaftsgroesse }}</span>
</div>
</div>
@@ -70,31 +76,60 @@
</p>
<div class="space-y-2 text-sm">
<div v-if="system.spielabfolge" class="flex items-center">
<Calendar :size="14" class="text-primary-600 mr-2 flex-shrink-0" />
<div
v-if="system.spielabfolge"
class="flex items-center"
>
<Calendar
:size="14"
class="text-primary-600 mr-2 flex-shrink-0"
/>
<span class="text-gray-600"><strong>Spielabfolge:</strong> {{ system.spielabfolge }}</span>
</div>
<div v-if="system.anzahl_spiele" class="flex items-center">
<Hash :size="14" class="text-primary-600 mr-2 flex-shrink-0" />
<div
v-if="system.anzahl_spiele"
class="flex items-center"
>
<Hash
:size="14"
class="text-primary-600 mr-2 flex-shrink-0"
/>
<span class="text-gray-600"><strong>Anzahl Spiele:</strong> {{ system.anzahl_spiele }}</span>
</div>
<div v-if="system.besonderheiten" class="flex items-center">
<Star :size="14" class="text-primary-600 mr-2 flex-shrink-0" />
<div
v-if="system.besonderheiten"
class="flex items-center"
>
<Star
:size="14"
class="text-primary-600 mr-2 flex-shrink-0"
/>
<span class="text-gray-600"><strong>Besonderheiten:</strong> {{ system.besonderheiten }}</span>
</div>
</div>
</div>
</div>
<div v-else class="text-center py-12 bg-white rounded-xl shadow-lg">
<Settings :size="48" class="text-gray-400 mx-auto mb-4" />
<p class="text-gray-600">Keine Spielsysteme für die ausgewählte Kategorie gefunden.</p>
<div
v-else
class="text-center py-12 bg-white rounded-xl shadow-lg"
>
<Settings
:size="48"
class="text-gray-400 mx-auto mb-4"
/>
<p class="text-gray-600">
Keine Spielsysteme für die ausgewählte Kategorie gefunden.
</p>
</div>
<!-- Zusätzliche Informationen -->
<div class="mt-12 bg-gradient-to-r from-primary-600 to-primary-700 rounded-xl p-8 text-white">
<h3 class="text-2xl font-display font-bold mb-6 flex items-center">
<BookOpen :size="28" class="mr-3" />
<BookOpen
:size="28"
class="mr-3"
/>
Weitere Informationen
</h3>
<div class="space-y-4">
@@ -112,13 +147,15 @@
target="_blank"
class="inline-flex items-center px-6 py-3 bg-white text-primary-600 font-semibold rounded-lg hover:bg-gray-100 transition-colors"
>
<ExternalLink :size="20" class="mr-2" />
<ExternalLink
:size="20"
class="mr-2"
/>
Detaillierte Erklärungen auf Wikiwand
</a>
</div>
</div>
</div>
</div>
</div>
</template>