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

90
pages/mitgliederbereich/profil.vue
View File

@@ -8,15 +8,28 @@
<div class="bg-white rounded-xl shadow-lg p-8 border border-gray-100">
<!-- Loading State -->
<div v-if="isLoading" class="flex items-center justify-center py-12">
<Loader2 :size="40" class="animate-spin text-primary-600" />
<div
v-if="isLoading"
class="flex items-center justify-center py-12"
>
<Loader2
:size="40"
class="animate-spin text-primary-600"
/>
</div>
<!-- Profile Form -->
<form v-else @submit.prevent="handleSave" class="space-y-6">
<form
v-else
class="space-y-6"
@submit.prevent="handleSave"
>
<!-- Name -->
<div>
<label for="name" class="block text-sm font-medium text-gray-700 mb-2">
<label
for="name"
class="block text-sm font-medium text-gray-700 mb-2"
>
Name
</label>
<input
@@ -26,12 +39,15 @@
required
class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
:disabled="isSaving"
/>
>
</div>
<!-- E-Mail -->
<div>
<label for="email" class="block text-sm font-medium text-gray-700 mb-2">
<label
for="email"
class="block text-sm font-medium text-gray-700 mb-2"
>
E-Mail-Adresse
</label>
<input
@@ -41,12 +57,15 @@
required
class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
:disabled="isSaving"
/>
>
</div>
<!-- Telefon -->
<div>
<label for="phone" class="block text-sm font-medium text-gray-700 mb-2">
<label
for="phone"
class="block text-sm font-medium text-gray-700 mb-2"
>
Telefonnummer
</label>
<input
@@ -55,16 +74,21 @@
type="tel"
class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
:disabled="isSaving"
/>
>
</div>
<!-- Passwort ändern -->
<div class="border-t border-gray-200 pt-6 mt-6">
<h3 class="text-lg font-semibold text-gray-900 mb-4">Passwort ändern</h3>
<h3 class="text-lg font-semibold text-gray-900 mb-4">
Passwort ändern
</h3>
<div class="space-y-4">
<div>
<label for="currentPassword" class="block text-sm font-medium text-gray-700 mb-2">
<label
for="currentPassword"
class="block text-sm font-medium text-gray-700 mb-2"
>
Aktuelles Passwort
</label>
<input
@@ -73,11 +97,14 @@
type="password"
class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
:disabled="isSaving"
/>
>
</div>
<div>
<label for="newPassword" class="block text-sm font-medium text-gray-700 mb-2">
<label
for="newPassword"
class="block text-sm font-medium text-gray-700 mb-2"
>
Neues Passwort
</label>
<input
@@ -86,11 +113,14 @@
type="password"
class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
:disabled="isSaving"
/>
>
</div>
<div>
<label for="confirmPassword" class="block text-sm font-medium text-gray-700 mb-2">
<label
for="confirmPassword"
class="block text-sm font-medium text-gray-700 mb-2"
>
Passwort bestätigen
</label>
<input
@@ -99,19 +129,31 @@
type="password"
class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-primary-500"
:disabled="isSaving"
/>
>
</div>
</div>
</div>
<!-- Error/Success Messages -->
<div v-if="errorMessage" class="flex items-center p-3 rounded-md bg-red-50 text-red-700 text-sm">
<AlertCircle :size="20" class="mr-2" />
<div
v-if="errorMessage"
class="flex items-center p-3 rounded-md bg-red-50 text-red-700 text-sm"
>
<AlertCircle
:size="20"
class="mr-2"
/>
{{ errorMessage }}
</div>
<div v-if="successMessage" class="flex items-center p-3 rounded-md bg-green-50 text-green-700 text-sm">
<Check :size="20" class="mr-2" />
<div
v-if="successMessage"
class="flex items-center p-3 rounded-md bg-green-50 text-green-700 text-sm"
>
<Check
:size="20"
class="mr-2"
/>
{{ successMessage }}
</div>
@@ -119,9 +161,9 @@
<div class="flex justify-end space-x-4">
<button
type="button"
@click="loadProfile"
class="px-6 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors"
:disabled="isSaving"
@click="loadProfile"
>
Zurücksetzen
</button>
@@ -130,7 +172,11 @@
class="px-6 py-2 bg-primary-600 hover:bg-primary-700 text-white font-semibold rounded-lg transition-colors flex items-center"
:disabled="isSaving"
>
<Loader2 v-if="isSaving" :size="20" class="animate-spin mr-2" />
<Loader2
v-if="isSaving"
:size="20"
class="animate-spin mr-2"
/>
<span>{{ isSaving ? 'Speichert...' : 'Speichern' }}</span>
</button>
</div>