Merge branch 'main' into 485-improve-miss-on-purpose

client/src/context/context.ts

@@ -1,11 +1,31 @@
 export interface ContextInterface {
-
+    useSpawnMenu?: boolean;
+    useUnitControlPanel?: boolean;
+    useUnitInfoPanel?: boolean;
 }
 
 export class Context {
 
-    constructor( config:ContextInterface ) {
+    #useSpawnMenu:boolean;
+    #useUnitControlPanel:boolean;
+    #useUnitInfoPanel:boolean;
 
+    constructor( config:ContextInterface ) {
+        this.#useSpawnMenu        = ( config.useSpawnMenu !== false );
+        this.#useUnitControlPanel = ( config.useUnitControlPanel !== false );
+        this.#useUnitInfoPanel    = ( config.useUnitInfoPanel !== false );
+    }
+
+    getUseSpawnMenu() {
+        return this.#useSpawnMenu;
+    }
+
+    getUseUnitControlPanel() {
+        return this.#useUnitControlPanel;
+    }
+
+    getUseUnitInfoPanel() {
+        return this.#useUnitInfoPanel;
     }
 
 }

client/src/contextmenus/mapcontextmenu.ts

@@ -99,6 +99,9 @@ export class MapContextMenu extends ContextMenu {
      * @param latlng Leaflet latlng object of the mouse click
      */
     show(x: number, y: number, latlng: LatLng) {
+        if (!getApp().getCurrentContext().getUseSpawnMenu())
+            return false;
+
         super.show(x, y, latlng);
 
         this.#aircraftSpawnMenu.setLatLng(latlng);

client/src/map/map.ts

@@ -734,7 +734,7 @@ export class Map extends L.Map {
         const makeTitle = (isProtected:boolean) => {
             return ( isProtected ) ? "Unit type is protected and will ignore orders" : "Unit is NOT protected and will respond to orders";
         }
-        this.#mapMarkerControls.forEach( (control:MapMarkerControl) => {
+        this.getMapMarkerControls().forEach( (control:MapMarkerControl) => {
             const toggles = `["${control.toggles.join('","')}"]`;
             const div = document.createElement("div");
             div.className = control.protectable === true ? "protectable" : "";
@@ -901,5 +901,9 @@ export class Map extends L.Map {
         this.#visibilityOptions[option] = ev.currentTarget.checked;
         document.dispatchEvent(new CustomEvent("mapVisibilityOptionsChanged"));
     }
+
+    getMapMarkerControls() {
+        return this.#mapMarkerControls;
+    }
 }
 

client/src/olympusapp.ts

@@ -403,19 +403,26 @@ export class OlympusApp {
         });
 
         /* Try and connect with the Olympus REST server */
-        document.addEventListener("tryConnection", () => {
-            const form = document.querySelector("#splash-content")?.querySelector("#authentication-form");
-            const username = (form?.querySelector("#username") as HTMLInputElement).value;
-            const password = (form?.querySelector("#password") as HTMLInputElement).value;
+        const loginForm = document.getElementById("authentication-form");
+        if (loginForm instanceof HTMLFormElement) {
+            loginForm.addEventListener("submit", (ev:SubmitEvent) => {
+                ev.preventDefault();
+                ev.stopPropagation();
+                const username = (loginForm.querySelector("#username") as HTMLInputElement).value;
+                const password = (loginForm.querySelector("#password") as HTMLInputElement).value;
 
-            /* Update the user credentials */
-            this.getServerManager().setCredentials(username, password);
+                // Update the user credentials
+                this.getServerManager().setCredentials(username, password);
 
-            /* Start periodically requesting updates */
-            this.getServerManager().startUpdate();
+                // Start periodically requesting updates
+                this.getServerManager().startUpdate();
+
+                this.setLoginStatus("connecting");
+            });
+        } else {
+            console.error("Unable to find login form.");
+        }
 
-            this.setLoginStatus("connecting");
-        })
 
         /* Reload the page, used to mimic a restart of the app */
         document.addEventListener("reloadPage", () => {

client/src/panels/unitcontrolpanel.ts

@@ -141,6 +141,10 @@ export class UnitControlPanel extends Panel {
     }
 
     show() {
+        const context = getApp().getCurrentContext();
+        if ( !context.getUseUnitControlPanel() )
+            return;
+        
         super.show();
         this.#speedTypeSwitch.resetExpectedValue();
         this.#altitudeTypeSwitch.resetExpectedValue();

client/src/panels/unitinfopanel.ts

@@ -1,3 +1,4 @@
+import { getApp } from "..";
 import { Ammo } from "../interfaces";
 import { aircraftDatabase } from "../unit/databases/aircraftdatabase";
 import { Unit } from "../unit/unit";
@@ -92,4 +93,12 @@ export class UnitInfoPanel extends Panel {
         else
             this.hide();
     }
+
+    show() {
+        const context = getApp().getCurrentContext();
+        if ( !context.getUseUnitInfoPanel() )
+            return;
+
+        super.show();
+    }
 }