forked from MapComplete/MapComplete
		
	Stabilize personal theme, textfield now correctly appears if it is an option in the freeform too
This commit is contained in:
		
							parent
							
								
									79fc3f54e5
								
							
						
					
					
						commit
						416a76ae4f
					
				
					 22 changed files with 278 additions and 149 deletions
				
			
		|  | @ -12,7 +12,7 @@ export default class FeatureDuplicatorPerLayer implements FeatureSource { | |||
|     public readonly features: UIEventSource<{ feature: any; freshness: Date }[]>; | ||||
| 
 | ||||
| 
 | ||||
|     constructor(layers: { layerDef: LayerConfig }[], upstream: FeatureSource) { | ||||
|     constructor(layers: UIEventSource<{ layerDef: LayerConfig }[]>, upstream: FeatureSource) { | ||||
|         this.features = upstream.features.map(features => { | ||||
|             const newFeatures: { feature: any, freshness: Date }[] = []; | ||||
|             if(features === undefined){ | ||||
|  | @ -29,7 +29,7 @@ export default class FeatureDuplicatorPerLayer implements FeatureSource { | |||
| 
 | ||||
|                  | ||||
|                 let foundALayer = false; | ||||
|                 for (const layer of layers) { | ||||
|                 for (const layer of layers.data) { | ||||
|                     if (layer.layerDef.overpassTags.matchesProperties(f.feature.properties)) { | ||||
|                         foundALayer = true; | ||||
|                         if (layer.layerDef.passAllFeatures) { | ||||
|  |  | |||
|  | @ -16,7 +16,7 @@ export default class FeaturePipeline implements FeatureSource { | |||
| 
 | ||||
|     public features: UIEventSource<{ feature: any; freshness: Date }[]>; | ||||
| 
 | ||||
|     constructor(flayers: { isDisplayed: UIEventSource<boolean>, layerDef: LayerConfig }[], | ||||
|     constructor(flayers: UIEventSource<{ isDisplayed: UIEventSource<boolean>, layerDef: LayerConfig }[]>, | ||||
|                 updater: FeatureSource, | ||||
|                 layout: UIEventSource<LayoutConfig>, | ||||
|                 newPoints: FeatureSource, | ||||
|  |  | |||
|  | @ -6,26 +6,27 @@ import Loc from "../../Models/Loc"; | |||
| export default class FilteringFeatureSource implements FeatureSource { | ||||
|     public features: UIEventSource<{ feature: any; freshness: Date }[]> = new UIEventSource<{ feature: any; freshness: Date }[]>([]); | ||||
| 
 | ||||
|     constructor(layers: { | ||||
|     constructor(layers: UIEventSource<{ | ||||
|                     isDisplayed: UIEventSource<boolean>, | ||||
|                     layerDef: LayerConfig | ||||
|                 }[], | ||||
|                 }[]>, | ||||
|                 location: UIEventSource<Loc>, | ||||
|                 upstream: FeatureSource) { | ||||
| 
 | ||||
|         const self = this; | ||||
|          | ||||
|         const layerDict = {}; | ||||
|         for (const layer of layers) { | ||||
|             layerDict[layer.layerDef.id] = layer; | ||||
|         } | ||||
| 
 | ||||
|         | ||||
| 
 | ||||
|         function update() { | ||||
|             console.log("Updating the filtering layer") | ||||
| 
 | ||||
|             const layerDict = {}; | ||||
|             for (const layer of layers.data) { | ||||
|                 layerDict[layer.layerDef.id] = layer; | ||||
|             } | ||||
| 
 | ||||
|             console.log("Updating the filtering layer, input ", upstream.features.data.length, "features") | ||||
|             const features: { feature: any, freshness: Date }[] = upstream.features.data; | ||||
|              | ||||
|              | ||||
| 
 | ||||
| 
 | ||||
|             const newFeatures = features.filter(f => { | ||||
|                 const layerId = f.feature._matching_layer_id; | ||||
|                 if (layerId !== undefined) { | ||||
|  | @ -42,7 +43,7 @@ export default class FilteringFeatureSource implements FeatureSource { | |||
|                     } | ||||
|                 } | ||||
|                 // Does it match any other layer - e.g. because of a switch?
 | ||||
|                 for (const toCheck of layers) { | ||||
|                 for (const toCheck of layers.data) { | ||||
|                     if (!FilteringFeatureSource.showLayer(toCheck, location)) { | ||||
|                         continue; | ||||
|                     } | ||||
|  | @ -53,6 +54,8 @@ export default class FilteringFeatureSource implements FeatureSource { | |||
|                 return false; | ||||
| 
 | ||||
|             }); | ||||
|             console.log("Updating the filtering layer, output ", newFeatures.length, "features") | ||||
| 
 | ||||
|             self.features.setData(newFeatures); | ||||
|         } | ||||
| 
 | ||||
|  | @ -63,20 +66,33 @@ export default class FilteringFeatureSource implements FeatureSource { | |||
|         location.map(l => { | ||||
|             // We want something that is stable for the shown layers
 | ||||
|             const displayedLayerIndexes = []; | ||||
|             for (let i = 0; i < layers.length; i++) { | ||||
|                 if (l.zoom < layers[i].layerDef.minzoom) { | ||||
|             for (let i = 0; i < layers.data.length; i++) { | ||||
|                 const layer = layers.data[i]; | ||||
|                 if (l.zoom < layer.layerDef.minzoom) { | ||||
|                     continue; | ||||
|                 } | ||||
|                 if (!layers[i].isDisplayed.data) { | ||||
|                 if (!layer.isDisplayed.data) { | ||||
|                     continue; | ||||
|                 } | ||||
|                 displayedLayerIndexes.push(i); | ||||
|             } | ||||
|             return displayedLayerIndexes.join(",") | ||||
|         }, layers.map(l => l.isDisplayed)) | ||||
|             .addCallback(() => { | ||||
|                 update(); | ||||
|             }); | ||||
|         }).addCallback(() => { | ||||
|             update(); | ||||
|         }); | ||||
|          | ||||
|         layers.addCallback(update); | ||||
|          | ||||
|         const registered = new Set<UIEventSource<boolean>>(); | ||||
|         layers.addCallback(layers => { | ||||
|             for (const layer of layers) { | ||||
|                 if(registered.has(layer.isDisplayed)){ | ||||
|                     continue; | ||||
|                 } | ||||
|                 registered.add(layer.isDisplayed); | ||||
|                 layer.isDisplayed.addCallback(update); | ||||
|             } | ||||
|         }) | ||||
| 
 | ||||
|         update(); | ||||
| 
 | ||||
|  |  | |||
|  | @ -9,18 +9,21 @@ export default class LocalStorageSource implements FeatureSource { | |||
|     constructor(layout: UIEventSource<LayoutConfig>) { | ||||
|         this.features = new UIEventSource<{ feature: any; freshness: Date }[]>([]) | ||||
|         const key = LocalStorageSaver.storageKey + layout.data.id | ||||
|         try { | ||||
|             const fromStorage = localStorage.getItem(key); | ||||
|             if (fromStorage == null) { | ||||
|                 return; | ||||
|             } | ||||
|             const loaded = JSON.parse(fromStorage); | ||||
|             this.features.setData(loaded); | ||||
|             console.log("Loaded ",loaded.length," features from localstorage as cache") | ||||
|         } catch (e) { | ||||
|             console.log("Could not load features from localStorage:", e) | ||||
|             localStorage.removeItem(key) | ||||
|         } | ||||
|         layout.addCallbackAndRun(_ => { | ||||
| 
 | ||||
| 
 | ||||
|             try { | ||||
|                 const fromStorage = localStorage.getItem(key); | ||||
|                 if (fromStorage == null) { | ||||
|                     return; | ||||
|                 } | ||||
|                 const loaded = JSON.parse(fromStorage); | ||||
|                 this.features.setData(loaded); | ||||
|                 console.log("Loaded ", loaded.length, " features from localstorage as cache") | ||||
|             } catch (e) { | ||||
|                 console.log("Could not load features from localStorage:", e) | ||||
|                 localStorage.removeItem(key) | ||||
|             } | ||||
|         }) | ||||
|     } | ||||
| } | ||||
|  | @ -12,16 +12,12 @@ export default class NoOverlapSource { | |||
| 
 | ||||
|     features: UIEventSource<{ feature: any, freshness: Date }[]> = new UIEventSource<{ feature: any, freshness: Date }[]>([]); | ||||
| 
 | ||||
|     constructor(layers: { | ||||
|     constructor(layers: UIEventSource<{ | ||||
|                     layerDef: LayerConfig | ||||
|                 }[], | ||||
|                 }[]>, | ||||
|                 upstream: FeatureSource) { | ||||
|         const layerDict = {}; | ||||
|         let noOverlapRemoval = true; | ||||
|         const layerIds = [] | ||||
|         for (const layer of layers) { | ||||
|             layerDict[layer.layerDef.id] = layer; | ||||
|             layerIds.push(layer.layerDef.id); | ||||
|         for (const layer of layers.data) { | ||||
|             if ((layer.layerDef.hideUnderlayingFeaturesMinPercentage ?? 0) !== 0) { | ||||
|                 noOverlapRemoval = false; | ||||
|             } | ||||
|  | @ -31,13 +27,22 @@ export default class NoOverlapSource { | |||
|             return; | ||||
|         } | ||||
| 
 | ||||
| 
 | ||||
|         this.features = upstream.features.map( | ||||
|             features => { | ||||
|                 if (features === undefined) { | ||||
|                     return; | ||||
|                 } | ||||
|                 | ||||
| 
 | ||||
|                 const layerIds = [] | ||||
|                 const layerDict = {}; | ||||
|                 for (const layer of layers.data) { | ||||
|                     layerDict[layer.layerDef.id] = layer; | ||||
|                     layerIds.push(layer.layerDef.id); | ||||
|                     if ((layer.layerDef.hideUnderlayingFeaturesMinPercentage ?? 0) !== 0) { | ||||
|                         noOverlapRemoval = false; | ||||
|                     } | ||||
|                 } | ||||
| 
 | ||||
|                 // There is overlap removal active
 | ||||
|                 // We partition all the features with their respective layerIDs
 | ||||
|                 const partitions = {}; | ||||
|  | @ -67,7 +72,7 @@ export default class NoOverlapSource { | |||
|                                 guardPartition.map(f => f.feature), | ||||
|                                 percentage | ||||
|                             ); | ||||
|                             if(!doesOverlap){ | ||||
|                             if (!doesOverlap) { | ||||
|                                 newPartition.push(mightBeDeleted); | ||||
|                             } | ||||
|                         } | ||||
|  |  | |||
|  | @ -6,29 +6,26 @@ import {GeoOperations} from "../GeoOperations"; | |||
| export default class WayHandlingApplyingFeatureSource implements FeatureSource { | ||||
|     features: UIEventSource<{ feature: any; freshness: Date }[]>; | ||||
| 
 | ||||
|     constructor(layers: { | ||||
|     constructor(layers: UIEventSource<{ | ||||
|                     layerDef: LayerConfig | ||||
|                 }[], | ||||
|                 }[]>, | ||||
|                 upstream: FeatureSource) { | ||||
|         const layerDict = {}; | ||||
|         let allDefaultWayHandling = true; | ||||
|         for (const layer of layers) { | ||||
|             layerDict[layer.layerDef.id] = layer; | ||||
|             if (layer.layerDef.wayHandling !== LayerConfig.WAYHANDLING_DEFAULT) { | ||||
|                 allDefaultWayHandling = false; | ||||
|             } | ||||
|         } | ||||
|         if (allDefaultWayHandling) { | ||||
|             this.features = upstream.features; | ||||
|             return; | ||||
|         } | ||||
| 
 | ||||
| 
 | ||||
|         this.features = upstream.features.map( | ||||
|             features => { | ||||
|                 if(features === undefined){ | ||||
|                     return; | ||||
|                 } | ||||
| 
 | ||||
|                 const layerDict = {}; | ||||
|                 let allDefaultWayHandling = true; | ||||
|                 for (const layer of layers.data) { | ||||
|                     layerDict[layer.layerDef.id] = layer; | ||||
|                     if (layer.layerDef.wayHandling !== LayerConfig.WAYHANDLING_DEFAULT) { | ||||
|                         allDefaultWayHandling = false; | ||||
|                     } | ||||
|                 } | ||||
|                  | ||||
|                 const newFeatures: { feature: any, freshness: Date }[] = []; | ||||
|                 for (const f of features) { | ||||
|                     const feat = f.feature; | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue