gitmedia/b2in
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

23-01-2026

Browse source
This commit is contained in:
Kevin Adametz 2026-01-23 17:33:10 +01:00
parent 07959c0ba2
commit 854ce02bf6
166 changed files with 32909 additions and 1262 deletions
Download patch file Download diff file Expand all files Collapse all files

165
resources/views/emails/test-overview.blade.php Normal file
View file

@ -0,0 +1,165 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>E-Mail-Vorlagen Vorschau</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Instrument Sans', sans-serif;
}
</style>
</head>
<body class="bg-gray-50">
<div class="min-h-screen py-12 px-4 sm:px-6 lg:px-8">
<div class="max-w-4xl mx-auto">
<!-- Header -->
<div class="text-center mb-12">
<h1 class="text-4xl font-bold text-gray-900 mb-4">📧 E-Mail-Vorlagen Vorschau</h1>
<p class="text-lg text-gray-600">Testen Sie alle E-Mail-Vorlagen im B2IN-Design</p>
</div>
<!-- Email Templates Grid -->
<div class="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
<!-- Partner Invitation -->
<a href="{{ route('test.email.partner-invitation') }}"
target="_blank"
class="block p-6 bg-white rounded-xl shadow-md hover:shadow-xl transition-shadow duration-300 border-2 border-transparent hover:border-blue-500">
<div class="flex items-center justify-between mb-4">
<div class="p-3 bg-blue-100 rounded-lg">
<svg class="w-6 h-6 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
</svg>
</div>
<span class="text-sm font-medium text-green-600 bg-green-100 px-3 py-1 rounded-full">Aktiv</span>
</div>
<h3 class="text-xl font-semibold text-gray-900 mb-2">Partner-Einladung</h3>
<p class="text-gray-600 mb-4">E-Mail für neue Partner-Einladungen mit allen Details und Call-to-Action</p>
<div class="flex items-center text-blue-600 font-medium">
<span>Vorschau anzeigen</span>
<svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</div>
</a>
<!-- Password Reset -->
<a href="{{ route('test.email.password-reset') }}"
target="_blank"
class="block p-6 bg-white rounded-xl shadow-md hover:shadow-xl transition-shadow duration-300 border-2 border-transparent hover:border-blue-500">
<div class="flex items-center justify-between mb-4">
<div class="p-3 bg-orange-100 rounded-lg">
<svg class="w-6 h-6 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
</svg>
</div>
<span class="text-sm font-medium text-green-600 bg-green-100 px-3 py-1 rounded-full">Aktiv</span>
</div>
<h3 class="text-xl font-semibold text-gray-900 mb-2">Passwort zurücksetzen</h3>
<p class="text-gray-600 mb-4">E-Mail für Passwort-Reset-Anfragen mit zeitlich begrenztem Link</p>
<div class="flex items-center text-blue-600 font-medium">
<span>Vorschau anzeigen</span>
<svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</div>
</a>
<!-- Email Verification -->
<a href="{{ route('test.email.verification') }}"
target="_blank"
class="block p-6 bg-white rounded-xl shadow-md hover:shadow-xl transition-shadow duration-300 border-2 border-transparent hover:border-blue-500">
<div class="flex items-center justify-between mb-4">
<div class="p-3 bg-green-100 rounded-lg">
<svg class="w-6 h-6 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
</svg>
</div>
<span class="text-sm font-medium text-green-600 bg-green-100 px-3 py-1 rounded-full">Aktiv</span>
</div>
<h3 class="text-xl font-semibold text-gray-900 mb-2">E-Mail-Verifizierung</h3>
<p class="text-gray-600 mb-4">Willkommens-E-Mail mit Bestätigungslink für neue Registrierungen</p>
<div class="flex items-center text-blue-600 font-medium">
<span>Vorschau anzeigen</span>
<svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</div>
</a>
</div>
<!-- Design System Info -->
<div class="mt-12 bg-white rounded-xl shadow-md p-8">
<h2 class="text-2xl font-bold text-gray-900 mb-6">🎨 Design-System</h2>
<div class="grid gap-6 md:grid-cols-2">
<div>
<h3 class="text-lg font-semibold text-gray-900 mb-3">Farben</h3>
<div class="space-y-3">
<div class="flex items-center">
<div class="w-12 h-12 rounded-lg" style="background-color: #2b3f51;"></div>
<div class="ml-4">
<p class="font-medium text-gray-900">Primary (Anthracite)</p>
<p class="text-sm text-gray-600">#2b3f51</p>
</div>
</div>
<div class="flex items-center">
<div class="w-12 h-12 rounded-lg" style="background-color: #20a0da;"></div>
<div class="ml-4">
<p class="font-medium text-gray-900">Secondary (Dynamic Blue)</p>
<p class="text-sm text-gray-600">#20a0da</p>
</div>
</div>
</div>
</div>
<div>
<h3 class="text-lg font-semibold text-gray-900 mb-3">Typografie</h3>
<div class="space-y-2">
<p class="font-medium text-gray-900">Font Family</p>
<p class="text-gray-600">Instrument Sans</p>
</div>
<div class="mt-4">
<h3 class="text-lg font-semibold text-gray-900 mb-3">Features</h3>
<ul class="space-y-2 text-gray-600">
<li class="flex items-center">
<svg class="w-5 h-5 text-green-500 mr-2" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
Responsive Design
</li>
<li class="flex items-center">
<svg class="w-5 h-5 text-green-500 mr-2" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
Dark Mode Support
</li>
<li class="flex items-center">
<svg class="w-5 h-5 text-green-500 mr-2" fill="currentColor" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
Inline CSS (E-Mail-Client kompatibel)
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Documentation Link -->
<div class="mt-8 text-center">
<a href="/emails/README.md" class="inline-flex items-center text-blue-600 hover:text-blue-700 font-medium">
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
</svg>
Dokumentation anzeigen
</a>
</div>
</div>
</div>
</body>
</html>