refactoring(maplibre): WIP

UI/Popup/AllTagsPanel.svelte

@@ -0,0 +1,54 @@
+<script lang="ts">
+  import ToSvelte from "../Base/ToSvelte.svelte"
+  import Table from "../Base/Table"
+  import { UIEventSource } from "../../Logic/UIEventSource"
+
+  //Svelte props
+  export let tags: UIEventSource<any>
+  export let state: any
+
+  const calculatedTags = [].concat(
+    // SimpleMetaTagger.lazyTags,
+    ...(state?.layoutToUse?.layers?.map((l) => l.calculatedTags?.map((c) => c[0]) ?? []) ?? [])
+  )
+
+  const allTags = tags.map((tags) => {
+    const parts = []
+    for (const key in tags) {
+      if (!tags.hasOwnProperty(key)) {
+        continue
+      }
+      let v = tags[key]
+      if (v === "") {
+        v = "<b>empty string</b>"
+      }
+      parts.push([key, v ?? "<b>undefined</b>"])
+    }
+
+    for (const key of calculatedTags) {
+      const value = tags[key]
+      if (value === undefined) {
+        continue
+      }
+      let type = ""
+      if (typeof value !== "string") {
+        type = " <i>" + typeof value + "</i>"
+      }
+      parts.push(["<i>" + key + "</i>", value])
+    }
+
+    return parts
+  })
+
+  const tagsTable = new Table(["Key", "Value"], $allTags).SetClass("zebra-table")
+</script>
+
+<section>
+  <ToSvelte construct={tagsTable} />
+</section>
+
+<style lang="scss">
+  section {
+    @apply border border-solid border-black rounded-2xl p-4 block;
+  }
+</style>

UI/Popup/ImportButton.ts

@@ -45,6 +45,7 @@ import { ElementStorage } from "../../Logic/ElementStorage"
 import Hash from "../../Logic/Web/Hash"
 import { PreciseInput } from "../../Models/ThemeConfig/PresetConfig"
 import { SpecialVisualization } from "../SpecialVisualization"
+import Maproulette from "../../Logic/Maproulette";
 
 /**
  * A helper class for the various import-flows.
@@ -720,7 +721,7 @@ export class ImportPointButton extends AbstractImportButton {
                     )
                 } else {
                     console.log("Marking maproulette task as fixed")
-                    await state.maprouletteConnection.closeTask(Number(maproulette_id))
+                    await Maproulette.singleton.closeTask(Number(maproulette_id))
                     originalFeatureTags.data["mr_taskStatus"] = "Fixed"
                     originalFeatureTags.ping()
                 }

UI/Popup/SidedMinimap.ts

@@ -1,52 +0,0 @@
-import { UIEventSource } from "../../Logic/UIEventSource"
-import Loc from "../../Models/Loc"
-import Minimap from "../Base/Minimap"
-import ShowDataLayer from "../ShowDataLayer/ShowDataLayer"
-import LayerConfig from "../../Models/ThemeConfig/LayerConfig"
-import left_right_style_json from "../../assets/layers/left_right_style/left_right_style.json"
-import StaticFeatureSource from "../../Logic/FeatureSource/Sources/StaticFeatureSource"
-import { SpecialVisualization } from "../SpecialVisualization"
-
-export class SidedMinimap implements SpecialVisualization {
-    funcName = "sided_minimap"
-    docs =
-        "A small map showing _only one side_ the selected feature. *This features requires to have linerenderings with offset* as only linerenderings with a postive or negative offset will be shown. Note: in most cases, this map will be automatically introduced"
-    args = [
-        {
-            doc: "The side to show, either `left` or `right`",
-            name: "side",
-            required: true,
-        },
-    ]
-    example = "`{sided_minimap(left)}`"
-
-    public constr(state, tagSource, args) {
-        const properties = tagSource.data
-        const locationSource = new UIEventSource<Loc>({
-            lat: Number(properties._lat),
-            lon: Number(properties._lon),
-            zoom: 18,
-        })
-        const minimap = Minimap.createMiniMap({
-            background: state.backgroundLayer,
-            location: locationSource,
-            allowMoving: false,
-        })
-        const side = args[0]
-        const feature = state.allElements.ContainingFeatures.get(tagSource.data.id)
-        const copy = { ...feature }
-        copy.properties = {
-            id: side,
-        }
-        new ShowDataLayer({
-            leafletMap: minimap["leafletMap"],
-            zoomToFeatures: true,
-            layerToShow: new LayerConfig(left_right_style_json, "all_known_layers", true),
-            features: StaticFeatureSource.fromGeojson([copy]),
-            state,
-        })
-
-        minimap.SetStyle("overflow: hidden; pointer-events: none;")
-        return minimap
-    }
-}