initial commit

2025-06-09 07:02:26 +02:00
commit 0297cfb600
67 changed files with 18344 additions and 0 deletions
@@ -0,0 +1,309 @@
+import { FC, useEffect, useState } from 'react';
+import { PaxConfig, PayloadPax } from '../../configs/pax';
+import { Fuel, SharedConfig } from '../../configs/shared';
+import ActionBar from '../actionbar/ActionBar';
+
+interface StationEntryProps {
+  unit: 'kg' | 'lbs';
+  isER: boolean;
+  initialPayload: PayloadPax;
+  fuelLive: Fuel;
+  payloadLive: PayloadPax;
+  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 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
+      );
+
+    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
+    );
+  };
+  const ZFWValid = () => {
+    return ZFW() <= PaxConfig.maxZWF[unit];
+  };
+
+  const GW = () => {
+    return fuel + ZFW();
+  };
+  const GWValid = () => {
+    return GW() <= (isER ? SharedConfig.maxTOW.er[unit] : SharedConfig.maxTOW.norm[unit]);
+  };
+
+  const handleInput = (input: string, maxValue: number, setter: (value: number) => void) => {
+    if (!input) {
+      setter(0);
+      return;
+    }
+
+    const converted = parseInt(input);
+    if (converted) {
+      if (converted < 0) setter(0);
+      else if (converted > maxValue) setter(maxValue);
+      else setter(converted);
+    }
+  };
+
+  useEffect(() => _updateView(), [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]
+  );
+
+  const _updateView = () => {
+    const payload = PaxConfig.generateDistribution(
+      payloadLive.empty,
+      business1,
+      business2,
+      economy1,
+      economy2,
+      forwardCargo,
+      rearCargo,
+      unit,
+      isER
+    );
+
+    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-t-md bg-zinc-600 p-2 px-4">
+          <label>Business</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={business1}
+            onChange={(e) => handleInput(e.target.value, PaxConfig.stationMax.business1, setBusiness1)}
+            disabled={loadingState !== 'preview'}
+          />
+        </div>
+        <div className="relative flex w-full items-center justify-between bg-zinc-700 p-2 px-4">
+          <label>Premium Economy</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={business2}
+            onChange={(e) => handleInput(e.target.value, PaxConfig.stationMax.business2, setBusiness2)}
+            disabled={loadingState !== 'preview'}
+          />
+        </div>
+        <div className="relative flex w-full items-center justify-between bg-zinc-600 p-2 px-4">
+          <label>Forward Economy</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={economy1}
+            onChange={(e) => handleInput(e.target.value, PaxConfig.stationMax.economy1, setEconomy1)}
+            disabled={loadingState !== 'preview'}
+          />
+        </div>
+        <div className="relative flex w-full items-center justify-between bg-zinc-700 p-2 px-4">
+          <label>Aft Economy</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={economy2}
+            onChange={(e) => handleInput(e.target.value, PaxConfig.stationMax.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>
+          <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)}
+            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>
+          <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)}
+            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})
+          </label>
+          <input
+            type="text"
+            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`}
+            disabled
+            value={ZFW()}
+          />
+        </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})
+          </label>
+          <input
+            type="text"
+            placeholder=""
+            className={`w-1/2 rounded-lg border ${GWValid() ? 'border-white' : 'border-red-500 text-red-500'} bg-zinc-700 px-3 py-2 text-right`}
+            disabled
+            value={GW()}
+          />
+        </div>
+      </div>
+
+      <ActionBar
+        loadingState={loadingState}
+        acceptDisabled={!ZFWValid() || !GWValid()}
+        accept={() => setLoadingState('accepted')}
+        reject={() => setLoadingState('preview')}
+        load={() => {
+          setLoadingState('loaded');
+
+          loadAircraft();
+        }}
+        unload={() => {
+          setLoadingState('preview');
+
+          PaxConfig.unload(unit, isER);
+        }}
+      />
+    </>
+  );
+};
+
+export default StationEntryPax;