Pax Station Entry

2025-06-11 17:30:36 +02:00
parent 890622453e
commit 896a459bba
8 changed files with 181 additions and 257 deletions
@@ -1,117 +1,39 @@
 import { FC, useEffect, useState } from 'react';
-import { PaxConfig, PayloadPax } from '../../configs/pax';
-import { Fuel, SharedConfig } from '../../configs/shared';
+import { emptyAircraft } from '../../configs/shared';
+import { COHERENT_COMBUS_WASM_CALL, COMM_BUS_UPDATE_TARGET_EVENT } from '../../constants';
+import { WASMDataPax } from '../../types/WASMData';
 import ActionBar from '../actionbar/ActionBar';

 interface StationEntryProps {
-  unit: 'kg' | 'lbs';
-  isER: boolean;
-  initialPayload: PayloadPax;
-  fuelLive: Fuel;
-  payloadLive: PayloadPax;
+  WASMData: WASMDataPax;
  loadingState: 'preview' | 'accepted' | 'loaded';
  setLoadingState: (newState: StationEntryProps['loadingState']) => void;
-  updateView: (payload: PayloadPax) => void;
  loadAircraft: () => void;
 }

-const StationEntryPax: FC<StationEntryProps> = ({
-  unit,
-  isER,
-  initialPayload,
-  fuelLive,
-  payloadLive,
-  loadingState,
-  setLoadingState,
-  updateView,
-  loadAircraft,
-}) => {
-  const [business1, setBusiness1] = useState(
-    PaxConfig.weightToPax(
-      initialPayload.business1Left + initialPayload.business1Center + initialPayload.business1Right,
-      unit
-    )
-  );
-  const [business2, setBusiness2] = useState(
-    PaxConfig.weightToPax(
-      initialPayload.business2Left + initialPayload.business2Center + initialPayload.business2Right,
-      unit
-    )
-  );
-  const [economy1, setEconomy1] = useState(
-    PaxConfig.weightToPax(
-      initialPayload.economy1Left + initialPayload.economy1Center + initialPayload.economy1Right,
-      unit
-    )
-  );
-  const [economy2, setEconomy2] = useState(
-    PaxConfig.weightToPax(
-      initialPayload.economy2Left + initialPayload.economy2Center + initialPayload.economy2Right,
-      unit
-    )
-  );
-  const [forwardCargo, setForwardCargo] = useState(initialPayload.forwardCargo);
-  const [rearCargo, setRearCargo] = useState(initialPayload.rearCargo);
-  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 StationEntryPax: FC<StationEntryProps> = ({ WASMData, loadingState, setLoadingState, loadAircraft }) => {
+  const [business1, setBusiness1] = useState(WASMData.targetPayload.business1);
+  const [business2, setBusiness2] = useState(WASMData.targetPayload.business2);
+  const [economy1, setEconomy1] = useState(WASMData.targetPayload.economy1);
+  const [economy2, setEconomy2] = useState(WASMData.targetPayload.economy2);
+  const [forwardCargo, setForwardCargo] = useState(WASMData.targetPayload.forwardCargo);
+  const [rearCargo, setRearCargo] = useState(WASMData.targetPayload.rearCargo);
+  const [fuel, setFuel] = useState(Math.round(WASMData.livePayload.fuel));
+  const [fuelEnabled, setFuelEnabled] = useState(true);

  const ZFW = () => {
-    if (loadingState !== 'loaded')
-      return Math.round(
-        (business1 + business2 + economy1 + economy2) * PaxConfig.weights.pax[unit] +
-          forwardCargo +
-          rearCargo +
-          PaxConfig.weights.base[unit].total +
-          (isER ? SharedConfig.erExtraWeight[unit] * 2 : 0) +
-          payloadLive.empty
-      );
+    if (loadingState !== 'loaded') return Math.round(WASMData.targetPayload.total);

-    return Math.round(
-      payloadLive.empty +
-        payloadLive.pilot +
-        payloadLive.firstOfficer +
-        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
-    );
+    return Math.round(WASMData.livePayload.total);
  };
  const ZFWValid = () => {
-    return ZFW() <= PaxConfig.maxZWF[unit];
+    return ZFW() <= WASMData.limits.maxZFW;
  };
-
  const GW = () => {
    return fuel + ZFW();
  };
  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) => {
@@ -128,37 +50,67 @@ const StationEntryPax: FC<StationEntryProps> = ({
    }
  };

-  useEffect(() => _updateView(), [business1, business2, economy1, economy2, forwardCargo, rearCargo]);
+  useEffect(() => updateData(), [business1, business2, economy1, economy2, forwardCargo, rearCargo]);
  useEffect(
    () =>
-      setFuel((prev) =>
-        prev > (isER ? SharedConfig.maxFuel.er[unit] : SharedConfig.maxFuel.norm[unit])
-          ? isER
-            ? SharedConfig.maxFuel.er[unit]
-            : SharedConfig.maxFuel.norm[unit]
-          : prev
-      ),
-    [isER]
+      setFuel((prev) => {
+        if (prev > WASMData.limits.maxFuel) return WASMData.limits.maxFuel;
+        return prev;
+      }),
+    [WASMData.userData.isER]
  );
+  useEffect(() => {
+    setFuelEnabled(Math.round(WASMData.livePayload.fuel) === fuel);
+  }, [WASMData.livePayload.fuel]);

-  const _updateView = () => {
-    const payload = PaxConfig.generateDistribution(
-      payloadLive.empty,
-      business1,
-      business2,
-      economy1,
-      economy2,
-      forwardCargo,
-      rearCargo,
-      unit,
-      isER
+  const updateData = () => {
+    Coherent.call(
+      COHERENT_COMBUS_WASM_CALL,
+      COMM_BUS_UPDATE_TARGET_EVENT,
+      JSON.stringify({
+        mode: 2,
+        business1,
+        business2,
+        economy1,
+        economy2,
+        forwardCargo,
+        rearCargo,
+      })
    );
-
-    updateView(payload);
  };

  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="relative flex w-full items-center justify-between rounded-t-md bg-zinc-600 p-2 px-4">
          <label>Business</label>
@@ -167,7 +119,7 @@ const StationEntryPax: FC<StationEntryProps> = ({
            placeholder=""
            className="w-1/2 rounded-lg border border-white bg-zinc-700 px-3 py-2 text-right focus:border-blue-600 focus:ring-blue-600"
            value={business1}
-            onChange={(e) => handleInput(e.target.value, PaxConfig.stationMax.business1, setBusiness1)}
+            onChange={(e) => handleInput(e.target.value, WASMData.limits.business1, setBusiness1)}
            disabled={loadingState !== 'preview'}
          />
        </div>
@@ -178,7 +130,7 @@ const StationEntryPax: FC<StationEntryProps> = ({
            placeholder=""
            className="w-1/2 rounded-lg border border-white bg-zinc-700 px-3 py-2 text-right focus:border-blue-600 focus:ring-blue-600"
            value={business2}
-            onChange={(e) => handleInput(e.target.value, PaxConfig.stationMax.business2, setBusiness2)}
+            onChange={(e) => handleInput(e.target.value, WASMData.limits.business2, setBusiness2)}
            disabled={loadingState !== 'preview'}
          />
        </div>
@@ -189,7 +141,7 @@ const StationEntryPax: FC<StationEntryProps> = ({
            placeholder=""
            className="w-1/2 rounded-lg border border-white bg-zinc-700 px-3 py-2 text-right focus:border-blue-600 focus:ring-blue-600"
            value={economy1}
-            onChange={(e) => handleInput(e.target.value, PaxConfig.stationMax.economy1, setEconomy1)}
+            onChange={(e) => handleInput(e.target.value, WASMData.limits.economy1, setEconomy1)}
            disabled={loadingState !== 'preview'}
          />
        </div>
@@ -200,69 +152,38 @@ const StationEntryPax: FC<StationEntryProps> = ({
            placeholder=""
            className="w-1/2 rounded-lg border border-white bg-zinc-700 px-3 py-2 text-right focus:border-blue-600 focus:ring-blue-600"
            value={economy2}
-            onChange={(e) => handleInput(e.target.value, PaxConfig.stationMax.economy2, setEconomy2)}
+            onChange={(e) => handleInput(e.target.value, WASMData.limits.economy2, setEconomy2)}
            disabled={loadingState !== 'preview'}
          />
        </div>
        <div className="relative flex w-full items-center justify-between bg-zinc-600 p-2 px-4">
-          <label>Forward Cargo ({unit})</label>
+          <label>Forward Cargo ({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 focus:border-blue-600 focus:ring-blue-600"
            value={forwardCargo}
-            onChange={(e) => handleInput(e.target.value, SharedConfig.stationMax.forward[unit], setForwardCargo)}
+            onChange={(e) => handleInput(e.target.value, WASMData.limits.forwardCargo, setForwardCargo)}
            disabled={loadingState !== 'preview'}
          />
        </div>
        <div className="relative flex w-full items-center justify-between rounded-b-md bg-zinc-700 p-2 px-4">
-          <label>Aft Cargo ({unit})</label>
+          <label>Aft Cargo ({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 focus:border-blue-600 focus:ring-blue-600"
            value={rearCargo}
-            onChange={(e) => handleInput(e.target.value, SharedConfig.stationMax.rear[unit], setRearCargo)}
+            onChange={(e) => handleInput(e.target.value, WASMData.limits.rearCargo, setRearCargo)}
            disabled={loadingState !== 'preview'}
          />
        </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={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', unit === 'kg' ? fuel * 2.20462262185 : fuel);
-              SimVar.SetSimVarValue('L:MD11_EFB_READ_READY', 'bool', true);
-            }}
-            disabled={loadingState !== 'preview'}
-          >
-            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="relative flex w-full items-center justify-between rounded-t-md bg-zinc-600 p-2 px-4">
          <label>
-            {loadingState !== 'loaded' ? 'Expected' : 'Actual'} ZFW ({unit})
+            {loadingState !== 'loaded' ? 'Expected' : 'Actual'} ZFW ({WASMData.userData.isImperial ? 'lbs' : 'kg'})
          </label>
          <input
            type="text"
@@ -274,7 +195,7 @@ const StationEntryPax: FC<StationEntryProps> = ({
        </div>
        <div className="relative flex w-full items-center justify-between rounded-b-md bg-zinc-700 p-2 px-4">
          <label>
-            {loadingState !== 'loaded' ? 'Expected' : 'Actual'} GW ({unit})
+            {loadingState !== 'loaded' ? 'Expected' : 'Actual'} GW ({WASMData.userData.isImperial ? 'lbs' : 'kg'})
          </label>
          <input
            type="text"
@@ -299,7 +220,7 @@ const StationEntryPax: FC<StationEntryProps> = ({
        unload={() => {
          setLoadingState('preview');

-          PaxConfig.unload(unit, isER);
+          emptyAircraft();
        }}
      />
    </>