Added HPG validation

apps/dispatch/app/_components/left/SituationBoard.tsx

@@ -41,8 +41,6 @@ export const SituationBoard = () => {
 	});
 	const { setOpenAircraftMarker, setOpenMissionMarker, setMap } = useMapStore((state) => state);
 
-	console.log("station", connectedAircrafts);
-
 	return (
 		<div className={cn("dropdown dropdown-top", situationTabOpen && "dropdown-open")}>
 			<div className="indicator">

apps/dispatch/app/_components/map/AircraftMarker.tsx

@@ -1,4 +1,4 @@
-import { Marker, useMap } from "react-leaflet";
+import { Marker, Polyline, useMap } from "react-leaflet";
 import { DivIcon, Marker as LMarker, Popup as LPopup } from "leaflet";
 import { useMapStore } from "_store/mapStore";
 import { Fragment, useCallback, useEffect, useRef, useState, useMemo } from "react";
@@ -13,7 +13,7 @@ import FMSStatusHistory, {
 } from "./_components/AircraftMarkerTabs";
 import { ConnectedAircraft, Station } from "@repo/db";
 import { useQuery } from "@tanstack/react-query";
-import { getConnectedAircraftsAPI } from "_querys/aircrafts";
+import { getConnectedAircraftPositionLogAPI, getConnectedAircraftsAPI } from "_querys/aircrafts";
 import { getMissionsAPI } from "_querys/missions";
 import { checkSimulatorConnected } from "_helpers/simulatorConnected";
 
@@ -263,9 +263,18 @@ const AircraftMarker = ({ aircraft }: { aircraft: ConnectedAircraft & { Station:
 	const popupRef = useRef<LPopup>(null);
 
 	const { openAircraftMarker, setOpenAircraftMarker } = useMapStore((store) => store);
+	const { data: positionLog } = useQuery({
+		queryKey: ["positionlog", aircraft.id],
+		queryFn: () =>
+			getConnectedAircraftPositionLogAPI({
+				id: aircraft.id,
+			}),
+		refetchInterval: 10000,
+	});
 
 	useEffect(() => {
 		const handleClick = () => {
+			console.log("Marker clicked", aircraft.id);
 			const open = openAircraftMarker.some((m) => m.id === aircraft.id);
 			if (open) {
 				setOpenAircraftMarker({
@@ -289,7 +298,7 @@ const AircraftMarker = ({ aircraft }: { aircraft: ConnectedAircraft & { Station:
 		return () => {
 			marker?.off("click", handleClick);
 		};
-	}, [aircraft.id, openAircraftMarker, setOpenAircraftMarker]);
+	}, [aircraft.id, openAircraftMarker, setOpenAircraftMarker, markerRef.current]);
 
 	const [anchor, setAnchor] = useState<"topleft" | "topright" | "bottomleft" | "bottomright">(
 		"topleft",
@@ -372,38 +381,46 @@ const AircraftMarker = ({ aircraft }: { aircraft: ConnectedAircraft & { Station:
 					</div>`;
 	};
 
+	if (!aircraft.posLat || !aircraft.posLng) return null;
 	return (
 		<Fragment key={aircraft.id}>
-			{
-				<Marker
-					ref={markerRef}
-					position={[aircraft.posLat!, aircraft.posLng!]}
-					icon={
-						new DivIcon({
-							iconAnchor: [0, 0],
-							html: getMarkerHTML(aircraft, anchor),
-						})
-					}
-				/>
-			}
+			<Marker
+				ref={markerRef}
+				position={[aircraft.posLat, aircraft.posLng]}
+				icon={
+					new DivIcon({
+						iconAnchor: [0, 0],
+						html: getMarkerHTML(aircraft, anchor),
+					})
+				}
+			/>
 			{openAircraftMarker.some((m) => m.id === aircraft.id) && !hideMarker && (
-				<SmartPopup
-					options={{
-						ignoreCluster: true,
-					}}
-					id={`aircraft-${aircraft.id}`}
-					ref={popupRef}
-					position={[aircraft.posLat!, aircraft.posLng!]}
-					autoClose={false}
-					closeOnClick={false}
-					autoPan={false}
-					wrapperClassName="relative"
-					className="w-[502px]"
-				>
-					<div style={{ height: "auto", maxHeight: "90vh", overflowY: "auto" }}>
-						<AircraftPopupContent aircraft={aircraft} />
-					</div>
-				</SmartPopup>
+				<>
+					<SmartPopup
+						options={{
+							ignoreCluster: true,
+						}}
+						id={`aircraft-${aircraft.id}`}
+						ref={popupRef}
+						position={[aircraft.posLat!, aircraft.posLng!]}
+						autoClose={false}
+						closeOnClick={false}
+						autoPan={false}
+						wrapperClassName="relative"
+						className="w-[502px]"
+					>
+						<div style={{ height: "auto", maxHeight: "90vh", overflowY: "auto" }}>
+							<AircraftPopupContent aircraft={aircraft} />
+						</div>
+					</SmartPopup>
+					<Polyline
+						pathOptions={{
+							color: "var(--color-rescuetrack)",
+							weight: 3,
+						}}
+						positions={positionLog?.map((pos) => [pos.lat, pos.lng]) || []}
+					/>
+				</>
 			)}
 		</Fragment>
 	);

apps/dispatch/app/_components/map/_components/AircraftMarkerTabs.tsx

@@ -29,6 +29,7 @@ import {
 	Hash,
 	ListCollapse,
 	LocateFixed,
+	Lollipop,
 	MapPin,
 	Mountain,
 	Navigation,
@@ -252,6 +253,14 @@ const RettungsmittelTab = ({
 					<CircleGaugeIcon size={16} /> ALT: {aircraft.posAlt} ft
 				</span>
 			</div>
+			<div className="flex items-center text-sm font-semibold justify-between pr-2 mt-2">
+				<span className="flex items-center gap-2">
+					<Lollipop size={16} />{" "}
+					<span className={cn(aircraft.posH145active && "text-green-500")}>
+						{aircraft.posH145active ? "H145 Aktiv" : "H145 Inaktiv"}
+					</span>
+				</span>
+			</div>
 		</div>
 	);
 };
@@ -306,8 +315,14 @@ const SDSTab = ({
 	const dispatcherConnected = useDispatchConnectionStore((s) => s.status) === "connected";
 
 	const sendSdsMutation = useMutation({
-		mutationFn: async ({ id, message }: { id: number; message: MissionSdsLog }) => {
-			await sendSdsMessageAPI(id, message);
+		mutationFn: async ({
+			missionId,
+			sdsMessage,
+		}: {
+			missionId?: number;
+			sdsMessage: MissionSdsLog;
+		}) => {
+			await sendSdsMessageAPI({ missionId, sdsMessage });
 			queryClient.invalidateQueries({
 				queryKey: ["missions"],
 			});
@@ -348,11 +363,10 @@ const SDSTab = ({
 								<button
 									className="btn btn-sm btn-primary btn-outline"
 									onClick={() => {
-										if (!mission) return;
 										sendSdsMutation
 											.mutateAsync({
-												id: mission.id,
-												message: {
+												missionId: mission?.id,
+												sdsMessage: {
 													type: "sds-log",
 													auto: false,
 													timeStamp: new Date().toISOString(),

apps/dispatch/app/_querys/aircrafts.ts

@@ -1,4 +1,4 @@
-import { ConnectedAircraft, Prisma, PublicUser, Station } from "@repo/db";
+import { ConnectedAircraft, PositionLog, Prisma, PublicUser, Station } from "@repo/db";
 import axios from "axios";
 import { serverApi } from "_helpers/axios";
 
@@ -17,3 +17,13 @@ export const editConnectedAircraftAPI = async (
 	const respone = await serverApi.patch<ConnectedAircraft>(`/aircrafts/${id}`, mission);
 	return respone.data;
 };
+
+export const getConnectedAircraftPositionLogAPI = async ({ id }: { id: number }) => {
+	const res = await axios.get<PositionLog[]>("/api/aircrafts/positionlog", {
+		params: { connectedAircraftId: id },
+	});
+	if (res.status !== 200) {
+		throw new Error("Failed to fetch aircraft position log");
+	}
+	return res.data;
+};

apps/dispatch/app/_querys/missions.ts

@@ -29,8 +29,14 @@ export const editMissionAPI = async (id: number, mission: Prisma.MissionUpdateIn
 	const respone = await serverApi.patch<Mission>(`/mission/${id}`, mission);
 	return respone.data;
 };
-export const sendSdsMessageAPI = async (id: number, sdsMessage: MissionSdsLog) => {
-	const respone = await serverApi.post<Mission>(`/mission/${id}/send-sds`, sdsMessage);
+export const sendSdsMessageAPI = async ({
+	missionId,
+	sdsMessage,
+}: {
+	missionId?: number;
+	sdsMessage: MissionSdsLog;
+}) => {
+	const respone = await serverApi.post<Mission>(`/mission/send-sds`, { sdsMessage, missionId });
 	return respone.data;
 };
 

apps/dispatch/app/_store/dispatch/connectionStore.ts

@@ -65,7 +65,6 @@ dispatchSocket.on("force-disconnect", (reason: string) => {
 	});
 });
 dispatchSocket.on("dispatchers-update", (dispatch: ConnectedDispatcher) => {
-	console.log("dispatchers-update", dispatch);
 	useDispatchConnectionStore.setState({
 		connectedDispatcher: dispatch,
 	});

apps/dispatch/app/api/aircrafts/positionlog/route.ts

@@ -0,0 +1,33 @@
+import { prisma, Prisma } from "@repo/db";
+import { NextRequest, NextResponse } from "next/server";
+
+export async function GET(request: NextRequest): Promise<NextResponse> {
+	try {
+		const connectedAircraftId = request.nextUrl.searchParams.get("connectedAircraftId");
+
+		const aircraft = await prisma.connectedAircraft.findUnique({
+			where: {
+				id: connectedAircraftId ? parseInt(connectedAircraftId) : undefined,
+			},
+		});
+		if (!aircraft) return NextResponse.json({ error: "Aircraft not found" }, { status: 404 });
+
+		const positionLog = await prisma.positionLog.findMany({
+			where: {
+				id: {
+					in: aircraft.positionLogIds,
+				},
+				timestamp: {
+					gte: new Date(Date.now() - 2 * 60 * 60 * 1000), // Last 2 hours
+				},
+			},
+		});
+
+		return NextResponse.json(positionLog, {
+			status: 200,
+		});
+	} catch (error) {
+		console.error(error);
+		return NextResponse.json({ error: "Failed to fetch Aircrafts" }, { status: 500 });
+	}
+}

apps/dispatch/app/api/position-log/route.ts

@@ -24,13 +24,10 @@ export const PUT = async (req: Request) => {
 		position: PositionLog;
 		h145: boolean;
 	};
-	console.log("position", userId);
 	if (!position) {
 		return Response.json({ message: "Missing id or position" });
 	}
 
-	console.log("position", position);
-
 	const activeAircraft = await prisma.connectedAircraft.findFirst({
 		where: {
 			userId,

apps/dispatch/app/dispatch/_components/pannel/MissionForm.tsx

@@ -135,6 +135,8 @@ export const MissionForm = () => {
 		}
 	}, [missionFormValues, form, defaultFormValues]);
 
+	console.log("Mission HPG String", form.watch("hpgMissionString"));
+
 	const saveMission = async (
 		mission: MissionOptionalDefaults,
 		{ alertWhenValid = false, createNewMission = false } = {},
@@ -287,9 +289,9 @@ export const MissionForm = () => {
 								);
 								form.setValue("hpgMissionString", "");
 							}}
-							defaultValue=""
+							value={form.watch("missionKeywordCategory") || "please_select"}
 						>
-							<option disabled value="">
+							<option disabled value="please_select">
 								Einsatz Kategorie auswählen...
 							</option>
 							{Object.keys(KEYWORD_CATEGORY).map((use) => (
@@ -310,9 +312,9 @@ export const MissionForm = () => {
 								form.setValue("missionKeywordAbbreviation", keyword?.abreviation || (null as any));
 								form.setValue("hpgMissionString", "default");
 							}}
-							defaultValue="default"
+							value={form.watch("missionKeywordAbbreviation") || "please_select"}
 						>
-							<option disabled value={""}>
+							<option disabled value={"please_select"}>
 								Einsatzstichwort auswählen...
 							</option>
 							{keywords &&
@@ -331,7 +333,7 @@ export const MissionForm = () => {
 							<select
 								{...form.register("hpgMissionString")}
 								className="select select-primary select-bordered w-full"
-								defaultValue="default"
+								value={form.watch("hpgMissionString") || ""}
 							>
 								<option disabled value="">
 									Einsatz Szenario auswählen...

apps/dispatch/app/dispatch/page.tsx

@@ -7,10 +7,12 @@ import dynamic from "next/dynamic";
 import { Chat } from "../_components/left/Chat";
 import { Report } from "../_components/left/Report";
 import { SituationBoard } from "_components/left/SituationBoard";
+
 const Map = dynamic(() => import("../_components/map/Map"), { ssr: false });
 
 const DispatchPage = () => {
 	const { isOpen } = usePannelStore();
+	/* return null; */
 	return (
 		<div className="relative flex-1 flex transition-all duration-500 ease w-full">
 			{/* <MapToastCard2 /> */}