SB fetch and entry
This commit is contained in:
parent
896a459bba
commit
8975ea17af
@ -1,6 +1,11 @@
|
|||||||
import { FC, StrictMode, useCallback, useEffect, useState } from 'react';
|
import { FC, useCallback, useEffect, useState } from 'react';
|
||||||
import Pax from './components/pax/Pax';
|
import Pax from './components/pax/Pax';
|
||||||
import { COHERENT_COMBUS_WASM_CALL, COMM_BUS_LIVE_DATA_EVENT, TFDI_SIMBRIEF_USERNAME_EVENT } from './constants';
|
import {
|
||||||
|
COHERENT_COMBUS_WASM_CALL,
|
||||||
|
COMM_BUS_LIVE_DATA_EVENT,
|
||||||
|
TFDI_SIMBRIEF_USERNAME_CALL,
|
||||||
|
TFDI_SIMBRIEF_USERNAME_EVENT,
|
||||||
|
} from './constants';
|
||||||
import { WASMDataPax } from './types/WASMData';
|
import { WASMDataPax } from './types/WASMData';
|
||||||
|
|
||||||
interface IAppProps {
|
interface IAppProps {
|
||||||
@ -23,35 +28,33 @@ const App: FC<IAppProps> = ({ commBus }) => {
|
|||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
console.log('Initializing CommBus');
|
console.log('Initializing CommBus');
|
||||||
|
|
||||||
commBus.on(COMM_BUS_LIVE_DATA_EVENT, usernameCallback);
|
commBus.on(TFDI_SIMBRIEF_USERNAME_EVENT, usernameCallback);
|
||||||
commBus.on(COMM_BUS_LIVE_DATA_EVENT, wasmCallback);
|
commBus.on(COMM_BUS_LIVE_DATA_EVENT, wasmCallback);
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
Coherent.call(COHERENT_COMBUS_WASM_CALL, TFDI_SIMBRIEF_USERNAME_EVENT, 'null');
|
Coherent.call(COHERENT_COMBUS_WASM_CALL, TFDI_SIMBRIEF_USERNAME_CALL, 'null');
|
||||||
}, 1000);
|
}, 1000);
|
||||||
|
|
||||||
return () => {
|
return () => {
|
||||||
commBus.off('receiveSimBriefUsername', usernameCallback);
|
commBus.off(TFDI_SIMBRIEF_USERNAME_EVENT, usernameCallback);
|
||||||
commBus.off(COMM_BUS_LIVE_DATA_EVENT, wasmCallback);
|
commBus.off(COMM_BUS_LIVE_DATA_EVENT, wasmCallback);
|
||||||
};
|
};
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<StrictMode>
|
<div className="flex w-full justify-center pt-2 bg-zinc-900">
|
||||||
<div className="flex w-full justify-center pt-2 bg-zinc-900">
|
<div className="flex w-3/4 flex-col items-center">
|
||||||
<div className="flex w-3/4 flex-col items-center">
|
{isReady && WASMData ? (
|
||||||
{isReady && WASMData ? (
|
WASMData.userData.isCargo ? (
|
||||||
WASMData.userData.isCargo ? (
|
<>Not yet Implemented</>
|
||||||
<>Not yet Implemented</>
|
|
||||||
) : (
|
|
||||||
<Pax WASMData={WASMData} username={SBUsername} />
|
|
||||||
)
|
|
||||||
) : (
|
) : (
|
||||||
<h1 className="text-sm font-medium">LOADING</h1>
|
<Pax WASMData={WASMData} username={SBUsername} />
|
||||||
)}
|
)
|
||||||
</div>
|
) : (
|
||||||
|
<h1 className="text-sm font-medium">LOADING</h1>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
</StrictMode>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@ -1,111 +1,43 @@
|
|||||||
import { FC, useEffect, useState } from 'react';
|
import { FC, useEffect, useRef, useState } from 'react';
|
||||||
import { PaxConfig, PayloadPax } from '../../configs/pax';
|
import { emptyAircraft } from '../../configs/shared';
|
||||||
import { Fuel, SharedConfig } from '../../configs/shared';
|
import { COHERENT_COMBUS_WASM_CALL, COMM_BUS_UPDATE_TARGET_EVENT } from '../../constants';
|
||||||
|
import { WASMDataPax } from '../../types/WASMData';
|
||||||
|
import { LoadingState } from '../../types/general';
|
||||||
import { ImportFlightPlan } from '../../utils/TFDISBImport';
|
import { ImportFlightPlan } from '../../utils/TFDISBImport';
|
||||||
import CGSelect from '../CGSelect/CGSelect';
|
import CGSelect from '../CGSelect/CGSelect';
|
||||||
import ActionBar from '../actionbar/ActionBar';
|
import ActionBar from '../actionbar/ActionBar';
|
||||||
|
|
||||||
interface StationEntryProps {
|
interface SBEntryProps {
|
||||||
unit: 'kg' | 'lbs';
|
WASMData: WASMDataPax;
|
||||||
isER: boolean;
|
loadingState: LoadingState;
|
||||||
initialPayload: PayloadPax;
|
|
||||||
fuelLive: Fuel;
|
|
||||||
payloadLive: PayloadPax;
|
|
||||||
loadingState: 'preview' | 'accepted' | 'loaded';
|
|
||||||
username: string;
|
username: string;
|
||||||
setLoadingState: (newState: StationEntryProps['loadingState']) => void;
|
setLoadingState: (newState: LoadingState) => void;
|
||||||
updateView: (payload: PayloadPax) => void;
|
|
||||||
loadAircraft: () => void;
|
loadAircraft: () => void;
|
||||||
}
|
}
|
||||||
|
|
||||||
const SBEntryPax: FC<StationEntryProps> = ({
|
const SBEntryPax: FC<SBEntryProps> = ({ WASMData, loadingState, username, setLoadingState, loadAircraft }) => {
|
||||||
unit,
|
const [CGTarget, setCGTarget] = useState(WASMData.targetPayload.CGTarget);
|
||||||
isER,
|
const [fuel, setFuel] = useState(Math.round(WASMData.livePayload.fuel));
|
||||||
initialPayload,
|
const [fuelEnabled, setFuelEnabled] = useState(true);
|
||||||
fuelLive,
|
|
||||||
payloadLive,
|
|
||||||
loadingState,
|
|
||||||
username,
|
|
||||||
setLoadingState,
|
|
||||||
updateView,
|
|
||||||
loadAircraft,
|
|
||||||
}) => {
|
|
||||||
const [targetZFWCG, setTargetZFWCG] = useState(SharedConfig.CGLimits.default);
|
|
||||||
const [fuel, setFuel] = useState(
|
|
||||||
Math.round(
|
|
||||||
fuelLive.main1 +
|
|
||||||
fuelLive.main1Tip +
|
|
||||||
fuelLive.main2 +
|
|
||||||
fuelLive.main3 +
|
|
||||||
fuelLive.main3Tip +
|
|
||||||
fuelLive.upperAux +
|
|
||||||
fuelLive.lowerAux +
|
|
||||||
fuelLive.tail +
|
|
||||||
fuelLive.forwardAux1 +
|
|
||||||
fuelLive.forwardAux2
|
|
||||||
)
|
|
||||||
);
|
|
||||||
const [ZFW, setZFW] = useState(
|
|
||||||
Math.round(
|
|
||||||
PaxConfig.weights.base[unit].total +
|
|
||||||
(isER ? SharedConfig.erExtraWeight[unit] * 2 : 0) +
|
|
||||||
payloadLive.empty +
|
|
||||||
initialPayload.business1Left +
|
|
||||||
initialPayload.business1Center +
|
|
||||||
initialPayload.business1Right +
|
|
||||||
initialPayload.business2Left +
|
|
||||||
initialPayload.business2Center +
|
|
||||||
initialPayload.business2Right +
|
|
||||||
initialPayload.economy1Left +
|
|
||||||
initialPayload.economy1Center +
|
|
||||||
initialPayload.economy1Right +
|
|
||||||
initialPayload.economy2Left +
|
|
||||||
initialPayload.economy2Center +
|
|
||||||
initialPayload.economy2Right +
|
|
||||||
initialPayload.forwardCargo +
|
|
||||||
initialPayload.rearCargo
|
|
||||||
)
|
|
||||||
);
|
|
||||||
const [SBPlan, setSBPlan] = useState<any>();
|
const [SBPlan, setSBPlan] = useState<any>();
|
||||||
const [SBInFlight, setSBInFlight] = useState(false);
|
const [SBInFlight, setSBInFlight] = useState(false);
|
||||||
|
|
||||||
const _ZFW = () => {
|
const numPax = useRef(0);
|
||||||
if (loadingState !== 'loaded') return ZFW;
|
const cargo = useRef(0);
|
||||||
|
|
||||||
return Math.round(
|
const ZFW = () => {
|
||||||
payloadLive.empty +
|
if (loadingState !== 'loaded') return Math.round(WASMData.targetPayload.total);
|
||||||
payloadLive.pilot +
|
|
||||||
payloadLive.firstOfficer +
|
return Math.round(WASMData.livePayload.total);
|
||||||
payloadLive.engineer +
|
|
||||||
payloadLive.cabinCrewFront +
|
|
||||||
payloadLive.business1Left +
|
|
||||||
payloadLive.business1Center +
|
|
||||||
payloadLive.business1Right +
|
|
||||||
payloadLive.business2Left +
|
|
||||||
payloadLive.business2Center +
|
|
||||||
payloadLive.business2Right +
|
|
||||||
payloadLive.economy1Left +
|
|
||||||
payloadLive.economy1Center +
|
|
||||||
payloadLive.economy1Right +
|
|
||||||
payloadLive.economy2Left +
|
|
||||||
payloadLive.economy2Center +
|
|
||||||
payloadLive.economy2Right +
|
|
||||||
payloadLive.cabinCrewRear +
|
|
||||||
payloadLive.forwardCargo +
|
|
||||||
payloadLive.rearCargo +
|
|
||||||
payloadLive.leftAuxPax +
|
|
||||||
payloadLive.rightAuxPax
|
|
||||||
);
|
|
||||||
};
|
};
|
||||||
const ZFWValid = () => {
|
const ZFWValid = () => {
|
||||||
return _ZFW() <= PaxConfig.maxZWF[unit];
|
return ZFW() <= WASMData.limits.maxZFW;
|
||||||
};
|
};
|
||||||
|
|
||||||
const GW = () => {
|
const GW = () => {
|
||||||
return fuel + _ZFW();
|
return fuel + ZFW();
|
||||||
};
|
};
|
||||||
const GWValid = () => {
|
const GWValid = () => {
|
||||||
return GW() <= (isER ? SharedConfig.maxTOW.er[unit] : SharedConfig.maxTOW.norm[unit]);
|
return GW() <= WASMData.limits.maxTOW;
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleInput = (input: string, maxValue: number, setter: (value: number) => void) => {
|
const handleInput = (input: string, maxValue: number, setter: (value: number) => void) => {
|
||||||
@ -125,49 +57,89 @@ const SBEntryPax: FC<StationEntryProps> = ({
|
|||||||
const handleSB = async () => {
|
const handleSB = async () => {
|
||||||
setSBInFlight(true);
|
setSBInFlight(true);
|
||||||
|
|
||||||
const SBResponse = await ImportFlightPlan(username, PaxConfig, unit, isER);
|
const SBResponse = await ImportFlightPlan(
|
||||||
|
username,
|
||||||
|
WASMData.limits.maxZFW,
|
||||||
|
WASMData.limits.maxTOW,
|
||||||
|
WASMData.limits.maxFuel,
|
||||||
|
WASMData.userData.isImperial
|
||||||
|
);
|
||||||
if (SBResponse.type === 'error') {
|
if (SBResponse.type === 'error') {
|
||||||
console.error('TODO: ERROR', SBResponse.message);
|
console.error('TODO: ERROR', SBResponse.message);
|
||||||
setSBInFlight(false);
|
setSBInFlight(false);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
const __ZFW = Math.round(
|
cargo.current = parseFloat(SBResponse.message.cargo) ?? 0;
|
||||||
PaxConfig.weights.base[unit].total +
|
numPax.current = parseInt(SBResponse.message.pax) ?? 0;
|
||||||
(isER ? SharedConfig.erExtraWeight[unit] * 2 : 0) +
|
|
||||||
payloadLive.empty +
|
|
||||||
SBResponse.message.pax * (PaxConfig.weights.pax[unit] + PaxConfig.weights.baggage[unit]) +
|
|
||||||
SBResponse.message.cargo
|
|
||||||
);
|
|
||||||
const _fuel = SBResponse.message.fuel;
|
|
||||||
|
|
||||||
updateView(
|
updateData();
|
||||||
PaxConfig.distribute(__ZFW, targetZFWCG, payloadLive.empty, fuelLive, unit, isER, SBResponse.message.pax)
|
|
||||||
);
|
|
||||||
|
|
||||||
setSBPlan(SBResponse.message);
|
setSBPlan(SBResponse.message);
|
||||||
setZFW(__ZFW);
|
setFuel(parseFloat(SBResponse.message.fuel) ?? 0);
|
||||||
setFuel(_fuel);
|
|
||||||
setSBInFlight(false);
|
setSBInFlight(false);
|
||||||
};
|
};
|
||||||
|
|
||||||
useEffect(
|
useEffect(
|
||||||
() =>
|
() =>
|
||||||
setFuel((prev) =>
|
setFuel((prev) => {
|
||||||
prev > (isER ? SharedConfig.maxFuel.er[unit] : SharedConfig.maxFuel.norm[unit])
|
if (prev > WASMData.limits.maxFuel) return WASMData.limits.maxFuel;
|
||||||
? isER
|
return prev;
|
||||||
? SharedConfig.maxFuel.er[unit]
|
}),
|
||||||
: SharedConfig.maxFuel.norm[unit]
|
[WASMData.userData.isER]
|
||||||
: prev
|
|
||||||
),
|
|
||||||
[isER]
|
|
||||||
);
|
);
|
||||||
|
useEffect(() => {
|
||||||
|
setFuelEnabled(Math.round(WASMData.livePayload.fuel) === fuel);
|
||||||
|
}, [WASMData.livePayload.fuel]);
|
||||||
|
|
||||||
|
const updateData = (_CGTarget?: number) => {
|
||||||
|
Coherent.call(
|
||||||
|
COHERENT_COMBUS_WASM_CALL,
|
||||||
|
COMM_BUS_UPDATE_TARGET_EVENT,
|
||||||
|
JSON.stringify({
|
||||||
|
mode: 0,
|
||||||
|
cargo: cargo.current ?? 0,
|
||||||
|
numPax: numPax.current ?? 0,
|
||||||
|
CGTarget: _CGTarget ?? CGTarget,
|
||||||
|
})
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
<div className="block flex w-full flex-col opacity-100 transition-opacity duration-150 ease-linear mb-4">
|
||||||
|
<div className="relative flex w-full items-center justify-between rounded-md bg-zinc-600 p-2 px-4">
|
||||||
|
<label>Fuel ({WASMData.userData.isImperial ? 'lbs' : 'kg'})</label>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
placeholder=""
|
||||||
|
className={`w-1/2 rounded-lg border border-white bg-zinc-700 px-3 py-2 text-right`}
|
||||||
|
value={fuel}
|
||||||
|
onChange={(e) => handleInput(e.target.value, WASMData.limits.maxFuel, setFuel)}
|
||||||
|
disabled={loadingState !== 'preview'}
|
||||||
|
/>
|
||||||
|
<button
|
||||||
|
className="middle none center rounded-lg bg-green-600 px-6 py-3 font-sans text-xs font-bold uppercase text-white shadow-md shadow-green-500/20 transition-all hover:shadow-lg hover:shadow-green-500/40 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none"
|
||||||
|
data-ripple-light="true"
|
||||||
|
onClick={() => {
|
||||||
|
SimVar.SetSimVarValue(
|
||||||
|
'L:MD11_EFB_PAYLOAD_FUEL',
|
||||||
|
'lbs',
|
||||||
|
WASMData.userData.isImperial ? fuel : fuel * 2.20462262185
|
||||||
|
);
|
||||||
|
SimVar.SetSimVarValue('L:MD11_EFB_READ_READY', 'bool', true);
|
||||||
|
setFuelEnabled(false);
|
||||||
|
}}
|
||||||
|
disabled={loadingState !== 'preview' || !fuelEnabled}
|
||||||
|
>
|
||||||
|
Load Fuel
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className="block flex w-full flex-col opacity-100 transition-opacity duration-150 ease-linear mb-4">
|
<div className="block flex w-full flex-col opacity-100 transition-opacity duration-150 ease-linear mb-4">
|
||||||
<div className="relative flex w-full items-center justify-between rounded-t-md bg-zinc-600 p-2 px-4">
|
<div className="relative flex w-full items-center justify-between rounded-t-md bg-zinc-600 p-2 px-4">
|
||||||
<label>Planned ZFW ({unit})</label>
|
<label>Planned ZFW ({WASMData.userData.isImperial ? 'lbs' : 'kg'})</label>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
placeholder=""
|
placeholder=""
|
||||||
@ -177,7 +149,7 @@ const SBEntryPax: FC<StationEntryProps> = ({
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="relative flex w-full items-center justify-between bg-zinc-700 p-2 px-4">
|
<div className="relative flex w-full items-center justify-between bg-zinc-700 p-2 px-4">
|
||||||
<label>Planned ZFW ({unit})</label>
|
<label>Planned ZFW ({WASMData.userData.isImperial ? 'lbs' : 'kg'})</label>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
placeholder=""
|
placeholder=""
|
||||||
@ -188,22 +160,24 @@ const SBEntryPax: FC<StationEntryProps> = ({
|
|||||||
</div>
|
</div>
|
||||||
<div className="relative flex w-full items-center justify-between rounded-b-md bg-zinc-600 p-2 px-4">
|
<div className="relative flex w-full items-center justify-between rounded-b-md bg-zinc-600 p-2 px-4">
|
||||||
<label>
|
<label>
|
||||||
Target ZFWCG ({SharedConfig.CGLimits.min} - {SharedConfig.CGLimits.max})
|
Target ZFWCG ({WASMData.limits.minCG} - {WASMData.limits.maxCG})
|
||||||
</label>
|
</label>
|
||||||
<CGSelect
|
<CGSelect
|
||||||
value={targetZFWCG}
|
minCG={WASMData.limits.minCG}
|
||||||
|
maxCG={WASMData.limits.maxCG}
|
||||||
|
value={CGTarget}
|
||||||
disabled={loadingState !== 'preview'}
|
disabled={loadingState !== 'preview'}
|
||||||
increase={() =>
|
increase={() =>
|
||||||
setTargetZFWCG((prev) => {
|
setCGTarget((prev) => {
|
||||||
const _new = prev + 0.1;
|
const _new = prev + 0.1;
|
||||||
updateView(PaxConfig.distribute(ZFW, _new, payloadLive.empty, fuelLive, unit, isER));
|
updateData(_new);
|
||||||
return _new;
|
return _new;
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
decrease={() =>
|
decrease={() =>
|
||||||
setTargetZFWCG((prev) => {
|
setCGTarget((prev) => {
|
||||||
const _new = prev - 0.1;
|
const _new = prev - 0.1;
|
||||||
updateView(PaxConfig.distribute(ZFW, _new, payloadLive.empty, fuelLive, unit, isER));
|
updateData(_new);
|
||||||
return _new;
|
return _new;
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
@ -211,53 +185,22 @@ const SBEntryPax: FC<StationEntryProps> = ({
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="block flex w-full flex-col opacity-100 transition-opacity duration-150 ease-linear mb-4">
|
|
||||||
<div className="relative flex w-full items-center justify-between rounded-md bg-zinc-600 p-2 px-4">
|
|
||||||
<label>Fuel ({unit})</label>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
placeholder=""
|
|
||||||
className={`w-1/2 rounded-lg border border-white bg-zinc-700 px-3 py-2 text-right`}
|
|
||||||
value={fuel}
|
|
||||||
onChange={(e) =>
|
|
||||||
handleInput(
|
|
||||||
e.target.value,
|
|
||||||
isER ? SharedConfig.maxFuel.er[unit] : SharedConfig.maxFuel.norm[unit],
|
|
||||||
setFuel
|
|
||||||
)
|
|
||||||
}
|
|
||||||
disabled
|
|
||||||
/>
|
|
||||||
<button
|
|
||||||
className="middle none center rounded-lg bg-green-600 px-6 py-3 font-sans text-xs font-bold uppercase text-white shadow-md shadow-green-500/20 transition-all hover:shadow-lg hover:shadow-green-500/40 focus:opacity-[0.85] focus:shadow-none active:opacity-[0.85] active:shadow-none disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none"
|
|
||||||
data-ripple-light="true"
|
|
||||||
onClick={() => {
|
|
||||||
SimVar.SetSimVarValue('L:MD11_EFB_PAYLOAD_FUEL', 'lbs', unit === 'kg' ? fuel * 2.20462262185 : fuel);
|
|
||||||
SimVar.SetSimVarValue('L:MD11_EFB_READ_READY', 'bool', true);
|
|
||||||
}}
|
|
||||||
disabled={loadingState !== 'preview' || SBInFlight}
|
|
||||||
>
|
|
||||||
Load Fuel
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="block flex w-full flex-col opacity-100 transition-opacity duration-150 ease-linear mb-4">
|
<div className="block flex w-full flex-col opacity-100 transition-opacity duration-150 ease-linear mb-4">
|
||||||
<div className="relative flex w-full items-center justify-between rounded-t-md bg-zinc-600 p-2 px-4">
|
<div className="relative flex w-full items-center justify-between rounded-t-md bg-zinc-600 p-2 px-4">
|
||||||
<label>
|
<label>
|
||||||
{loadingState !== 'loaded' ? 'Expected' : 'Actual'} ZFW ({unit})
|
{loadingState !== 'loaded' ? 'Expected' : 'Actual'} ZFW ({WASMData.userData.isImperial ? 'lbs' : 'kg'})
|
||||||
</label>
|
</label>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
placeholder=""
|
placeholder=""
|
||||||
className={`w-1/2 rounded-lg border ${ZFWValid() ? 'border-white' : 'border-red-500 text-red-500'} bg-zinc-700 px-3 py-2 text-right`}
|
className={`w-1/2 rounded-lg border ${ZFWValid() ? 'border-white' : 'border-red-500 text-red-500'} bg-zinc-700 px-3 py-2 text-right`}
|
||||||
disabled
|
disabled
|
||||||
value={_ZFW()}
|
value={ZFW()}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="relative flex w-full items-center justify-between rounded-b-md bg-zinc-700 p-2 px-4">
|
<div className="relative flex w-full items-center justify-between rounded-b-md bg-zinc-700 p-2 px-4">
|
||||||
<label>
|
<label>
|
||||||
{loadingState !== 'loaded' ? 'Expected' : 'Actual'} GW ({unit})
|
{loadingState !== 'loaded' ? 'Expected' : 'Actual'} GW ({WASMData.userData.isImperial ? 'lbs' : 'kg'})
|
||||||
</label>
|
</label>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
@ -272,7 +215,6 @@ const SBEntryPax: FC<StationEntryProps> = ({
|
|||||||
<ActionBar
|
<ActionBar
|
||||||
loadingState={loadingState}
|
loadingState={loadingState}
|
||||||
acceptDisabled={!GWValid() || SBInFlight}
|
acceptDisabled={!GWValid() || SBInFlight}
|
||||||
//TODO: Make GSX optional (accepted state for NON GSX)
|
|
||||||
accept={() => setLoadingState('loaded')}
|
accept={() => setLoadingState('loaded')}
|
||||||
reject={() => setLoadingState('preview')}
|
reject={() => setLoadingState('preview')}
|
||||||
importSB={handleSB}
|
importSB={handleSB}
|
||||||
@ -284,7 +226,7 @@ const SBEntryPax: FC<StationEntryProps> = ({
|
|||||||
unload={() => {
|
unload={() => {
|
||||||
setLoadingState('preview');
|
setLoadingState('preview');
|
||||||
|
|
||||||
PaxConfig.unload(unit, isER);
|
emptyAircraft();
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</>
|
</>
|
||||||
|
|||||||
@ -1,7 +1,8 @@
|
|||||||
import { FC } from 'react';
|
import { FC } from 'react';
|
||||||
|
import { LoadingState } from '../../types/general';
|
||||||
|
|
||||||
interface ActionBarProps {
|
interface ActionBarProps {
|
||||||
loadingState: 'preview' | 'accepted' | 'loaded';
|
loadingState: LoadingState;
|
||||||
acceptDisabled: boolean;
|
acceptDisabled: boolean;
|
||||||
accept: () => void;
|
accept: () => void;
|
||||||
reject: () => void;
|
reject: () => void;
|
||||||
|
|||||||
@ -1,6 +1,8 @@
|
|||||||
import { FC, useState } from 'react';
|
import { FC, useState } from 'react';
|
||||||
|
import { LoadingState } from '../../types/general';
|
||||||
import { WASMDataPax } from '../../types/WASMData';
|
import { WASMDataPax } from '../../types/WASMData';
|
||||||
import Profile from '../profile/Profile';
|
import Profile from '../profile/Profile';
|
||||||
|
import SBEntryPax from '../SBEntry/SBEntryPax';
|
||||||
import StationEntryPax from '../stationEntry/StationEntryPax';
|
import StationEntryPax from '../stationEntry/StationEntryPax';
|
||||||
import Tabbar from '../tabbar/Tabbar';
|
import Tabbar from '../tabbar/Tabbar';
|
||||||
import ZFWEntryPax from '../zfwEntry/ZFWEntryPax';
|
import ZFWEntryPax from '../zfwEntry/ZFWEntryPax';
|
||||||
@ -12,24 +14,24 @@ interface PaxProps {
|
|||||||
|
|
||||||
const Pax: FC<PaxProps> = ({ WASMData, username }) => {
|
const Pax: FC<PaxProps> = ({ WASMData, username }) => {
|
||||||
const [selectedTab, setSelectedTab] = useState(0);
|
const [selectedTab, setSelectedTab] = useState(0);
|
||||||
const [loadingState, setLoadingState] = useState<'preview' | 'accepted' | 'loaded'>('preview');
|
const [loadingState, setLoadingState] = useState<LoadingState>('preview');
|
||||||
|
|
||||||
const upper1 = (overrideState: 'preview' | 'accepted' | 'loaded' = loadingState) => {
|
const upper1 = (overrideState: LoadingState = loadingState) => {
|
||||||
if (overrideState !== 'loaded') return WASMData.targetPayload.business1;
|
if (overrideState !== 'loaded') return WASMData.targetPayload.business1;
|
||||||
|
|
||||||
return WASMData.livePayload.business1;
|
return WASMData.livePayload.business1;
|
||||||
};
|
};
|
||||||
const upper2 = (overrideState: 'preview' | 'accepted' | 'loaded' = loadingState) => {
|
const upper2 = (overrideState: LoadingState = loadingState) => {
|
||||||
if (overrideState !== 'loaded') return WASMData.targetPayload.business2;
|
if (overrideState !== 'loaded') return WASMData.targetPayload.business2;
|
||||||
|
|
||||||
return WASMData.livePayload.business2;
|
return WASMData.livePayload.business2;
|
||||||
};
|
};
|
||||||
const upper3 = (overrideState: 'preview' | 'accepted' | 'loaded' = loadingState) => {
|
const upper3 = (overrideState: LoadingState = loadingState) => {
|
||||||
if (overrideState !== 'loaded') return WASMData.targetPayload.economy1;
|
if (overrideState !== 'loaded') return WASMData.targetPayload.economy1;
|
||||||
|
|
||||||
return WASMData.livePayload.economy1;
|
return WASMData.livePayload.economy1;
|
||||||
};
|
};
|
||||||
const upper4 = (overrideState: 'preview' | 'accepted' | 'loaded' = loadingState) => {
|
const upper4 = (overrideState: LoadingState = loadingState) => {
|
||||||
if (overrideState !== 'loaded') return WASMData.targetPayload.economy2;
|
if (overrideState !== 'loaded') return WASMData.targetPayload.economy2;
|
||||||
|
|
||||||
return WASMData.livePayload.economy2;
|
return WASMData.livePayload.economy2;
|
||||||
@ -101,28 +103,17 @@ const Pax: FC<PaxProps> = ({ WASMData, username }) => {
|
|||||||
selectedTab={selectedTab}
|
selectedTab={selectedTab}
|
||||||
setSelectedTab={setSelectedTab}
|
setSelectedTab={setSelectedTab}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
{/*
|
|
||||||
{username && selectedTab === 0 && (
|
{username && selectedTab === 0 && (
|
||||||
<SBEntryPax
|
<SBEntryPax
|
||||||
unit={unit}
|
WASMData={WASMData}
|
||||||
isER={isER}
|
|
||||||
initialPayload={payload}
|
|
||||||
fuelLive={fuelLive}
|
|
||||||
payloadLive={payloadLive}
|
|
||||||
loadingState={loadingState}
|
loadingState={loadingState}
|
||||||
username={username}
|
username={username}
|
||||||
setLoadingState={setLoadingState}
|
setLoadingState={setLoadingState}
|
||||||
updateView={(_payload) => {
|
|
||||||
setPayload(_payload);
|
|
||||||
}}
|
|
||||||
loadAircraft={() => {
|
loadAircraft={() => {
|
||||||
PaxConfig.setBaseWeight(unit, isER);
|
console.log('SET WEIGHT SB');
|
||||||
PaxConfig.setWeights(payload, unit);
|
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
*/}
|
|
||||||
{((username && selectedTab === 1) || (!username && selectedTab === 0)) && (
|
{((username && selectedTab === 1) || (!username && selectedTab === 0)) && (
|
||||||
<ZFWEntryPax
|
<ZFWEntryPax
|
||||||
WASMData={WASMData}
|
WASMData={WASMData}
|
||||||
|
|||||||
@ -1,13 +1,14 @@
|
|||||||
import { FC, useEffect, useState } from 'react';
|
import { FC, useEffect, useState } from 'react';
|
||||||
import { emptyAircraft } from '../../configs/shared';
|
import { emptyAircraft } from '../../configs/shared';
|
||||||
import { COHERENT_COMBUS_WASM_CALL, COMM_BUS_UPDATE_TARGET_EVENT } from '../../constants';
|
import { COHERENT_COMBUS_WASM_CALL, COMM_BUS_UPDATE_TARGET_EVENT } from '../../constants';
|
||||||
|
import { LoadingState } from '../../types/general';
|
||||||
import { WASMDataPax } from '../../types/WASMData';
|
import { WASMDataPax } from '../../types/WASMData';
|
||||||
import ActionBar from '../actionbar/ActionBar';
|
import ActionBar from '../actionbar/ActionBar';
|
||||||
|
|
||||||
interface StationEntryProps {
|
interface StationEntryProps {
|
||||||
WASMData: WASMDataPax;
|
WASMData: WASMDataPax;
|
||||||
loadingState: 'preview' | 'accepted' | 'loaded';
|
loadingState: LoadingState;
|
||||||
setLoadingState: (newState: StationEntryProps['loadingState']) => void;
|
setLoadingState: (newState: LoadingState) => void;
|
||||||
loadAircraft: () => void;
|
loadAircraft: () => void;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -2,22 +2,21 @@ import { FC, useEffect, useState } from 'react';
|
|||||||
import { emptyAircraft } from '../../configs/shared';
|
import { emptyAircraft } from '../../configs/shared';
|
||||||
import { COHERENT_COMBUS_WASM_CALL, COMM_BUS_UPDATE_TARGET_EVENT } from '../../constants';
|
import { COHERENT_COMBUS_WASM_CALL, COMM_BUS_UPDATE_TARGET_EVENT } from '../../constants';
|
||||||
import { WASMDataPax } from '../../types/WASMData';
|
import { WASMDataPax } from '../../types/WASMData';
|
||||||
|
import { LoadingState } from '../../types/general';
|
||||||
import CGSelect from '../CGSelect/CGSelect';
|
import CGSelect from '../CGSelect/CGSelect';
|
||||||
import ActionBar from '../actionbar/ActionBar';
|
import ActionBar from '../actionbar/ActionBar';
|
||||||
|
|
||||||
interface StationEntryProps {
|
interface ZFWEntryProps {
|
||||||
WASMData: WASMDataPax;
|
WASMData: WASMDataPax;
|
||||||
loadingState: 'preview' | 'accepted' | 'loaded';
|
loadingState: LoadingState;
|
||||||
setLoadingState: (newState: StationEntryProps['loadingState']) => void;
|
setLoadingState: (newState: LoadingState) => void;
|
||||||
loadAircraft: () => void;
|
loadAircraft: () => void;
|
||||||
}
|
}
|
||||||
|
|
||||||
const ZFWEntryPax: FC<StationEntryProps> = ({ WASMData, loadingState, setLoadingState, loadAircraft }) => {
|
const ZFWEntryPax: FC<ZFWEntryProps> = ({ WASMData, loadingState, setLoadingState, loadAircraft }) => {
|
||||||
const [CGTarget, setCGTarget] = useState(WASMData.targetPayload.CGTarget);
|
const [CGTarget, setCGTarget] = useState(WASMData.targetPayload.CGTarget);
|
||||||
const [fuel, setFuel] = useState(Math.round(WASMData.livePayload.fuel));
|
const [fuel, setFuel] = useState(Math.round(WASMData.livePayload.fuel));
|
||||||
const [ZFWTarget, setZFWTarget] = useState(
|
const [ZFWTarget, setZFWTarget] = useState(Math.round(WASMData.targetPayload.total));
|
||||||
Math.round(Math.max(WASMData.limits.minZFW, WASMData.targetPayload.total))
|
|
||||||
);
|
|
||||||
const [fuelEnabled, setFuelEnabled] = useState(true);
|
const [fuelEnabled, setFuelEnabled] = useState(true);
|
||||||
|
|
||||||
const ZFW = () => {
|
const ZFW = () => {
|
||||||
|
|||||||
@ -1,5 +1,8 @@
|
|||||||
export const COHERENT_COMBUS_WASM_CALL = 'COMM_BUS_WASM_CALLBACK';
|
export const COHERENT_COMBUS_WASM_CALL = 'COMM_BUS_WASM_CALLBACK';
|
||||||
export const TFDI_SIMBRIEF_USERNAME_EVENT = 'requestSimBriefUsername';
|
|
||||||
|
export const TFDI_SIMBRIEF_USERNAME_CALL = 'requestSimBriefUsername';
|
||||||
|
export const TFDI_SIMBRIEF_USERNAME_EVENT = 'receiveSimBriefUsername';
|
||||||
|
|
||||||
export const COMM_BUS_LIVE_DATA_EVENT = 'khofmann_tfdi_md-11_load_manager_live_data';
|
export const COMM_BUS_LIVE_DATA_EVENT = 'khofmann_tfdi_md-11_load_manager_live_data';
|
||||||
export const COMM_BUS_UPDATE_TARGET_EVENT = 'khofmann_tfdi_md-11_load_manager_update_target';
|
export const COMM_BUS_UPDATE_TARGET_EVENT = 'khofmann_tfdi_md-11_load_manager_update_target';
|
||||||
|
|
||||||
|
|||||||
1
PackageSources/js-bundle/src/types/general.d.ts
vendored
Normal file
1
PackageSources/js-bundle/src/types/general.d.ts
vendored
Normal file
@ -0,0 +1 @@
|
|||||||
|
export type LoadingState = 'preview' | 'accepted' | 'loaded';
|
||||||
@ -1,11 +0,0 @@
|
|||||||
import { CSSProperties, DOMAttributes, ReactNode } from 'react';
|
|
||||||
|
|
||||||
type CustomElement<T> = Partial<T & DOMAttributes<T> & { children: ReactNode }>;
|
|
||||||
|
|
||||||
declare global {
|
|
||||||
namespace JSX {
|
|
||||||
interface IntrinsicElements {
|
|
||||||
['virtual-scroll']: CustomElement<{ class?: string; direction: 'x' | 'y'; style?: CSSProperties }>;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,6 +1,3 @@
|
|||||||
import { PaxConfig } from '../configs/pax';
|
|
||||||
import { SharedConfig } from '../configs/shared';
|
|
||||||
|
|
||||||
const getSimBriefFlightPlan = async (simBriefUsername: string) => {
|
const getSimBriefFlightPlan = async (simBriefUsername: string) => {
|
||||||
const flightPlanURL = `https://www.simbrief.com/api/xml.fetcher.php?username=${simBriefUsername}&json=1`;
|
const flightPlanURL = `https://www.simbrief.com/api/xml.fetcher.php?username=${simBriefUsername}&json=1`;
|
||||||
let response: Response;
|
let response: Response;
|
||||||
@ -19,9 +16,10 @@ const getSimBriefFlightPlan = async (simBriefUsername: string) => {
|
|||||||
|
|
||||||
export const ImportFlightPlan = async (
|
export const ImportFlightPlan = async (
|
||||||
username: string,
|
username: string,
|
||||||
config: typeof PaxConfig,
|
maxZFW: number,
|
||||||
unit: 'kg' | 'lbs',
|
maxTOW: number,
|
||||||
isER: boolean
|
maxFuel: number,
|
||||||
|
isImperial: boolean
|
||||||
) => {
|
) => {
|
||||||
const flightPlan = await getSimBriefFlightPlan(username);
|
const flightPlan = await getSimBriefFlightPlan(username);
|
||||||
if (!flightPlan.success) {
|
if (!flightPlan.success) {
|
||||||
@ -41,23 +39,17 @@ export const ImportFlightPlan = async (
|
|||||||
}
|
}
|
||||||
|
|
||||||
let convFactor = 1;
|
let convFactor = 1;
|
||||||
if (data.params.units === 'kgs' && unit === 'lbs') convFactor = 2.20462262185;
|
if (data.params.units === 'kgs' && isImperial) convFactor = 2.20462262185;
|
||||||
if (data.params.units === 'lbs' && unit === 'kg') convFactor = 1 / 2.20462262185;
|
if (data.params.units === 'lbs' && !isImperial) convFactor = 1 / 2.20462262185;
|
||||||
|
|
||||||
return {
|
return {
|
||||||
type: 'data',
|
type: 'data',
|
||||||
message: {
|
message: {
|
||||||
plannedZFW: Math.min(config.maxZWF[unit], Math.round(data.weights.est_zfw * convFactor)),
|
plannedZFW: Math.min(maxZFW, Math.round(data.weights.est_zfw * convFactor)),
|
||||||
plannedGW: Math.min(
|
plannedGW: Math.min(maxTOW, Math.round(data.weights.est_ramp * convFactor)),
|
||||||
isER ? SharedConfig.maxTOW.er[unit] : SharedConfig.maxTOW.norm[unit],
|
|
||||||
Math.round(data.weights.est_ramp * convFactor)
|
|
||||||
),
|
|
||||||
pax: data.weights.pax_count_actual,
|
pax: data.weights.pax_count_actual,
|
||||||
cargo: Math.round(data.weights.freight_added * convFactor),
|
cargo: Math.round(data.weights.freight_added * convFactor),
|
||||||
fuel: Math.min(
|
fuel: Math.min(maxFuel, Math.round(data.fuel.plan_ramp * convFactor)),
|
||||||
isER ? SharedConfig.maxFuel.er[unit] : SharedConfig.maxFuel.norm[unit],
|
|
||||||
Math.round(data.fuel.plan_ramp * convFactor)
|
|
||||||
),
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|||||||
@ -10,12 +10,9 @@ Coherent.call("COMM_BUS_WASM_CALLBACK", "khofmann_tfdi_md-11_load_manager_update
|
|||||||
TODO:
|
TODO:
|
||||||
|
|
||||||
- JS
|
- JS
|
||||||
- Connect to WASM as Data Source (sans SB username)
|
- GSX State for displaying status fo prog. loading
|
||||||
- Setting target
|
- Persist SB data across page changes
|
||||||
- SB
|
|
||||||
- Stations
|
|
||||||
- GSX State?
|
|
||||||
- Duplicate Input pages for F
|
- Duplicate Input pages for F
|
||||||
- WASM
|
- WASM
|
||||||
- Setting of payload
|
- Setting of payload
|
||||||
- GSX synced setting
|
- GSX synced setting of payload
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user