More work on database editing

client/plugins/databasemanager/src/databasemanagerplugin.ts

@@ -3,6 +3,7 @@ import { AirUnitEditor } from "./airuniteditor";
 import { OlympusApp } from "olympusapp";
 import { GroundUnitEditor } from "./grounduniteditor";
 import { PrimaryToolbar } from "toolbars/primarytoolbar";
+import { NavyUnitEditor } from "./navyuniteditor";
 
 export class DatabaseManagerPlugin implements OlympusPlugin {
     #app: OlympusApp | null = null;
@@ -26,6 +27,7 @@ export class DatabaseManagerPlugin implements OlympusPlugin {
     #aircraftEditor: AirUnitEditor;
     #helicopterEditor: AirUnitEditor;
     #groundUnitEditor: GroundUnitEditor;
+    #navyUnitEditor: NavyUnitEditor;
 
     constructor() {
         this.#element = document.createElement("div");
@@ -59,6 +61,7 @@ export class DatabaseManagerPlugin implements OlympusPlugin {
         this.#button4 = document.createElement("button");
         this.#button4.classList.add("tab-button");
         this.#button4.textContent = "Navy Unit database";
+        this.#button4.onclick = () => { this.hideAll(); this.#navyUnitEditor.show(); this.#button4.classList.add("selected"); };
         topButtonContainer.appendChild(this.#button4);
 
         this.#element.appendChild(topButtonContainer);
@@ -82,6 +85,7 @@ export class DatabaseManagerPlugin implements OlympusPlugin {
         this.#aircraftEditor = new AirUnitEditor(this.#contentDiv1, this.#contentDiv2, this.#contentDiv3);
         this.#helicopterEditor = new AirUnitEditor(this.#contentDiv1, this.#contentDiv2, this.#contentDiv3);
         this.#groundUnitEditor = new GroundUnitEditor(this.#contentDiv1, this.#contentDiv2, this.#contentDiv3);
+        this.#navyUnitEditor = new NavyUnitEditor(this.#contentDiv1, this.#contentDiv2, this.#contentDiv3);
 
         let bottomButtonContainer = document.createElement("div");
 
@@ -100,6 +104,10 @@ export class DatabaseManagerPlugin implements OlympusPlugin {
             var groundUnitDatabase = this.#groundUnitEditor.getDatabase();
             if (groundUnitDatabase)
                 this.uploadDatabase(groundUnitDatabase, "groundUnitDatabase");
+
+            var navyUnitDatabase = this.#navyUnitEditor.getDatabase();
+            if (navyUnitDatabase)
+                this.uploadDatabase(navyUnitDatabase, "navyUnitDatabase");
         };
         bottomButtonContainer.appendChild(this.#button5);
 
@@ -161,6 +169,10 @@ export class DatabaseManagerPlugin implements OlympusPlugin {
         if (groundUnitDatabase != null)
             this.#groundUnitEditor.setDatabase(groundUnitDatabase);
 
+        var navyUnitDatabase = this.#app?.getNavyUnitDatabase();
+        if (navyUnitDatabase != null)
+            this.#navyUnitEditor.setDatabase(navyUnitDatabase);
+
         this.hideAll();
         this.#aircraftEditor.show();
         this.#button1.classList.add("selected");

client/plugins/databasemanager/src/grounduniteditor.ts

@@ -34,8 +34,10 @@ export class GroundUnitEditor extends UnitEditor {
             addStringInput(this.contentDiv2, "Type", blueprint.type?? "", "text", (value: string) => {blueprint.type = value; });
             addDropdownInput(this.contentDiv2, "Coalition", blueprint.coalition, ["", "blue", "red"],);
             addDropdownInput(this.contentDiv2, "Era", blueprint.era, ["WW2", "Early Cold War", "Mid Cold War", "Late Cold War", "Modern"]);
-            addStringInput(this.contentDiv2, "Filename", blueprint.filename?? "", "text", (value: string) => {blueprint.filename = value; });
+            //addStringInput(this.contentDiv2, "Filename", blueprint.filename?? "", "text", (value: string) => {blueprint.filename = value; });
             addStringInput(this.contentDiv2, "Cost", String(blueprint.cost)?? "", "number", (value: string) => {blueprint.cost = parseFloat(value); });
+            addStringInput(this.contentDiv2, "Barrel height [m]", String(blueprint.barrelHeight)?? "", "number", (value: string) => {blueprint.barrelHeight = parseFloat(value); });
+            addStringInput(this.contentDiv2, "Muzzle velocity [m/s]", String(blueprint.muzzleVelocity)?? "", "number", (value: string) => {blueprint.muzzleVelocity = parseFloat(value); });
         }
     }
 

client/plugins/databasemanager/src/navyuniteditor.ts

@@ -0,0 +1,55 @@
+import { UnitBlueprint } from "interfaces";
+import { UnitEditor } from "./uniteditor";
+import { addDropdownInput, addStringInput } from "./utils";
+
+export class NavyUnitEditor extends UnitEditor {
+    #blueprint: UnitBlueprint | null = null;
+
+    constructor(contentDiv1: HTMLElement, contentDiv2: HTMLElement, contentDiv3: HTMLElement) {
+        super(contentDiv1, contentDiv2, contentDiv3);
+        this.contentDiv2.addEventListener("refresh", () => { 
+            if (this.visible) {
+                if (this.#blueprint !== null)
+                    this.setBlueprint(this.#blueprint);
+            }
+        });
+        
+        this.contentDiv3.addEventListener("refresh", () => { 
+            if (this.visible) {
+                if (this.#blueprint !== null)
+                    this.setBlueprint(this.#blueprint);
+            }
+        });
+    }
+
+    setBlueprint(blueprint: UnitBlueprint) {
+        this.#blueprint = blueprint;
+
+        if (this.#blueprint !== null) {
+            this.contentDiv2.replaceChildren();
+            
+            addStringInput(this.contentDiv2, "Name", blueprint.name, "text", (value: string) => {blueprint.name = value; }, true);
+            addStringInput(this.contentDiv2, "Label", blueprint.label, "text", (value: string) => {blueprint.label = value; });
+            addStringInput(this.contentDiv2, "Short label", blueprint.shortLabel, "text", (value: string) => {blueprint.shortLabel = value; });
+            addStringInput(this.contentDiv2, "Type", blueprint.type?? "", "text", (value: string) => {blueprint.type = value; });
+            addDropdownInput(this.contentDiv2, "Coalition", blueprint.coalition, ["", "blue", "red"],);
+            addDropdownInput(this.contentDiv2, "Era", blueprint.era, ["WW2", "Early Cold War", "Mid Cold War", "Late Cold War", "Modern"]);
+            //addStringInput(this.contentDiv2, "Filename", blueprint.filename?? "", "text", (value: string) => {blueprint.filename = value; });
+            addStringInput(this.contentDiv2, "Cost", String(blueprint.cost)?? "", "number", (value: string) => {blueprint.cost = parseFloat(value); });
+        }
+    }
+
+    addBlueprint(key: string) {
+        if (this.database != null) {
+            this.database.blueprints[key] = {
+                name: key,
+                coalition: "",
+                label: "",
+                shortLabel: "",
+                era: ""
+            }
+            this.show();
+            this.setBlueprint(this.database.blueprints[key]);
+        }
+    }
+}