This commit is contained in:
PxlLoewe
2025-05-21 09:21:09 -07:00
2 changed files with 153 additions and 176 deletions

View File

@@ -86,7 +86,9 @@ const Einsatzdetails = ({ mission }: { mission: Mission }) => {
<h2 className="flex items-center gap-2 text-lg font-bold"> <h2 className="flex items-center gap-2 text-lg font-bold">
<Flag /> Einsatzdetails <Flag /> Einsatzdetails
</h2> </h2>
{mission.state !== "draft" && ( {mission.state !== "draft" &&
typeof window !== "undefined" &&
!window.location.pathname.startsWith("/pilot") && (
<div className="space-x-2"> <div className="space-x-2">
<div <div
className="tooltip tooltip-primary tooltip-left font-semibold" className="tooltip tooltip-primary tooltip-left font-semibold"
@@ -304,6 +306,8 @@ const Rettungsmittel = ({ mission }: { mission: Mission }) => {
<h2 className="flex items-center gap-2 text-lg font-bold mb-3"> <h2 className="flex items-center gap-2 text-lg font-bold mb-3">
<SmartphoneNfc /> Rettungsmittel <SmartphoneNfc /> Rettungsmittel
</h2> </h2>
{typeof window !== "undefined" &&
!window.location.pathname.startsWith("/pilot") && (
<div <div
className="tooltip tooltip-primary tooltip-left font-semibold" className="tooltip tooltip-primary tooltip-left font-semibold"
data-tip="Einsatz erneut alarmieren" data-tip="Einsatz erneut alarmieren"
@@ -317,6 +321,7 @@ const Rettungsmittel = ({ mission }: { mission: Mission }) => {
<BellRing size={16} /> <BellRing size={16} />
</button> </button>
</div> </div>
)}
</div> </div>
<ul className="space-y-2 max-h-[300px] overflow-y-auto overflow-x-auto"> <ul className="space-y-2 max-h-[300px] overflow-y-auto overflow-x-auto">
{missionStations?.map((station, index) => { {missionStations?.map((station, index) => {
@@ -354,66 +359,12 @@ const Rettungsmittel = ({ mission }: { mission: Mission }) => {
<div className="divider mt-0 mb-0" /> <div className="divider mt-0 mb-0" />
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
{/* TODO: make it a small multiselect */} {/* TODO: make it a small multiselect */}
<select <select className="select select-sm select-primary select-bordered flex-1">
className="select select-sm select-primary select-bordered flex-1" <option value="1">Feuerwehr</option>
onChange={(e) => { <option value="2">RTW</option>
const selected = allStations?.find( <option value="3">Polizei</option>
(s) => s.id.toString() === e.target.value,
);
if (selected) {
setSelectedStation(selected);
} else {
setSelectedStation(
e.target.value as "ambulance" | "police" | "firebrigade",
);
}
}}
value={
typeof selectedStation === "string"
? selectedStation
: selectedStation?.id
}
>
{allStations
?.filter((s) => !mission.missionStationIds.includes(s.id))
?.map((station) => (
<option
key={station.id}
value={station.id}
onClick={() => {
setSelectedStation(station);
}}
>
{station.bosCallsign}
</option>
))}
<option disabled>Fahrzeuge:</option>
<option value="firebrigade">Feuerwehr</option>
<option value="ambulance">RTW</option>
<option value="police">Polizei</option>
</select> </select>
<button <button className="btn btn-sm btn-primary btn-outline">
className="btn btn-sm btn-primary btn-outline"
onClick={async () => {
if (typeof selectedStation === "string") {
toast.error("Fahrzeuge werden aktuell nicht unterstützt");
} else {
if (!selectedStation?.id) return;
await updateMissionMutation.mutateAsync({
id: mission.id,
missionEdit: {
missionStationIds: {
push: selectedStation?.id,
},
},
});
await sendAlertMutation.mutate({
id: mission.id,
stationId: selectedStation?.id ?? 0,
});
}
}}
>
<span className="text-base-content flex items-center gap-2"> <span className="text-base-content flex items-center gap-2">
<BellRing size={16} /> Nachalarmieren <BellRing size={16} /> Nachalarmieren
</span> </span>
@@ -447,6 +398,9 @@ const FMSStatusHistory = ({ mission }: { mission: Mission }) => {
if (!session.data?.user) return null; if (!session.data?.user) return null;
return ( return (
<div className="p-4"> <div className="p-4">
{typeof window !== "undefined" &&
!window.location.pathname.startsWith("/pilot") && (
<div>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
{!isAddingNote ? ( {!isAddingNote ? (
<button <button
@@ -510,6 +464,8 @@ const FMSStatusHistory = ({ mission }: { mission: Mission }) => {
)} )}
</div> </div>
<div className="divider m-0" /> <div className="divider m-0" />
</div>
)}
<ul className="space-y-1 max-h-[300px] overflow-y-auto overflow-x-auto"> <ul className="space-y-1 max-h-[300px] overflow-y-auto overflow-x-auto">
{(mission.missionLog as unknown as MissionLog[]) {(mission.missionLog as unknown as MissionLog[])
.slice() .slice()
@@ -584,6 +540,11 @@ const FMSStatusHistory = ({ mission }: { mission: Mission }) => {
return null; return null;
})} })}
</ul> </ul>
{!mission.missionLog.length && (
<p className="text-gray-500 w-full text-center my-10 font-semibold">
Keine Notizen verfügbar
</p>
)}
</div> </div>
); );
}; };

View File

@@ -75,6 +75,21 @@ export const MissionForm = () => {
}, },
}); });
const sendAlertMutation = useMutation({
mutationKey: ["missions"],
mutationFn: sendMissionAPI,
onError: (error) => {
console.error(error);
toast.error("Fehler beim Alarmieren");
},
onSuccess: (data) => {
toast.success(data.message);
queryClient.invalidateQueries({
queryKey: ["missions"],
});
},
});
const session = useSession(); const session = useSession();
const defaultFormValues = React.useMemo( const defaultFormValues = React.useMemo(
() => () =>
@@ -364,7 +379,8 @@ export const MissionForm = () => {
); );
await sendAlertMutation.mutateAsync(newMission.id); await sendAlertMutation.mutateAsync(newMission.id);
setSeachOSMElements([]); // Reset search elements setSeachOSMElements([]); // Reset search elements
toast.success(`Einsatz ${newMission.id} erstellt`);
// TODO: Einsatz alarmieren
setOpen(false); setOpen(false);
} catch (error) { } catch (error) {
toast.error( toast.error(