First attempt to get the editor-layer-index working

UI/BackgroundSelector.ts

@@ -0,0 +1,50 @@
+import {UIElement} from "./UIElement";
+import AvailableBaseLayers from "../Logic/AvailableBaseLayers";
+import {DropDown} from "./Input/DropDown";
+import Translations from "./i18n/Translations";
+import {State} from "../State";
+import {UIEventSource} from "../Logic/UIEventSource";
+
+export default class BackgroundSelector extends UIElement {
+
+    private _dropdown: UIElement;
+    private readonly state: State;
+    private readonly _availableLayers: UIEventSource<any>;
+
+    constructor(state: State) {
+        super();
+        this.state = state;
+
+        this._availableLayers = new AvailableBaseLayers(state).availableEditorLayers;
+        const self = this;
+        this._availableLayers.addCallbackAndRun(available => self.CreateDropDown(available));
+    }
+
+    private CreateDropDown(available) {
+        if(available.length === 0){
+            console.warn("NO AVAILABLE LAYERS")
+        }
+        
+        console.log("ALL LAYERS", available)
+        
+        const baseLayers: { value: any, shown: string }[] = [];
+        for (const i in available) {
+            const layer: { url: string, max_zoom: number, license_url: number, name: string, geometry: any, leafletLayer: any } = available[i];
+
+            if (layer.name === undefined) {
+                continue;
+            }
+
+            baseLayers.push({value: layer.leafletLayer, shown: layer.name});
+
+        }
+
+        const dropdown = new DropDown(Translations.t.general.backgroundMap, baseLayers, State.state.bm.CurrentLayer)
+        this._dropdown = dropdown;
+    }
+
+    InnerRender(): string {
+        return this._dropdown.Render();
+    }
+
+}

UI/Input/TextField.ts

@@ -73,12 +73,10 @@ export class TextField extends InputElement<string> {
     }
     
     Update() {
-        console.log("Updating TF")
         super.Update();
     }
 
     InnerUpdate() {
-        console.log("Inner Updating TF")
         const field = document.getElementById("txt-" + this.id);
         const self = this;
         field.oninput = () => {

UI/LayerSelection.ts

@@ -1,7 +1,6 @@
 import {UIElement} from "./UIElement";
 import {CheckBox} from "./Input/CheckBox";
 import Combine from "./Base/Combine";
-import {Img} from "./Img";
 import {State} from "../State";
 import Translations from "./i18n/Translations";
 import {FixedUiElement} from "./Base/FixedUiElement";