Huge refactoring of state and initial UI setup

2021-10-15 05:20:02 +02:00 · 2021-10-15 05:20:02 +02:00 · eff6b5bfad
commit eff6b5bfad
parent 4e43673de5
37 changed files with 5232 additions and 4907 deletions
--- a/Logic/State/ElementsState.ts
+++ b/Logic/State/ElementsState.ts
@ -0,0 +1,93 @@
+import FeatureSwitchState from "./FeatureSwitchState";
+import {ElementStorage} from "../ElementStorage";
+import {Changes} from "../Osm/Changes";
+import LayoutConfig from "../../Models/ThemeConfig/LayoutConfig";
+import {UIEventSource} from "../UIEventSource";
+import Loc from "../../Models/Loc";
+import {BBox} from "../BBox";
+import {QueryParameters} from "../Web/QueryParameters";
+import {LocalStorageSource} from "../Web/LocalStorageSource";
+import {Utils} from "../../Utils";
+import ChangeToElementsActor from "../Actors/ChangeToElementsActor";
+import PendingChangesUploader from "../Actors/PendingChangesUploader";
+import TitleHandler from "../Actors/TitleHandler";
+
+/**
+ * The part of the state keeping track of where the elements, loading them, configuring the feature pipeline etc
+ */
+export default class ElementsState extends FeatureSwitchState{
+
+    /**
+     The mapping from id -> UIEventSource<properties>
+     */
+    public allElements: ElementStorage = new ElementStorage();
+    /**
+     THe change handler
+     */
+    public changes: Changes = new Changes();
+
+    /**
+     The latest element that was selected
+     */
+    public readonly selectedElement = new UIEventSource<any>(
+        undefined,
+        "Selected element"
+    );
+
+    
+    /**
+     * The map location: currently centered lat, lon and zoom
+     */
+    public readonly locationControl = new UIEventSource<Loc>(undefined, "locationControl");
+
+    /**
+     * The current visible extent of the screen
+     */
+    public readonly currentBounds = new UIEventSource<BBox>(undefined)
+
+
+    constructor(layoutToUse: LayoutConfig) {
+        super(layoutToUse);
+        {
+            // -- Location control initialization
+            const zoom = UIEventSource.asFloat(
+                QueryParameters.GetQueryParameter(
+                    "z",
+                    "" + (layoutToUse?.startZoom ?? 1),
+                    "The initial/current zoom level"
+                ).syncWith(LocalStorageSource.Get("zoom"))
+            );
+            const lat = UIEventSource.asFloat(
+                QueryParameters.GetQueryParameter(
+                    "lat",
+                    "" + (layoutToUse?.startLat ?? 0),
+                    "The initial/current latitude"
+                ).syncWith(LocalStorageSource.Get("lat"))
+            );
+            const lon = UIEventSource.asFloat(
+                QueryParameters.GetQueryParameter(
+                    "lon",
+                    "" + (layoutToUse?.startLon ?? 0),
+                    "The initial/current longitude of the app"
+                ).syncWith(LocalStorageSource.Get("lon"))
+            );
+
+            this.locationControl.setData({
+                zoom: Utils.asFloat(zoom.data),
+                lat: Utils.asFloat(lat.data),
+                lon: Utils.asFloat(lon.data),
+            })
+            this.locationControl.addCallback((latlonz) => {
+                // Sync th location controls
+                zoom.setData(latlonz.zoom);
+                lat.setData(latlonz.lat);
+                lon.setData(latlonz.lon);
+            });
+        }
+        
+        new ChangeToElementsActor(this.changes, this.allElements)
+        new PendingChangesUploader(this.changes, this.selectedElement);
+        new TitleHandler(this);
+    
+    }
+}