Enhance Service Messages by Config & activeUntil #9

2025-07-03 19:26:17 +02:00
parent e137b0c75e
commit ffe0d45ab6
9 changed files with 159 additions and 78 deletions
--- a/apps/hub/app/(app)/admin/message/_components/messageForm.tsx
+++ b/apps/hub/app/(app)/admin/message/_components/messageForm.tsx
@@ -2,25 +2,24 @@

 import { zodResolver } from "@hookform/resolvers/zod";
 import { Notam } from "@repo/db";
-import {
-	NotamOptionalDefaults,
-	NotamOptionalDefaultsSchema,
-} from "@repo/db/zod";
+import { NotamOptionalDefaults, NotamOptionalDefaultsSchema } from "@repo/db/zod";
 import { useForm } from "react-hook-form";
 import { addMessage, disableMessage } from "../action";
 import { useState } from "react";
+import { DateInput } from "_components/ui/DateInput";
+import "react-datepicker/dist/react-datepicker.css"; // <-- Add this line at the top if using react-datepicker

 export const MessageForm = ({ message }: { message?: Notam }) => {
 	const [isSubmitting, setIsSubmitting] = useState(false);

 	const getDefaultShowUntilDate = () => {
 		const date = new Date();
-		date.setDate(date.getDate() + 5);
 		return date;
 	};

 	const disableMessageClient = async () => {
-		disableMessage();
+		await disableMessage();
+		window.location.reload();
 	};

 	const form = useForm<NotamOptionalDefaults>({
@@ -28,8 +27,9 @@ export const MessageForm = ({ message }: { message?: Notam }) => {
 		defaultValues: {
 			message: message?.message,
 			color: message?.color,
-			isMainMsg: true,
 			active: true,
+			wartungsmodus: message?.wartungsmodus,
+			disableHPG: message?.disableHPG,
 			showUntil: getDefaultShowUntilDate(),
 		},
 	});
@@ -39,7 +39,8 @@ export const MessageForm = ({ message }: { message?: Notam }) => {
 			onSubmit={form.handleSubmit(async (values) => {
 				setIsSubmitting(true);
 				try {
-					const msg = await addMessage(values);
+					await addMessage(values);
+					window.location.reload();
 				} catch (error) {
 					setIsSubmitting(false);
 					console.error("Failed to add message", error);
@@ -57,51 +58,76 @@ export const MessageForm = ({ message }: { message?: Notam }) => {
 				/>
 			</label>
 			<div className="gap-2 flex justify-between col-span-6">
-				<div className="content-center">
-					<input
-						type="radio"
-						value="INFO"
-						{...form.register("color")}
-						className="radio radio-info ml-2 mr-2"
-					/>
-					<span>Info</span>
-					<input
-						type="radio"
-						value="SUCCESS"
-						{...form.register("color")}
-						className="radio radio-success ml-2 mr-2"
-					/>
-					<span>Success</span>
-					<input
-						type="radio"
-						value="WARNING"
-						{...form.register("color")}
-						className="radio radio-warning ml-2 mr-2"
-					/>
-					<span>Warning</span>
-					<input
-						type="radio"
-						value="ERROR"
-						{...form.register("color")}
-						className="radio radio-error ml-2 mr-2"
-					/>
-					<span>Error</span>
+				<div className="flex flex-col gap-4">
+					<div className="content-center">
+						<input
+							type="radio"
+							value="INFO"
+							{...form.register("color")}
+							className="radio radio-info ml-2 mr-2"
+						/>
+						<span>Info</span>
+						<input
+							type="radio"
+							value="SUCCESS"
+							{...form.register("color")}
+							className="radio radio-success ml-2 mr-2"
+						/>
+						<span>Success</span>
+						<input
+							type="radio"
+							value="WARNING"
+							{...form.register("color")}
+							className="radio radio-warning ml-2 mr-2"
+						/>
+						<span>Warning</span>
+						<input
+							type="radio"
+							value="ERROR"
+							{...form.register("color")}
+							className="radio radio-error ml-2 mr-2"
+						/>
+						<span>Error</span>
+					</div>
+					<div className="flex flex-col gap-2 ml-2">
+						<label className="label">
+							<input
+								type="checkbox"
+								className="checkbox checkbox-primary"
+								{...form.register("wartungsmodus")}
+							/>
+							Wartungsmodus einschalten
+						</label>
+						<label className="label">
+							<input
+								type="checkbox"
+								className="checkbox checkbox-primary"
+								{...form.register("disableHPG")}
+							/>
+							HPG Alarmierung deaktivieren
+						</label>
+					</div>
+					<div className="flex flex-col gap-2 ml-2">
+						<label className="label">Nachricht & Effekte bis (optional)</label>
+						<DateInput
+							control={form.control}
+							name="showUntil"
+							showTimeInput
+							timeCaption="Uhrzeit"
+							showTimeCaption
+							className="input input-md"
+						/>
+					</div>
 				</div>
-				<div>
-					<button
-						type="submit"
-						className="btn btn-soft mr-2"
-						onClick={disableMessageClient}
-					>
-						Aktuelle Nachricht deaktivieren
-					</button>
-					<button
-						type="submit"
-						className="btn btn-primary"
-						disabled={isSubmitting}
-					>
-						Speichern
-					</button>
+				<div className="flex flex-col justify-end">
+					<div className="flex justify-center gap-2">
+						<button type="submit" className="btn btn-soft" onClick={disableMessageClient}>
+							Aktuelle Nachricht deaktivieren
+						</button>
+						<button type="submit" className="btn btn-primary" disabled={isSubmitting}>
+							Speichern
+						</button>
+					</div>
 				</div>
 			</div>
 		</form>
--- a/apps/hub/app/(app)/admin/message/action.tsx
+++ b/apps/hub/app/(app)/admin/message/action.tsx
@@ -3,19 +3,23 @@ import { prisma, Prisma } from "@repo/db";

 export const addMessage = async (message: Prisma.NotamCreateInput) => {
 	try {
-		// Set all current messages with isMainMsg=true to active=false
 		await prisma.notam.updateMany({
-			where: { isMainMsg: true },
+			where: { active: true },
 			data: { active: false },
 		});

+		const showUntil = new Date(message.showUntil);
+		const showUntilActive = showUntil > new Date();
+
 		await prisma.notam.create({
 			data: {
 				message: message.message,
 				color: message.color,
-				isMainMsg: true,
 				active: true,
-				showUntil: new Date().toISOString(),
+				wartungsmodus: message.wartungsmodus,
+				disableHPG: message.disableHPG,
+				showUntilActive,
+				showUntil,
 			},
 		});
 	} catch (error) {
@@ -25,9 +29,8 @@ export const addMessage = async (message: Prisma.NotamCreateInput) => {

 export const disableMessage = async () => {
 	try {
-		// Set all current messages with isMainMsg=true to active=false
 		await prisma.notam.updateMany({
-			where: { isMainMsg: true },
+			where: { active: true },
 			data: { active: false },
 		});
 	} catch (error) {
--- a/apps/hub/app/(app)/admin/message/page.tsx
+++ b/apps/hub/app/(app)/admin/message/page.tsx
@@ -1,6 +1,6 @@
 "use client";

-import { MessageSquareWarning } from "lucide-react";
+import { Check, MessageSquareWarning } from "lucide-react";
 import { MessageForm } from "./_components/messageForm";
 import { PaginatedTable } from "_components/PaginatedTable";
 import { ColumnDef } from "@tanstack/react-table";
@@ -23,6 +23,7 @@ export default function MessagePage() {
 			</div>
 			<PaginatedTable
 				prismaModel="notam"
+				initialOrderBy={[{ id: "createdAt", desc: true }]}
 				columns={
 					[
 						{
@@ -31,19 +32,58 @@ export default function MessagePage() {
 						},
 						{
 							accessorKey: "color",
-							header: "Status",
+							header: "Typ",
 							cell: ({ row }) => {
 								const color = row.getValue("color");
 								return color;
 							},
 						},
+						{
+							accessorKey: "wartungsmodus",
+							header: "Wartungsmodus",
+							cell: ({ row }) => {
+								const wartungsmodus = row.getValue("wartungsmodus");
+								return wartungsmodus ? <Check /> : "";
+							},
+						},
+						{
+							accessorKey: "disableHPG",
+							header: "HPG deaktiviert",
+							cell: ({ row }) => {
+								const disableHPG = row.getValue("disableHPG");
+								return disableHPG ? <Check /> : "";
+							},
+						},
+						{
+							accessorKey: "showUntil",
+							header: "Zeitlimit",
+							cell: ({ row, cell }) => {
+								const showUntil = new Date(cell.getValue() as string);
+								const createdAt = new Date(row.getValue("createdAt") as string);
+								if (showUntil > createdAt) {
+									return showUntil.toLocaleDateString("de-DE", {
+										year: "numeric",
+										month: "2-digit",
+										day: "2-digit",
+										hour: "2-digit",
+										minute: "2-digit",
+									});
+								}
+								return "";
+							},
+						},
 						{
 							accessorKey: "createdAt",
 							header: "Erstellt am",
-							sortDescFirst: false,
 							cell: ({ cell }) => {
 								const date = new Date(cell.getValue() as string);
-								return date.toLocaleDateString();
+								return date.toLocaleDateString("de-DE", {
+									year: "numeric",
+									month: "2-digit",
+									day: "2-digit",
+									hour: "2-digit",
+									minute: "2-digit",
+								});
 							},
 						},
 					] as ColumnDef<Notam>[]
--- a/apps/hub/app/(app)/events/_components/Modal.tsx
+++ b/apps/hub/app/(app)/events/_components/Modal.tsx
@@ -23,9 +23,7 @@ import { useRouter } from "next/navigation";
 import { handleParticipantEnrolled } from "../../../../helper/events";
 import { eventCompleted } from "@repo/shared-components";
 import MDEditor from "@uiw/react-md-editor";
-import { DayPicker } from "react-day-picker";
 import toast from "react-hot-toast";
-import { se } from "date-fns/locale";

 interface ModalBtnProps {
 	title: string;