Added frontend controls for emissions and countermeasures

client/src/index.ts

@@ -89,7 +89,7 @@ function readConfig(config: any) {
             setAddress(address == "*" ? window.location.hostname : address, <number>port);
     }
     else {
-        throw new Error('Could not read configuration file!');
+        throw new Error('Could not read configuration file');
     }
 }
 

client/src/panels/unitcontrolpanel.ts

@@ -1,7 +1,6 @@
 import { getUnitsManager } from "..";
 import { Dropdown } from "../controls/dropdown";
 import { Slider } from "../controls/slider";
-import { dataPointMap } from "../other/utils";
 import { aircraftDatabase } from "../units/aircraftdatabase";
 import { groundUnitsDatabase } from "../units/groundunitsdatabase";
 import { Aircraft, GroundUnit, Unit } from "../units/unit";
@@ -10,6 +9,11 @@ import { Panel } from "./panel";
 
 const ROEs: string[] = ["Hold", "Return", "Designated", "Free"];
 const reactionsToThreat: string[] = ["None", "Passive", "Evade"];
+const emissionsCountermeasures: string[] = ["Silent", "Attack", "Defend", "Free"];
+
+const ROEDescriptions: string[] = ["Hold (Never fire)", "Return (Only fire if fired upon)", "Designated (Attack the designated target only)", "Free (Attack anyone)"];
+const reactionsToThreatDescriptions: string[] = ["None (No reaction)", "Passive (Countermeasures only, no manoeuvre)", "Evade (Countermeasures and manoeuvers)"];
+const emissionsCountermeasuresDescriptions: string[] = ["Silent (Radar off, no countermeasures)", "Attack (Radar only for targeting, countermeasures only if attacked/locked)", "Defend (Radar for searching, jammer if locked, countermeasures inside WEZ)", "Always on (Radar and jammer always on, countermeasures when hostile detected)"];
 
 const minSpeedValues: { [key: string]: number } = { Aircraft: 100, Helicopter: 0, NavyUnit: 0, GroundUnit: 0 };
 const maxSpeedValues: { [key: string]: number } = { Aircraft: 800, Helicopter: 300, NavyUnit: 60, GroundUnit: 60 };
@@ -52,23 +56,20 @@ export class UnitControlPanel extends Panel {
 
         /* Option buttons */
         this.#optionButtons["ROE"] = ROEs.map((option: string, index: number) => {
-            var button = document.createElement("button");
-            button.title = option;
-            button.value = option;
-            button.addEventListener("click", () => { getUnitsManager().selectedUnitsSetROE(button.title); });
-            return button;
+            return this.#createOptionButton(option, ROEDescriptions[index], () => { getUnitsManager().selectedUnitsSetROE(option); });
         });
 
         this.#optionButtons["reactionToThreat"] = reactionsToThreat.map((option: string, index: number) => {
-            var button = document.createElement("button");
-            button.title = option;
-            button.value = option;
-            button.addEventListener("click", () => { getUnitsManager().selectedUnitsSetReactionToThreat(button.title); });
-            return button;
+            return this.#createOptionButton(option, reactionsToThreatDescriptions[index],() => { getUnitsManager().selectedUnitsSetReactionToThreat(option); });
+        });
+
+        this.#optionButtons["emissionsCountermeasures"] = emissionsCountermeasures.map((option: string, index: number) => {
+            return this.#createOptionButton(option, emissionsCountermeasuresDescriptions[index],() => { getUnitsManager().selectedUnitsSetEmissionsCountermeasures(option); });
         });
 
         this.getElement().querySelector("#roe-buttons-container")?.append(...this.#optionButtons["ROE"]);
         this.getElement().querySelector("#reaction-to-threat-buttons-container")?.append(...this.#optionButtons["reactionToThreat"]);
+        this.getElement().querySelector("#emissions-countermeasures-buttons-container")?.append(...this.#optionButtons["emissionsCountermeasures"]);
 
         this.#advancedSettingsDialog = <HTMLElement> document.querySelector("#advanced-settings-dialog");
 
@@ -122,7 +123,7 @@ export class UnitControlPanel extends Panel {
             }));
         } else {
             var el = document.createElement("div");
-            el.innerText = "Too many units selected"
+            el.innerText = "Too many units selected";
             this.getElement().querySelector("#selected-units-container")?.replaceChildren(el);
         }
     }
@@ -298,4 +299,12 @@ export class UnitControlPanel extends Panel {
 
         this.#advancedSettingsDialog.classList.add("hide");
     }
+
+    #createOptionButton(option: string, title: string, callback: EventListenerOrEventListenerObject) {
+        var button = document.createElement("button");
+        button.value = option;
+        button.title = title;
+        button.addEventListener("click", callback);
+        return button;
+    }
 }

client/src/server/server.ts

@@ -209,6 +209,12 @@ export function setReactionToThreat(ID: number, reactionToThreat: string) {
     POST(data, () => { });
 }
 
+export function setEmissionsCountermeasures(ID: number, emissionCountermeasure: string) {
+    var command = {"ID": ID, "emissionCountermeasure": emissionCountermeasure}
+    var data = {"setEmissionsCountermeasures": command}
+    POST(data, () => { });
+}
+
 export function refuel(ID: number) {
     var command = { "ID": ID };
     var data = { "refuel": command }

client/src/units/unit.ts

@@ -1,7 +1,7 @@
 import { Marker, LatLng, Polyline, Icon, DivIcon, CircleMarker, Map } from 'leaflet';
 import { getMap, getUnitsManager } from '..';
 import { rad2deg } from '../other/utils';
-import { addDestination, attackUnit, changeAltitude, changeSpeed, createFormation as setLeader, deleteUnit, getUnits, landAt, setAltitude, setReactionToThreat, setROE, setSpeed, refuel, setAdvacedOptions, followUnit } from '../server/server';
+import { addDestination, attackUnit, changeAltitude, changeSpeed, createFormation as setLeader, deleteUnit, getUnits, landAt, setAltitude, setReactionToThreat, setROE, setSpeed, refuel, setAdvacedOptions, followUnit, setEmissionsCountermeasures } from '../server/server';
 import { aircraftDatabase } from './aircraftdatabase';
 import { groundUnitsDatabase } from './groundunitsdatabase';
 import { field } from 'geomag'
@@ -365,6 +365,11 @@ export class Unit extends Marker {
             setReactionToThreat(this.ID, reactionToThreat);
     }
 
+    setEmissionsCountermeasures(emissionCountermeasure: string) {
+        if (!this.getMissionData().flags.Human)
+            setEmissionsCountermeasures(this.ID, emissionCountermeasure);
+    }
+
     setLeader(isLeader: boolean, wingmenIDs: number[] = []) {
         if (!this.getMissionData().flags.Human)
             setLeader(this.ID, isLeader, wingmenIDs);

client/src/units/unitsmanager.ts

@@ -242,6 +242,15 @@ export class UnitsManager {
         this.#showActionMessage(selectedUnits, `reaction to threat set to ${reactionToThreat}`);
     }
 
+    selectedUnitsSetEmissionsCountermeasures(emissionCountermeasure: string) {
+        var selectedUnits = this.getSelectedUnits({excludeHumans: true});
+        for (let idx in selectedUnits) {
+            selectedUnits[idx].setEmissionsCountermeasures(emissionCountermeasure);
+        }
+        this.#showActionMessage(selectedUnits, `reaction to threat set to ${emissionCountermeasure}`);
+    }
+
+
     selectedUnitsAttackUnit(ID: number) {
         var selectedUnits = this.getSelectedUnits({excludeHumans: true});
         for (let idx in selectedUnits) {