{children}
-
+ {/* Page header */}
+
-
{mode === "edit" ? "Kurs bearbeiten" : "Kurs anlegen"}
-+
{mode === "edit" ? "Ändern Sie die Kursdetails und speichern Sie Ihre Änderungen" : "Alle Kurse können nach dem Speichern angepasst oder gelöscht werden"} @@ -474,359 +485,431 @@ const CourseCreateView = ({ )}
- {businesses.length > 1 && (
- {
- setSports([...sports, newSport]);
- setNewlyCreatedSports([...newlyCreatedSports, newSport.value]);
- }}
- onDeleteOption={(valueToDelete) => {
- setSports(sports.filter((s) => s.value !== valueToDelete));
- setNewlyCreatedSports(newlyCreatedSports.filter((v) => v !== valueToDelete));
- setSelectedSports(selectedSports.filter((v) => v !== valueToDelete));
- }}
- deletableValues={newlyCreatedSports}
- error={errors.sport}
- />
-
-
- setCourseName(e.target.value)}
- />
- {errors.name &&
- {errors.name}
} -
- setCourseDate(e.target.value)}
- />
- {errors.date &&
-
- {errors.date}
} -
- setTimeFrom(e.target.value)}
- />
- {errors.timeFrom &&
-
- {errors.timeFrom}
} -
- setTimeTo(e.target.value)}
- />
- {errors.timeTo &&
-
- {errors.timeTo}
} -
- {
- const value = e.target.value;
- // Remove all non-numeric characters except comma and dot
- const cleanValue = value.replace(/[^\d,\.]/g, "");
- // Replace comma with dot for internal storage
- const normalizedValue = cleanValue.replace(",", ".");
-
- setPriceDisplay(value);
- // Allow empty string, numbers with optional decimal point and max 2 decimal places
- if (normalizedValue === "" || /^\d*\.?\d{0,2}$/.test(normalizedValue)) {
- setPrice(normalizedValue);
- }
- }}
- onFocus={() => {
- setIsPriceFocused(true);
- setPriceDisplay(price.replace(".", ","));
- }}
- onBlur={() => {
- setIsPriceFocused(false);
- }}
- placeholder="0,00"
- />
- {errors.price &&
-
- {!isLoadingTrainers && trainers.length > 0 && (
- {errors.price}
} -
-
- )}
-
-
- setMaxParticipants(e.target.value)}
- />
- {errors.maxParticipants && (
-
-
- {/* Kursbild */}
- {errors.maxParticipants}
- )} -
-
Kursbild (optional)
- {coverImage ? ( -
- {
+ try {
+ const manager = await requireManager();
+ const managerId = manager.id;
+
+ const fn = unstable_cache(
+ async () => {
+ const now = new Date();
+ const todayStart = startOfDay(now);
+ const todayEnd = endOfDay(now);
+ const yesterdayStart = startOfDay(subDays(now, 1));
+ const yesterdayEnd = endOfDay(subDays(now, 1));
+ const monthStart = startOfMonth(now);
+ const monthEnd = endOfMonth(now);
+ const lastMonthStart = startOfMonth(subMonths(now, 1));
+ const lastMonthEnd = endOfMonth(subMonths(now, 1));
+
+ const [
+ coursesToday,
+ participantsToday,
+ coursesThisMonth,
+ coursesTodayYesterday,
+ participantsTodayYesterday,
+ coursesLastMonth,
+ revenueThisMonthPaid,
+ revenueThisMonthPartial,
+ revenueLastMonthPaid,
+ revenueLastMonthPartial,
+ ] = await Promise.all([
+ prisma.course.count({
+ where: {
+ createdBy: managerId,
+ isStandingOrder: false,
+ status: "published",
+ date: { gte: todayStart, lte: todayEnd },
+ },
+ }),
+ prisma.courseBooking.count({
+ where: {
+ course: {
+ createdBy: managerId,
+ isStandingOrder: false,
+ date: { gte: todayStart, lte: todayEnd },
+ },
+ paymentStatus: "paid",
+ },
+ }),
+ prisma.course.count({
+ where: {
+ createdBy: managerId,
+ isStandingOrder: false,
+ status: "published",
+ date: { gte: monthStart, lte: monthEnd },
+ },
+ }),
+ prisma.course.count({
+ where: {
+ createdBy: managerId,
+ isStandingOrder: false,
+ status: "published",
+ date: { gte: yesterdayStart, lte: yesterdayEnd },
+ },
+ }),
+ prisma.courseBooking.count({
+ where: {
+ course: {
+ createdBy: managerId,
+ isStandingOrder: false,
+ date: { gte: yesterdayStart, lte: yesterdayEnd },
+ },
+ paymentStatus: "paid",
+ },
+ }),
+ prisma.course.count({
+ where: {
+ createdBy: managerId,
+ isStandingOrder: false,
+ status: "published",
+ date: { gte: lastMonthStart, lte: lastMonthEnd },
+ },
+ }),
+ prisma.courseBooking.aggregate({
+ where: {
+ course: { createdBy: managerId },
+ paymentStatus: "paid",
+ createdAt: { gte: monthStart, lte: monthEnd },
+ },
+ _sum: { amountPaid: true },
+ }),
+ prisma.courseBooking.aggregate({
+ where: {
+ course: { createdBy: managerId },
+ paymentStatus: "partially_refunded",
+ createdAt: { gte: monthStart, lte: monthEnd },
+ },
+ _sum: { amountPaid: true, refundedAmount: true },
+ }),
+ prisma.courseBooking.aggregate({
+ where: {
+ course: { createdBy: managerId },
+ paymentStatus: "paid",
+ createdAt: { gte: lastMonthStart, lte: lastMonthEnd },
+ },
+ _sum: { amountPaid: true },
+ }),
+ prisma.courseBooking.aggregate({
+ where: {
+ course: { createdBy: managerId },
+ paymentStatus: "partially_refunded",
+ createdAt: { gte: lastMonthStart, lte: lastMonthEnd },
+ },
+ _sum: { amountPaid: true, refundedAmount: true },
+ }),
+ ]);
+
+ const revenueThisMonth =
+ (revenueThisMonthPaid._sum.amountPaid ?? 0) +
+ (revenueThisMonthPartial._sum.amountPaid ?? 0) -
+ (revenueThisMonthPartial._sum.refundedAmount ?? 0);
+
+ const revenueLastMonth =
+ (revenueLastMonthPaid._sum.amountPaid ?? 0) +
+ (revenueLastMonthPartial._sum.amountPaid ?? 0) -
+ (revenueLastMonthPartial._sum.refundedAmount ?? 0);
+
+ return {
+ coursesToday,
+ participantsToday,
+ coursesThisMonth,
+ revenueThisMonth,
+ coursesTodayYesterday,
+ participantsTodayYesterday,
+ coursesLastMonth,
+ revenueLastMonth,
+ };
+ },
+ [`dashboard-stats-${managerId}`],
+ { tags: [`dashboard-stats-${managerId}`], revalidate: 60 }
+ );
+
+ const stats = await fn();
+ return { success: true, stats };
+ } catch {
+ return { success: false, error: "Statistiken konnten nicht geladen werden." };
+ }
+}
+
+export async function getDashboardRevenueChart(): Promise<
+ { success: true; data: ChartPoint[] } | { success: false; error: string }
+> {
+ try {
+ const manager = await requireManager();
+ const managerId = manager.id;
+
+ const fn = unstable_cache(
+ async (): Promise => {
+ const now = new Date();
+ const rangeStart = startOfMonth(subMonths(now, 11));
+ const rangeEnd = endOfMonth(now);
+
+ const [paid, partial, courses] = await Promise.all([
+ prisma.courseBooking.findMany({
+ where: {
+ course: { createdBy: managerId },
+ paymentStatus: "paid",
+ createdAt: { gte: rangeStart, lte: rangeEnd },
+ },
+ select: { createdAt: true, amountPaid: true },
+ }),
+ prisma.courseBooking.findMany({
+ where: {
+ course: { createdBy: managerId },
+ paymentStatus: "partially_refunded",
+ createdAt: { gte: rangeStart, lte: rangeEnd },
+ },
+ select: { createdAt: true, amountPaid: true, refundedAmount: true },
+ }),
+ prisma.course.findMany({
+ where: {
+ createdBy: managerId,
+ isStandingOrder: false,
+ status: "published",
+ date: { gte: rangeStart, lte: rangeEnd },
+ },
+ select: { date: true },
+ }),
+ ]);
+
+ // Initialise all 12 months to zero
+ const byMonth = new Map();
+ for (let i = 11; i >= 0; i--) {
+ byMonth.set(format(subMonths(now, i), "yyyy-MM"), {
+ revenue: 0,
+ bookings: 0,
+ courses: 0,
+ });
+ }
+
+ for (const b of paid) {
+ const key = format(new Date(b.createdAt), "yyyy-MM");
+ const entry = byMonth.get(key);
+ if (entry) {
+ entry.revenue += b.amountPaid ?? 0;
+ entry.bookings += 1;
+ }
+ }
+
+ for (const b of partial) {
+ const key = format(new Date(b.createdAt), "yyyy-MM");
+ const entry = byMonth.get(key);
+ if (entry) {
+ entry.revenue += (b.amountPaid ?? 0) - (b.refundedAmount ?? 0);
+ entry.bookings += 1;
+ }
+ }
+
+ for (const c of courses) {
+ const key = format(new Date(c.date), "yyyy-MM");
+ const entry = byMonth.get(key);
+ if (entry) entry.courses += 1;
+ }
+
+ return Array.from(byMonth.entries()).map(([key, vals]) => {
+ const [year, month] = key.split("-");
+ const date = new Date(Number(year), Number(month) - 1, 1);
+ return { label: format(date, "MMM yy", { locale: de }), ...vals };
+ });
+ },
+ [`dashboard-chart-${managerId}`],
+ { tags: [`dashboard-chart-${managerId}`], revalidate: 300 }
+ );
+
+ const data = await fn();
+ return { success: true, data };
+ } catch {
+ return { success: false, error: "Diagrammdaten konnten nicht geladen werden." };
+ }
+}
+
+export async function getDashboardTodayCourses(): Promise<
+ { success: true; courses: TodayCourse[] } | { success: false; error: string }
+> {
+ try {
+ const userData = await getUserData();
+ if (
+ !userData ||
+ (!isManager(userData) && !(isEmployee(userData) && userData.permissions.courses.view))
+ ) {
+ return { success: false, error: "Keine Berechtigung" };
+ }
+ const managerId = getEffectiveManagerId(userData);
+ if (!managerId) return { success: false, error: "Kein Manager-Account verknüpft" };
+
+ const fn = unstable_cache(
+ async () => {
+ const now = new Date();
+ const todayStart = startOfDay(now);
+ const todayEnd = endOfDay(now);
+
+ const courses = await prisma.course.findMany({
+ where: {
+ createdBy: managerId,
+ isStandingOrder: false,
+ status: "published",
+ date: { gte: todayStart, lte: todayEnd },
+ },
+ include: {
+ _count: {
+ select: { bookings: { where: { paymentStatus: "paid" } } },
+ },
+ },
+ orderBy: { timeFrom: "asc" },
+ });
+
+ const roomIds = [...new Set(courses.map((c) => c.room).filter(Boolean))];
+ const rooms = roomIds.length
+ ? await prisma.room.findMany({
+ where: { id: { in: roomIds } },
+ select: { id: true, name: true },
+ })
+ : [];
+ const roomNameById = new Map(rooms.map((r) => [r.id, r.name]));
+
+ return courses.map((c) => ({
+ id: c.id,
+ name: c.name,
+ timeFrom: c.timeFrom,
+ timeTo: c.timeTo,
+ room: roomNameById.get(c.room) ?? c.room,
+ sport: c.sport as string[],
+ participantCount: c._count.bookings,
+ maxParticipants: c.maxParticipants,
+ }));
+ },
+ [`dashboard-today-courses-${managerId}`],
+ { tags: [`dashboard-today-courses-${managerId}`], revalidate: 60 }
+ );
+
+ const courses = await fn();
+ return { success: true, courses };
+ } catch {
+ return { success: false, error: "Heutige Kurse konnten nicht geladen werden." };
+ }
+}
+
+export async function getDashboardRecentBookings(): Promise<
+ { success: true; bookings: RecentBooking[] } | { success: false; error: string }
+> {
+ try {
+ const manager = await requireManager();
+ const managerId = manager.id;
+
+ const fn = unstable_cache(
+ async () => {
+ const bookings = await prisma.courseBooking.findMany({
+ where: {
+ course: { createdBy: managerId },
+ paymentStatus: { in: ["paid", "partially_refunded", "pending", "refunded"] },
+ },
+ include: {
+ course: { select: { name: true } },
+ user: { select: { name: true, email: true } },
+ guestLead: { select: { name: true, email: true } },
+ },
+ orderBy: { createdAt: "desc" },
+ take: 6,
+ });
+
+ return bookings.map((b) => ({
+ id: b.id,
+ customerName:
+ b.guestLead?.name ?? b.user?.name ?? b.guestLead?.email ?? b.user?.email ?? "Anonym",
+ courseName: b.course.name,
+ amountPaid: b.amountPaid,
+ paymentStatus: b.paymentStatus,
+ createdAt: b.createdAt.toISOString(),
+ }));
+ },
+ [`dashboard-recent-bookings-${managerId}`],
+ { tags: [`dashboard-recent-bookings-${managerId}`], revalidate: 60 }
+ );
+
+ const bookings = await fn();
+ return { success: true, bookings };
+ } catch {
+ return { success: false, error: "Buchungen konnten nicht geladen werden." };
+ }
+}
diff --git a/src/modules/dashboard/ui/components/DashboardFooter.tsx b/src/modules/dashboard/ui/components/DashboardFooter.tsx
index 2116ec6..b4ccf3e 100644
--- a/src/modules/dashboard/ui/components/DashboardFooter.tsx
+++ b/src/modules/dashboard/ui/components/DashboardFooter.tsx
@@ -1,5 +1,5 @@
"use client";
-import { HelpCircle, Settings, Plus } from "lucide-react";
+import { HelpCircle, Settings, Plus, LogOut, User, ChevronDown } from "lucide-react";
import Link from "next/link";
import Image from "next/image";
import { useState } from "react";
@@ -8,33 +8,28 @@ import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
+ DropdownMenuSeparator,
DropdownMenuTrigger,
} from "@/src/components/ui/dropdown-menu";
-import { ChevronDown } from "lucide-react";
import { Button } from "@/src/components/ui/button";
+import { useAuthStore } from "@/src/store/authStore";
const footerMenu = [
- {
- icon: Settings,
- label: "Einstellungen",
- href: "/settings",
- },
- {
- icon: HelpCircle,
- label: "Hilfe",
- href: "/help",
- },
+ { icon: Settings, label: "Einstellungen", href: "/settings" },
+ { icon: HelpCircle, label: "Hilfe", href: "/help" },
];
const getDiceBearUrl = (seed: string) =>
`https://api.dicebear.com/9.x/thumbs/svg?seed=${encodeURIComponent(seed)}`;
-const AvatarImage = ({ userData }: { userData: AuthUserData }) => {
+const AvatarImage = ({ userData, size = 10 }: { userData: AuthUserData; size?: number }) => {
const pbSrc = "pbSrc" in userData ? userData.pbSrc : null;
const src = pbSrc || getDiceBearUrl(userData.id);
-
return (
-
+ {/* Section 1: Grunddaten */}
+
+
+ {/* Section 2: Zeitplan */}
+
+ {
- setSelectedFrequency(value);
- if (value !== "custom") {
- setSelectedWeekdays([]);
- setWeekdayTimings({});
- }
- }}
- options={FREQUENCIES}
- error={errors.frequency}
- />
-
+ )}
setEndDate(e.target.value)}
+ label="Kursname"
+ type="text"
+ id="course-create-name"
+ value={courseName}
+ onChange={(e) => setCourseName(e.target.value)}
/>
- {errors.endDate &&
+
+
+
+
+
- ) : (
-
+ {businesses.length > 1 && (
+
-
-
- {
- setIsStandingOrder(checked === true);
- if (!checked) {
- setSelectedFrequency("");
- setSelectedWeekdays([]);
- setWeekdayTimings({});
- setEndDate("");
- }
- }}
- />
-
-
-
- {isStandingOrder && (
- <>
- {errors.endDate}
} + {errors.name &&{errors.name}
} +
+ {
+ setSports([...sports, newSport]);
+ setNewlyCreatedSports([...newlyCreatedSports, newSport.value]);
+ }}
+ onDeleteOption={(valueToDelete) => {
+ setSports(sports.filter((s) => s.value !== valueToDelete));
+ setNewlyCreatedSports(newlyCreatedSports.filter((v) => v !== valueToDelete));
+ setSelectedSports(selectedSports.filter((v) => v !== valueToDelete));
+ }}
+ deletableValues={newlyCreatedSports}
+ error={errors.sport}
+ />
+
+
+
+
+
+
+ Zeitplan
+
+ {
- setSelectedWeekdays(days);
- // Nicht mehr ausgewählte Tage aus weekdayTimings entfernen
- setWeekdayTimings((prev) => {
- const next: Record = {};
- days.forEach((d) => {
- next[d] = prev[d] ?? { timeFrom: "", timeTo: "" };
- });
- return next;
- });
+ {/* Dauerauftrag toggle */}
+
+
+ {isStandingOrder && (
+
+
+ {/* Section 3: Logistik */}
+
+
- {selectedFrequency === "custom" && (
- <>
-
+ setCourseDate(e.target.value)}
+ />
+ {errors.date &&
+ {errors.date}
} +
+ setTimeFrom(e.target.value)}
+ />
+ {errors.timeFrom &&
+ {errors.timeFrom}
} +
+ setTimeTo(e.target.value)}
+ />
+ {errors.timeTo &&
{errors.timeTo}
} +
+ {
+ setSelectedFrequency(value);
+ if (value !== "custom") {
+ setSelectedWeekdays([]);
+ setWeekdayTimings({});
+ }
}}
- options={WEEKDAYS}
- error={errors.weekdays}
+ options={FREQUENCIES}
+ error={errors.frequency}
/>
- {selectedWeekdays.length > 0 && (
-
)}
-
- )}
-
- {
+ setSelectedWeekdays(days);
+ setWeekdayTimings((prev) => {
+ const next: Record = {};
+ days.forEach((d) => {
+ next[d] = prev[d] ?? { timeFrom: "", timeTo: "" };
+ });
+ return next;
+ });
+ }}
+ options={WEEKDAYS}
+ error={errors.weekdays}
+ />
+
+ {selectedWeekdays.length > 0 && (
+
+
)}
-
+ Uhrzeiten pro Tag
- {selectedWeekdays.map((day) => { - const dayLabel = WEEKDAYS.find((w) => w.value === day)?.label ?? day; - return ( -
- {dayLabel}
-
- setWeekdayTimings((prev) => ({
- ...prev,
- [day]: { ...prev[day], timeFrom: e.target.value },
- }))
- }
- />
- –
-
- setWeekdayTimings((prev) => ({
- ...prev,
- [day]: { ...prev[day], timeTo: e.target.value },
- }))
- }
- />
-
- );
- })}
- {errors.weekdayTimings && (
- {errors.weekdayTimings}
+
+ setEndDate(e.target.value)}
+ />
+ {errors.endDate &&
+
+ {selectedFrequency === "custom" && (
+ <>
+ {errors.endDate}
} +
+
)}
- Uhrzeiten pro Tag
+ {selectedWeekdays.map((day) => { + const dayLabel = WEEKDAYS.find((w) => w.value === day)?.label ?? day; + return ( +
+ {dayLabel}
+
+ setWeekdayTimings((prev) => ({
+ ...prev,
+ [day]: { ...prev[day], timeFrom: e.target.value },
+ }))
+ }
+ />
+ –
+
+ setWeekdayTimings((prev) => ({
+ ...prev,
+ [day]: { ...prev[day], timeTo: e.target.value },
+ }))
+ }
+ />
+
+ );
+ })}
+ {errors.weekdayTimings && (
+ {errors.weekdayTimings}
+ )} +
+
+
+
+
+ {/* Section 4: Inhalt */}
+
+
+
+
+ Logistik
+
+
+
+
+
+
+
+ {
+ const value = e.target.value;
+ const cleanValue = value.replace(/[^\d,\.]/g, "");
+ const normalizedValue = cleanValue.replace(",", ".");
+ setPriceDisplay(value);
+ if (normalizedValue === "" || /^\d*\.?\d{0,2}$/.test(normalizedValue)) {
+ setPrice(normalizedValue);
+ }
+ }}
+ onFocus={() => {
+ setIsPriceFocused(true);
+ setPriceDisplay(price.replace(".", ","));
+ }}
+ onBlur={() => {
+ setIsPriceFocused(false);
+ }}
+ placeholder="0,00"
+ />
+ {errors.price &&
+ {errors.price}
} +
+ setMaxParticipants(e.target.value)}
+ />
+ {errors.maxParticipants && (
+
+ {errors.maxParticipants}
+ )} +
+
+
+ {/* Actions */}
+
+
+
+
+ Inhalt
+
+
+
+
+
+ Kursbild (optional)
+ {coverImage ? ( +
+
+ ) : (
+
+ )}
+
+
-
+
+
+
-
+
+
{footerMenu.map((item) => (
- = {
- "/dashboard": "Dashboard",
+ "/dashboard": "Übersicht",
"/courses/myCourses": "Meine Kurse",
"/courses": "Kurs Übersicht",
"/courses/create": "Erstelle einen Kurs",
@@ -19,47 +21,42 @@ const menuTitles: Record = {
"/employee/create": "Mitarbeiter erstellen",
"/settings": "Einstellungen",
"/settings/public-page": "Einstellungen",
+ "/kunden": "Kunden",
+ "/zahlungen": "Zahlungen",
};
-const dynamicRoutes: Array<{
- prefix: string;
- titleKey: string;
-}> = [
- {
- prefix: "/courses/edit",
- titleKey: "/courses/edit",
- },
- {
- prefix: "/rooms/edit",
- titleKey: "/rooms/edit",
- },
+const dynamicRoutes: Array<{ prefix: string; titleKey: string }> = [
+ { prefix: "/courses/edit", titleKey: "/courses/edit" },
+ { prefix: "/rooms/edit", titleKey: "/rooms/edit" },
+ { prefix: "/kunden/", titleKey: "/kunden" },
];
const getPageTitle = (pathname: string) => {
- if (menuTitles[pathname]) {
- return menuTitles[pathname];
- }
-
+ if (menuTitles[pathname]) return menuTitles[pathname];
for (const route of dynamicRoutes) {
- if (pathname.startsWith(route.prefix)) {
- return menuTitles[route.titleKey];
- }
+ if (pathname.startsWith(route.prefix)) return menuTitles[route.titleKey];
}
-
- // Fallback
return "Dashboard";
};
-const DashboardNavbar = () => {
+interface DashboardNavbarProps {
+ canCreateCourse?: boolean;
+ userRole?: string;
+}
+
+const DashboardNavbar = ({ canCreateCourse, userRole }: DashboardNavbarProps) => {
const { state, toggleSidebar, isMobile } = useSidebar();
const pathname = usePathname();
-
const pageTitle = getPageTitle(pathname);
return (
-
-
-
+
+
+
@@ -95,10 +90,10 @@ const DashboardFooter = ({ displayName, userData }: DashboardFooterProps) => {
))}
-
+
@@ -106,10 +101,42 @@ const DashboardFooter = ({ displayName, userData }: DashboardFooterProps) => {
)}
- {/* DisplayName + Avatar */}
-
- Business
-
-
);
diff --git a/src/modules/dashboard/ui/components/DashboardNavbar.tsx b/src/modules/dashboard/ui/components/DashboardNavbar.tsx
index 70224f3..32076ef 100644
--- a/src/modules/dashboard/ui/components/DashboardNavbar.tsx
+++ b/src/modules/dashboard/ui/components/DashboardNavbar.tsx
@@ -2,12 +2,14 @@
import { Button } from "@/src/components/ui/button";
import { useSidebar } from "@/src/components/ui/sidebar";
-import { PanelLeftCloseIcon, PanelLeftIcon } from "lucide-react";
+import { PanelLeftCloseIcon, PanelLeftIcon, Plus } from "lucide-react";
+import Link from "next/link";
import { usePathname } from "next/navigation";
import NotificationBell from "@/src/modules/notifications/ui/components/NotificationBell";
+import DashboardSearch from "./DashboardSearch";
const menuTitles: Record{displayName}
+ {/* Profile dropdown */} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-