UI Kit rework of planes. Added tabs.

client/src/aic/aic.ts

@@ -5,7 +5,7 @@ import { AICFormation_Single } from "./AICFormation/Single";
 import { AICFormationDescriptorSection } from "./AICFormationDescriptorSection";
 
 
-export class AIC extends ToggleableFeature {
+export class aic extends ToggleableFeature {
 
     #formations = [
 

client/src/index.ts

@@ -10,7 +10,7 @@ import { MissionData } from "./missiondata/missiondata";
 import { UnitControlPanel } from "./panels/unitcontrolpanel";
 import { MouseInfoPanel } from "./panels/mouseInfoPanel";
 import { Slider } from "./controls/slider";
-import { AIC } from "./aic/AIC";
+import { aic } from "./aic/aic";
 
 import { VisibilityControlPanel } from "./panels/visibilitycontrolpanel";
 import { ATC } from "./atc/ATC";
@@ -40,7 +40,7 @@ var fastButton: Button;
 var climbButton: Button;
 var descendButton: Button;
 
-var aic: AIC;
+var aicMode: aic;
 var aicToggleButton: Button;
 var aicHelpButton: Button;
 
@@ -94,14 +94,14 @@ function setup() {
     let aicFeatureSwitch = featureSwitches.getSwitch( "aic" );
 
     if ( aicFeatureSwitch?.isEnabled() ) {
-        aic = new AIC();
+        aicMode = new aic();
         
         aicToggleButton = new Button( "toggle-aic-button", ["images/buttons/radar.svg"], () => {
-            aic.toggleStatus();
+            aicMode.toggleStatus();
         });
 
         aicHelpButton = new Button( "aic-help-button", [ "images/buttons/question-mark.svg" ], () => {
-            aic.toggleHelp();
+            aicMode.toggleHelp();
         });
     }
 

client/src/units/unitmarker.ts

@@ -75,6 +75,7 @@ export class UnitMarker extends L.Marker {
         this.#alive = data.alive;
         var element = this.getElement();
         if (element != null) {
+            
             var nameDiv = <HTMLElement>element.querySelector("#name");
             var unitNameDiv = <HTMLElement>element.querySelector("#unitName");
             var container = <HTMLElement>element.querySelector("#container");