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

81
components/TermineVorschau.vue
View File

@@ -1,43 +1,60 @@
<template>
<div>
<div v-if="naechsteTermine.length > 0" class="space-y-2 mb-6">
<div
v-for="(termin, index) in naechsteTermine"
:key="index"
class="bg-gray-50 rounded-lg p-3 hover:bg-gray-100 transition-colors"
>
<div class="flex items-center justify-between">
<div class="flex items-center space-x-3">
<div class="w-16 h-16 bg-primary-600 rounded-lg flex flex-col items-center justify-center text-white text-[10px] font-bold leading-tight py-1.5 px-1.5">
<span class="text-lg leading-none">{{ formatDay(termin.datum) }}</span>
<span class="leading-none mt-0.5">{{ formatMonth(termin.datum) }}</span>
<span class="text-[10px] leading-none opacity-95 mt-0.5">{{ formatYear(termin.datum) }}</span>
<span
v-if="termin.uhrzeit"
class="text-[10px] leading-none mt-1 px-2 py-0.5 rounded-md bg-white/40 ring-1 ring-white/50 backdrop-blur-[1.5px] whitespace-nowrap"
>
{{ formatOnlyTime(termin.uhrzeit) }} Uhr
</span>
</div>
<div>
<h3 class="font-semibold text-gray-900">{{ termin.titel }}</h3>
<p class="text-sm text-gray-600">{{ termin.beschreibung }}</p>
</div>
<div
v-if="naechsteTermine.length > 0"
class="space-y-2 mb-6"
>
<div
v-for="(termin, index) in naechsteTermine"
:key="index"
class="bg-gray-50 rounded-lg p-3 hover:bg-gray-100 transition-colors"
>
<div class="flex items-center justify-between">
<div class="flex items-center space-x-3">
<div class="w-16 h-16 bg-primary-600 rounded-lg flex flex-col items-center justify-center text-white text-[10px] font-bold leading-tight py-1.5 px-1.5">
<span class="text-lg leading-none">{{ formatDay(termin.datum) }}</span>
<span class="leading-none mt-0.5">{{ formatMonth(termin.datum) }}</span>
<span class="text-[10px] leading-none opacity-95 mt-0.5">{{ formatYear(termin.datum) }}</span>
<span
v-if="termin.uhrzeit"
class="text-[10px] leading-none mt-1 px-2 py-0.5 rounded-md bg-white/40 ring-1 ring-white/50 backdrop-blur-[1.5px] whitespace-nowrap"
>
{{ formatOnlyTime(termin.uhrzeit) }} Uhr
</span>
</div>
<span :class="[
<div>
<h3 class="font-semibold text-gray-900">
{{ termin.titel }}
</h3>
<p class="text-sm text-gray-600">
{{ termin.beschreibung }}
</p>
</div>
</div>
<span
:class="[
'px-2 py-1 text-xs font-medium rounded-full',
termin.kategorie === 'Turnier' ? 'bg-yellow-100 text-yellow-800' : 'bg-blue-100 text-blue-800'
]">
{{ termin.kategorie }}
</span>
</div>
]"
>
{{ termin.kategorie }}
</span>
</div>
</div>
</div>
<div v-else class="text-center py-8 bg-gray-50 rounded-lg">
<Calendar :size="32" class="text-gray-400 mx-auto mb-2" />
<p class="text-gray-600 text-sm">Keine kommenden Termine</p>
</div>
<div
v-else
class="text-center py-8 bg-gray-50 rounded-lg"
>
<Calendar
:size="32"
class="text-gray-400 mx-auto mb-2"
/>
<p class="text-gray-600 text-sm">
Keine kommenden Termine
</p>
</div>
</div>
</template>