Merge branch '329-add-basic-automatic-firefight' into 407-create-a-simple-plugin-to-manage-units-database

client/demo.js

@@ -96,7 +96,23 @@ const DEMO_UNIT_DATA = {
         ammo: [{ quantity: 2, name: "A cool missile", guidance: 0, category: 0, missileCategory: 0 } ],
         contacts: [{ID: 1, detectionMethod: 16}],
         activePath: [ ]
-    },
+    }, ["7"]:{ category: "GroundUnit", alive: true, human: false, controlled: true, coalition: 1, country: 0, name: "T-55", unitName: "Cool guy 2-1", groupName: "Cool group 10", state: 1, task: "Being cool",
+        hasTask: false, position: { lat: 37.2, lng: -116.2, alt: 1000 }, speed: 200, heading: 315 * Math.PI / 180, isTanker: false, isAWACS: false, onOff: true, followRoads: false, fuel: 50, 
+        desiredSpeed: 300, desiredSpeedType: 1, desiredAltitude: 1000, desiredAltitudeType: 1, leaderID: 0,
+        formationOffset: { x: 0, y: 0, z: 0 },
+        targetID: 0,
+        targetPosition: { lat: 0, lng: 0, alt: 0 },
+        ROE: 1,
+        reactionToThreat: 1,
+        emissionsCountermeasures: 1,
+        TACAN: { isOn: false, XY: 'Y', callsign: 'TKR', channel: 40 },
+        radio: { frequency: 124000000, callsign: 1, callsignNumber: 1 },
+        generalSettings: { prohibitAA: false, prohibitAfterburner: false, prohibitAG: false, prohibitAirWpn: false, prohibitJettison: false },
+        ammo: [{ quantity: 2, name: "A cool missile\0Ciao", guidance: 0, category: 0, missileCategory: 0 } ],
+        contacts: [{ID: 1001, detectionMethod: 16}],
+        activePath: [ ],
+        isLeader: true
+    }, 
 }
 
 const DEMO_WEAPONS_DATA = {

client/public/stylesheets/other/contextmenus.css

@@ -369,6 +369,10 @@
     content: url("/resources/theme/images/icons/crosshairs-solid.svg");
 }
 
+#simulate-fire-fight::before {
+    content: url("/resources/theme/images/icons/crosshairs-solid.svg");
+}
+
 #follow::before {
     content: url("/resources/theme/images/icons/follow.svg");
 }

client/src/constants/constants.ts

@@ -20,7 +20,7 @@ export const IRST   = 8;
 export const RWR    = 16;
 export const DLINK  = 32;
 
-export const states: string[] = ["none", "idle", "reach-destination", "attack", "follow", "land", "refuel", "AWACS", "tanker", "bomb-point", "carpet-bomb", "bomb-building", "fire-at-area"];
+export const states: string[] = ["none", "idle", "reach-destination", "attack", "follow", "land", "refuel", "AWACS", "tanker", "bomb-point", "carpet-bomb", "bomb-building", "fire-at-area", "simulate-fire-fight"];
 export const ROEs: string[] = ["free", "designated", "", "return", "hold"];
 export const reactionsToThreat: string[] = ["none", "manoeuvre", "passive", "evade"];
 export const emissionsCountermeasures: string[] = ["silent", "attack", "defend", "free"];

client/src/map/map.ts

@@ -580,8 +580,10 @@ export class Map extends L.Map {
                 }
             }
             else if (selectedUnitTypes.length === 1 && ["GroundUnit", "NavyUnit"].includes(selectedUnitTypes[0])) {
-                if (selectedUnits.every((unit: Unit) => { return ["Gun Artillery", "Rocket Artillery", "Infantry", "IFV", "Tank", "Cruiser", "Destroyer", "Frigate"].includes(unit.getType()) })) 
+                if (selectedUnits.every((unit: Unit) => { return ["Gun Artillery", "Rocket Artillery", "Infantry", "IFV", "Tank", "Cruiser", "Destroyer", "Frigate"].includes(unit.getType()) })) {
                     options["fire-at-area"] = { text: "Fire at area", tooltip: "Fire at a large area" };
+                    options["simulate-fire-fight"] = { text: "Simulate fire fight", tooltip: "Simulate a fire fight by shooting randomly in a certain large area" };
+                }
                 else 
                     (getApp().getPopupsManager().get("infoPopup") as Popup).setText(`Selected units can not perform point actions.`);
             }
@@ -605,6 +607,10 @@ export class Map extends L.Map {
                         getApp().getUnitsManager().getSelectedUnits().length > 0 ? this.setState(MOVE_UNIT) : this.setState(IDLE);
                         getApp().getUnitsManager().selectedUnitsFireAtArea(this.getMouseCoordinates());
                     }
