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

68
pages/newsletter/subscribe.vue
View File

@@ -7,31 +7,55 @@
</h1>
<div class="w-24 h-1 bg-primary-600 mb-8" />
<div v-if="loadingGroups" class="text-center py-8">
<p class="text-gray-600">Lade verfügbare Newsletter...</p>
<div
v-if="loadingGroups"
class="text-center py-8"
>
<p class="text-gray-600">
Lade verfügbare Newsletter...
</p>
</div>
<form v-else @submit.prevent="subscribe" class="space-y-6">
<form
v-else
class="space-y-6"
@submit.prevent="subscribe"
>
<div>
<label for="groupId" class="block text-sm font-medium text-gray-700 mb-2">
<label
for="groupId"
class="block text-sm font-medium text-gray-700 mb-2"
>
Newsletter auswählen *
</label>
<select
id="groupId"
v-model="form.groupId"
required
@change="checkSubscription"
class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500"
@change="checkSubscription"
>
<option value="">Bitte wählen Sie einen Newsletter</option>
<option v-for="group in groups" :key="group.id" :value="group.id">
<option value="">
Bitte wählen Sie einen Newsletter
</option>
<option
v-for="group in groups"
:key="group.id"
:value="group.id"
>
{{ group.name }}
</option>
</select>
<p v-if="selectedGroup?.description" class="mt-2 text-sm text-gray-600">
<p
v-if="selectedGroup?.description"
class="mt-2 text-sm text-gray-600"
>
{{ selectedGroup.description }}
</p>
<div v-if="alreadySubscribed" class="mt-2 p-3 bg-blue-50 border border-blue-200 rounded-lg">
<div
v-if="alreadySubscribed"
class="mt-2 p-3 bg-blue-50 border border-blue-200 rounded-lg"
>
<p class="text-sm text-blue-700">
✓ Sie sind bereits für diesen Newsletter angemeldet.
</p>
@@ -39,7 +63,10 @@
</div>
<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
@@ -47,14 +74,17 @@
v-model="form.email"
type="email"
required
@blur="checkSubscription"
class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500"
placeholder="ihre.email@example.com"
/>
@blur="checkSubscription"
>
</div>
<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 (optional)
</label>
<input
@@ -63,14 +93,20 @@
type="text"
class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500"
placeholder="Ihr Name"
/>
>
</div>
<div v-if="error" class="p-4 bg-red-50 border border-red-200 rounded-lg text-red-700">
<div
v-if="error"
class="p-4 bg-red-50 border border-red-200 rounded-lg text-red-700"
>
{{ error }}
</div>
<div v-if="success" class="p-4 bg-green-50 border border-green-200 rounded-lg text-green-700">
<div
v-if="success"
class="p-4 bg-green-50 border border-green-200 rounded-lg text-green-700"
>
{{ success }}
</div>