PxlLoewe/var-monorepo
1
0
Fork 0
Code Issues 22 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Statusaufforderung zu Aircraft hinzugefügt

Browse Source
This commit is contained in:
nocnico
2025-05-14 00:01:03 +02:00
parent b1809dc5ef
commit 96dc177a5f
1 changed files with 53 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
apps/dispatch/app/dispatch/_components/map/_components/AircraftMarkerTabs.tsx
View File

@@ -109,47 +109,70 @@ const FMSStatusSelector = ({
}); });
return ( return (
<div className="flex gap-2 p-4 justify-center items-center min-h-[136px] h-full"> <div className="flex flex-col gap-2 mt-2 p-4 text-base-content">
{Array.from({ length: 9 }, (_, i) => (i + 1).toString()) <div className="flex gap-2 justify-center items-center h-full">
.filter((status) => status !== "5") // Exclude status 5 {Array.from({ length: 9 }, (_, i) => (i + 1).toString())
.map((status) => ( .filter((status) => status !== "5") // Exclude status 5
.map((status) => (
<button
disabled={!dispatcherConnected}
key={status}
className={cn(
"flex justify-center items-center min-w-13 min-h-13 cursor-pointer text-4xl font-bold",
!dispatcherConnected && "cursor-not-allowed",
)}
style={{
backgroundColor:
hoveredStatus === status
? FMS_STATUS_COLORS[status]
: aircraft.fmsStatus === status
? FMS_STATUS_COLORS[status]
: "var(--color-base-200)",
color:
aircraft.fmsStatus === status
? "white"
: hoveredStatus === status
? "white"
: "gray",
}}
onMouseEnter={() => setHoveredStatus(status)}
onMouseLeave={() => setHoveredStatus(null)}
onClick={async () => {
// Handle status change logic here
await changeAircraftMutation.mutateAsync({
id: aircraft.id,
update: {
fmsStatus: status,
},
});
toast.success(`Status changed to ${status}`);
}}
>
{status}
</button>
))}
</div>
<div className="flex gap-1 p-2 justify-center items-center">
{["E", "C", "F", "J", "L", "c", "d", "h", "o", "u"].map((char) => (
<button <button
disabled={!dispatcherConnected} disabled={!dispatcherConnected}
key={status} key={char}
className={cn( className={cn(
"flex justify-center items-center min-w-13 min-h-13 cursor-pointer text-4xl font-bold", "flex justify-center items-center min-w-10 min-h-10 cursor-pointer text-lg font-bold",
!dispatcherConnected && "cursor-not-allowed", !dispatcherConnected && "cursor-not-allowed",
)} )}
style={{ style={{
backgroundColor: backgroundColor: "var(--color-base-200)",
hoveredStatus === status color: "gray",
? FMS_STATUS_COLORS[status]
: aircraft.fmsStatus === status
? FMS_STATUS_COLORS[status]
: "var(--color-base-200)",
color:
aircraft.fmsStatus === status
? "white"
: hoveredStatus === status
? "white"
: "gray",
}} }}
onMouseEnter={() => setHoveredStatus(status)} onClick={() => {
onMouseLeave={() => setHoveredStatus(null)} toast.success(`Button ${char} clicked`);
onClick={async () => {
// Handle status change logic here
await changeAircraftMutation.mutateAsync({
id: aircraft.id,
update: {
fmsStatus: status,
},
});
toast.success(`Status changed to ${status}`);
}} }}
> >
{status} {char}
</button> </button>
))} ))}
</div>
</div> </div>
); );
}; };