+                    else if (option === "simulate-fire-fight") {
+                        getApp().getUnitsManager().getSelectedUnits().length > 0 ? this.setState(MOVE_UNIT) : this.setState(IDLE);
+                        getApp().getUnitsManager().selectedUnitsSimulateFireFight(this.getMouseCoordinates());
+                    }
                 });
             }
         }, 150);

client/src/other/utils.ts

@@ -398,4 +398,19 @@ export function getCheckboxOptions(dropdown: Dropdown) {
             values[key] = value;
     }
     return values;
+}
+
+export function getGroundElevation(latlng: LatLng, callback: CallableFunction) {
+    /* Get the ground elevation from the server endpoint */
+    const xhr = new XMLHttpRequest();
+    xhr.open('GET', `api/elevation/${latlng.lat}/${latlng.lng}`, true);
+    xhr.timeout = 500; // ms
+    xhr.responseType = 'json';
+    xhr.onload = () => {
+        var status = xhr?.status;
+        if (status === 200) {
+            callback(xhr.response)
+        }
+    };
+    xhr.send();
 }

client/src/server/servermanager.ts

@@ -323,6 +323,12 @@ export class ServerManager {
         this.PUT(data, callback);
     }
 
+    simulateFireFight(ID: number, latlng: LatLng, altitude: number, callback: CallableFunction = () => {}) {
+        var command = { "ID": ID, "location": latlng, "altitude": altitude }
+        var data = { "simulateFireFight": command }
+        this.POST(data, callback);
+    }
+
     setAdvacedOptions(ID: number, isTanker: boolean, isAWACS: boolean, TACAN: TACAN, radio: Radio, generalSettings: GeneralSettings, callback: CallableFunction = () => {}) {
         var command = {
             "ID": ID,

client/src/unit/unit.ts

@@ -723,6 +723,10 @@ export class Unit extends CustomMarker {
         getApp().getServerManager().fireAtArea(this.ID, latlng);
     }
 
+    simulateFireFight(latlng: LatLng, groundElevation: number | null) {
+        getApp().getServerManager().simulateFireFight(this.ID, latlng, groundElevation?? 0);
+    }
+
     /***********************************************/
     onAdd(map: Map): this {
         super.onAdd(map);

client/src/unit/unitsmanager.ts

@@ -1,7 +1,7 @@
 import { LatLng, LatLngBounds } from "leaflet";
 import { getApp } from "..";
 import { Unit } from "./unit";
-import { bearingAndDistanceToLatLng, deg2rad, getUnitDatabaseByCategory, keyEventWasInInput, latLngToMercator, mToFt, mercatorToLatLng, msToKnots, polyContains, polygonArea, randomPointInPoly, randomUnitBlueprint } from "../other/utils";
+import { bearingAndDistanceToLatLng, deg2rad, getGroundElevation, getUnitDatabaseByCategory, keyEventWasInInput, latLngToMercator, mToFt, mercatorToLatLng, msToKnots, polyContains, polygonArea, randomPointInPoly, randomUnitBlueprint } from "../other/utils";
 import { CoalitionArea } from "../map/coalitionarea/coalitionarea";
 import { groundUnitDatabase } from "./databases/groundunitdatabase";
 import { DataIndexes, GAME_MASTER, IADSDensities, IDLE, MOVE_UNIT } from "../constants/constants";
@@ -591,7 +591,7 @@ export class UnitsManager {
         for (let idx in selectedUnits) {
             selectedUnits[idx].carpetBomb(latlng);
         }
-        this.#showActionMessage(selectedUnits, `unit bombing point`);
+        this.#showActionMessage(selectedUnits, `unit carpet bombing point`);
     }
 
     /** Instruct the selected units to fire at specific coordinates
@@ -603,7 +603,27 @@ export class UnitsManager {
         for (let idx in selectedUnits) {
             selectedUnits[idx].fireAtArea(latlng);
         }
-        this.#showActionMessage(selectedUnits, `unit bombing point`);
+        this.#showActionMessage(selectedUnits, `unit firing at area`);
+    }
+
+    /** Instruct the selected units to simulate a fire fight at specific coordinates
+     * 
+     * @param latlng Location to fire at
+     */
+    selectedUnitsSimulateFireFight(latlng: LatLng) {
+        var selectedUnits = this.getSelectedUnits({ excludeHumans: true, onlyOnePerGroup: true });
+        getGroundElevation(latlng, (response: string) => {
+            var groundElevation: number | null = null;
+            try {
+                groundElevation = parseFloat(response);
+            } catch {
+                console.log("Simulate fire fight: could not retrieve ground elevation")
+            }
+            for (let idx in selectedUnits) {
+                selectedUnits[idx].simulateFireFight(latlng, groundElevation);
+            }
+        });
+        this.#showActionMessage(selectedUnits, `unit simulating fire fight`);
     }
 
     /*********************** Control operations on selected units ************************/