Merge branch 'main' of https://github.com/VAR-Virtual-Air-Rescue/var-monorepo
This commit is contained in:
@@ -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>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -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(
|
||||||
|
|||||||
Reference in New Issue
Block a user