soeren/fotospiel-app
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

- Tenant-Admin-PWA: Neues /event-admin/welcome Onboarding mit WelcomeHero, Packages-, Order-Summary- und Event-Setup-Pages, Zustandsspeicher, Routing-Guard und Dashboard-CTA für Erstnutzer; Filament-/admin-Login via Custom-View behoben.

Browse Source 
- Brand/Theming: Marketing-Farb- und Typographievariablen in `resources/css/app.css` eingeführt, AdminLayout, Dashboardkarten und Onboarding-Komponenten entsprechend angepasst; Dokumentation (`docs/todo/tenant-admin-onboarding-fusion.md`, `docs/changes/...`) aktualisiert.
- Checkout & Payments: Checkout-, PayPal-Controller und Tests für integrierte Stripe/PayPal-Flows sowie Paket-Billing-Abläufe überarbeitet; neue PayPal SDK-Factory und Admin-API-Helper (`resources/js/admin/api.ts`) schaffen Grundlage für Billing/Members/Tasks-Seiten.
- DX & Tests: Neue Playwright/E2E-Struktur (docs/testing/e2e.md, `tests/e2e/tenant-onboarding-flow.test.ts`, Utilities), E2E-Tenant-Seeder und zusätzliche Übersetzungen/Factories zur Unterstützung der neuen Flows.
- Marketing-Kommunikation: Automatische Kontakt-Bestätigungsmail (`ContactConfirmation` + Blade-Template) implementiert; Guest-PWA unter `/event` erreichbar.
- Nebensitzung: Blogsystem gefixt und umfassenden BlogPostSeeder für Beispielinhalte angelegt.
This commit is contained in:
Codex Agent
2025-10-10 21:31:55 +02:00
parent 52197f216d
commit d04e234ca0
84 changed files with 8397 additions and 1005 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
resources/js/admin/pages/EventsPage.tsx
View File

@@ -1,7 +1,6 @@
import React from 'react';
import { Link, useNavigate } from 'react-router-dom';
import { ArrowRight, CalendarDays, Plus, Settings, Sparkles, Package as PackageIcon } from 'lucide-react';
import { useQuery } from '@tanstack/react-query';
import { ArrowRight, CalendarDays, Plus, Settings, Sparkles } from 'lucide-react';
import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
import { Badge } from '@/components/ui/badge';
@@ -9,9 +8,17 @@ import { Button } from '@/components/ui/button';
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
import { AdminLayout } from '../components/AdminLayout';
import { getEvents, TenantEvent, getPackages } from '../api';
import { getEvents, TenantEvent } from '../api';
import { isAuthError } from '../auth/tokens';
import { adminPath, ADMIN_SETTINGS_PATH } from '../constants';
import {
adminPath,
ADMIN_SETTINGS_PATH,
ADMIN_EVENT_VIEW_PATH,
ADMIN_EVENT_EDIT_PATH,
ADMIN_EVENT_PHOTOS_PATH,
ADMIN_EVENT_MEMBERS_PATH,
ADMIN_EVENT_TASKS_PATH,
} from '../constants';
export default function EventsPage() {
const [rows, setRows] = React.useState<TenantEvent[]>([]);
@@ -19,11 +26,6 @@ export default function EventsPage() {
const [error, setError] = React.useState<string | null>(null);
const navigate = useNavigate();
const { data: tenantPackages } = useQuery({
queryKey: ['tenant-packages'],
queryFn: () => getPackages('reseller'), // or separate endpoint
});
React.useEffect(() => {
(async () => {
try {
@@ -60,33 +62,6 @@ export default function EventsPage() {
subtitle="Plane Momente, die in Erinnerung bleiben. Hier verwaltest du alles rund um deine Veranstaltungen."
actions={actions}
>
{tenantPackages && tenantPackages.length > 0 && (
<Card className="mb-6 border-0 bg-white/80 shadow-xl shadow-pink-100/60">
<CardHeader>
<CardTitle className="flex items-center gap-2">
<PackageIcon className="h-5 w-5 text-pink-500" />
Aktuelles Package
</CardTitle>
<CardDescription>
Ihr aktuelles Reseller-Package und verbleibende Limits.
</CardDescription>
</CardHeader>
<CardContent className="grid md:grid-cols-3 gap-4">
<div className="text-center">
<h3 className="font-semibold">Aktives Package</h3>
<p className="text-lg font-bold">{tenantPackages.find(p => p.active)?.package?.name || 'Kein aktives Package'}</p>
</div>
<div className="text-center">
<h3 className="font-semibold">Verbleibende Events</h3>
<p className="text-lg font-bold">{tenantPackages.find(p => p.active)?.remaining_events || 0}</p>
</div>
<div className="text-center">
<h3 className="font-semibold">Ablauf</h3>
<p className="text-lg font-bold">{tenantPackages.find(p => p.active)?.expires_at || 'Kein Package'}</p>
</div>
</CardContent>
</Card>
)}
{error && (
<Alert variant="destructive">
<AlertTitle>Fehler beim Laden</AlertTitle>
@@ -164,17 +139,23 @@ function EventCard({ event }: { event: TenantEvent }) {
<div className="mt-4 flex flex-wrap gap-2">
<Button asChild variant="outline" className="border-pink-200 text-pink-700 hover:bg-pink-50">
<Link to={adminPath(`/events/view?slug=${encodeURIComponent(slug)}`)}>
<Link to={ADMIN_EVENT_VIEW_PATH(slug)}>
Details <ArrowRight className="ml-1 h-3.5 w-3.5" />
</Link>
</Button>
<Button asChild variant="outline" className="border-fuchsia-200 text-fuchsia-700 hover:bg-fuchsia-50">
<Link to={adminPath(`/events/edit?slug=${encodeURIComponent(slug)}`)}>Bearbeiten</Link>
<Link to={ADMIN_EVENT_EDIT_PATH(slug)}>Bearbeiten</Link>
</Button>
<Button asChild variant="outline" className="border-sky-200 text-sky-700 hover:bg-sky-50">
<Link to={adminPath(`/events/photos?slug=${encodeURIComponent(slug)}`)}>Fotos moderieren</Link>
<Link to={ADMIN_EVENT_PHOTOS_PATH(slug)}>Fotos moderieren</Link>
</Button>
<Button asChild variant="outline" className="border-emerald-200 text-emerald-600 hover:bg-emerald-50">
<Link to={ADMIN_EVENT_MEMBERS_PATH(slug)}>Mitglieder</Link>
</Button>
<Button asChild variant="outline" className="border-amber-200 text-amber-600 hover:bg-amber-50">
<Link to={ADMIN_EVENT_TASKS_PATH(slug)}>Tasks</Link>
</Button>
<Button asChild variant="outline" className="border-slate-200 text-slate-700 hover:bg-slate-50">
<a href={`/e/${slug}`} target="_blank" rel="noreferrer">
Oeffnen im Gastportal
</a>