fix: use new FPL API for IVAO prefile

jpedroh · Dec 8, 2022 · bece3f1 · bece3f1 · vercel · Dec 8, 2022
1 parent 4aff9cc
commit bece3f1
Showing 1 changed file with 41 additions and 62 deletions.
diff --git a/packages/front/src/components/IvaoButton/index.tsx b/packages/front/src/components/IvaoButton/index.tsx
@@ -1,7 +1,5 @@
 import Flight from '@mach/common'
 import { FC, useRef } from 'react'
-import { formatEet } from '../../utils/formatEet'
-import { formatFlightRules } from '../../utils/formatFlightRules'
 import Button from '../Button'
 
 type Props = {
@@ -11,67 +9,48 @@ type Props = {
 const IvaoButton: FC<Props> = ({ flight }) => {
   const ref = useRef(document.createElement('form'))
 
-  return (
-    <div>
-      <form
-        ref={ref}
-        id="ivaoform"
-        action="https://fpl.ivao.aero/api/fp/load"
-        method="POST"
-        target="_blank"
-      >
-        <input type="hidden" name="CALLSIGN" value={flight.callsign} />
-        <input
-          type="hidden"
-          name="RULES"
-          value={formatFlightRules(flight.flightRules)}
-        />
-        <input type="hidden" name="FLIGHTTYPE" value="S" />
-        <input type="hidden" name="NUMBER" value="1" />
-        <input type="hidden" name="ACTYPE" value={flight.aircraft.icaoCode} />
-        <input
-          type="hidden"
-          name="WAKECAT"
-          value={flight.aircraft.wakeTurbulence}
-        />
-        <input
-          type="hidden"
-          name="EQUIPMENT"
-          value={flight.aircraft.equipment}
-        />
-        <input type="hidden" name="TRANSPONDER" value="LB1" />
-        <input type="hidden" name="DEPICAO" value={flight.departureIcao} />
-        <input
-          type="hidden"
-          name="DEPTIME"
-          value={flight.estimatedOffBlockTime}
-        />
-        <input type="hidden" name="SPEEDTYPE" value="N" />
-        <input
-          type="hidden"
-          name="SPEED"
-          value={flight.cruisingSpeed.substr(1)}
-        />
-        <input type="hidden" name="LEVELTYPE" value="F" />
-        <input type="hidden" name="LEVEL" value={flight.cruisingLevel.toString().padStart(3, "0")} />
-        <input type="hidden" name="ROUTE" value={flight.route} />
-        <input type="hidden" name="DESTICAO" value={flight.arrivalIcao} />
-        <input
-          type="hidden"
-          name="EET"
-          value={formatEet(flight.estimatedEnrouteMinutes)}
-        />
-        <input type="hidden" name="OTHER" value={flight.remarks} />
-      </form>
+  function stringToSeconds(time: string) {
+    const hours = Number(time.substring(0, 2))
+    const minutes = Number(time.substring(2, 4))
+
+    return (hours * 3600) + (minutes * 60)
+  }
+
+  const flightPlan = {
+    callsign: flight.callsign,
+    flightRules: flight.flightRules,
+    flightType: "S",
+    aircraftNumber: 1,
+    aircraftId: flight.aircraft.icaoCode,
+    aircraftWakeTurbulence: flight.aircraft.wakeTurbulence,
+    aircraftEquipments: flight.aircraft.equipment.split(''),
+    aircraftTransponderTypes: ["L1", "B1"],
+    departureId: flight.departureIcao,
+    departureTime: stringToSeconds(flight.estimatedOffBlockTime),
+    cruisingSpeedType: "N",
+    cruisingSpeed: flight.cruisingSpeed,
+    altitudeType: "F",
+    altitude: flight.cruisingLevel,
+    route: flight.route,
+    arrivalId: flight.arrivalIcao,
+    eet: flight.estimatedEnrouteMinutes * 60,
+    remarks: flight.remarks,
+  }
 
-      <Button
-        type="submit"
-        variant="primary"
-        onClick={() => ref.current.submit()}
-      >
-        IVAO FP
-      </Button>
-    </div>
+  const url = new URL('https://fpl.ivao.aero/flight-plans/create')
+  url.searchParams.set('flightPlan', btoa(JSON.stringify(flightPlan)))
+
+  return (
+    <Button
+      href={url.toString()}
+      target="_blank"
+      rel="noreferrer"
+      type="submit"
+      variant="primary"
+      onClick={() => ref.current.submit()}
+    >
+      IVAO FP
+    </Button>
   )
 }