forked from MapComplete/MapComplete
		
	start of layer dropdown
This commit is contained in:
		
							parent
							
								
									db9ac0eaf0
								
							
						
					
					
						commit
						3dec5bcd06
					
				
					 2 changed files with 25 additions and 31 deletions
				
			
		
							
								
								
									
										16
									
								
								index.ts
									
										
									
									
									
								
							
							
						
						
									
										16
									
								
								index.ts
									
										
									
									
									
								
							|  | @ -3,7 +3,7 @@ import {Changes} from "./Logic/Changes"; | ||||||
| import {ElementStorage} from "./Logic/ElementStorage"; | import {ElementStorage} from "./Logic/ElementStorage"; | ||||||
| import {UIEventSource} from "./UI/UIEventSource"; | import {UIEventSource} from "./UI/UIEventSource"; | ||||||
| import {UserBadge} from "./UI/UserBadge"; | import {UserBadge} from "./UI/UserBadge"; | ||||||
| import {Basemap} from "./Logic/Basemap"; | import {Basemap, BaseLayers} from "./Logic/Basemap"; | ||||||
| import {PendingChanges} from "./UI/PendingChanges"; | import {PendingChanges} from "./UI/PendingChanges"; | ||||||
| import {CenterMessageBox} from "./UI/CenterMessageBox"; | import {CenterMessageBox} from "./UI/CenterMessageBox"; | ||||||
| import {Helpers} from "./Helpers"; | import {Helpers} from "./Helpers"; | ||||||
|  | @ -334,4 +334,16 @@ const openFilterButton = ` | ||||||
| 
 | 
 | ||||||
| new CheckBox(new Combine([new LayerSelection(flayers), openFilterButton]), closedFilterButton).AttachTo("filter__selection") | new CheckBox(new Combine([new LayerSelection(flayers), openFilterButton]), closedFilterButton).AttachTo("filter__selection") | ||||||
| 
 | 
 | ||||||
|          | // --------------- Setting up basemap dropdown --------
 | ||||||
|  | 
 | ||||||
|  | let baseLayerOptions = []; | ||||||
|  | 
 | ||||||
|  | Object.entries(BaseLayers.baseLayers).forEach(([key, value], i) => { | ||||||
|  | console.log(key, value, i); | ||||||
|  |     baseLayerOptions.push({value: {name: key, layer: value}, shown: key}); | ||||||
|  | }); | ||||||
|  | 
 | ||||||
|  | console.log(bm.CurrentLayer.data); | ||||||
|  | 
 | ||||||
|  | 
 | ||||||
|  | new DropDown(`label`, baseLayerOptions, bm.CurrentLayer).AttachTo("filter__selection"); | ||||||
							
								
								
									
										40
									
								
								test.ts
									
										
									
									
									
								
							
							
						
						
									
										40
									
								
								test.ts
									
										
									
									
									
								
							|  | @ -1,32 +1,14 @@ | ||||||
| import {DropDown} from "./UI/Input/DropDown"; | import { DropDown } from "./UI/Input/DropDown"; | ||||||
| import Locale from "./UI/i18n/Locale"; | import { BaseLayers, Basemap } from "./Logic/Basemap"; | ||||||
| import Combine from "./UI/Base/Combine"; |  | ||||||
| import Translations from "./UI/i18n/Translations"; |  | ||||||
| import {TagRenderingOptions} from "./Customizations/TagRendering"; |  | ||||||
| import {UIEventSource} from "./UI/UIEventSource"; |  | ||||||
| import {Tag} from "./Logic/TagsFilter"; |  | ||||||
| import {Changes} from "./Logic/Changes"; |  | ||||||
| import {OsmConnection} from "./Logic/OsmConnection"; |  | ||||||
| import Translation from "./UI/i18n/Translation"; |  | ||||||
| 
 | 
 | ||||||
| console.log("Hello world") | let baseLayerOptions = []; | ||||||
| Locale.language.setData("en"); | 
 | ||||||
| let languagePicker = new DropDown("", ["en", "nl"].map(lang => { | Object.entries(BaseLayers.baseLayers).forEach(([key, value], i) => { | ||||||
|         return {value: lang, shown: lang} | // console.log(key, value, i);
 | ||||||
|     } |     baseLayerOptions.push({value: i, shown: key}); | ||||||
| ), Locale.language).AttachTo("maindiv"); | }); | ||||||
|  | 
 | ||||||
|  | console.log(Basemap); | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
| let tags = new UIEventSource({ | new DropDown(`label`, baseLayerOptions, Basemap.CurrentLayer).AttachTo("maindiv"); | ||||||
|     x:"y" |  | ||||||
| }) |  | ||||||
| 
 |  | ||||||
| new TagRenderingOptions({ |  | ||||||
|     mappings: [{k: new Tag("x","y"), txt: new Translation({en: "ENG", nl: "NED"})}] |  | ||||||
| }).construct({ |  | ||||||
|     tags: tags, |  | ||||||
|     changes: new Changes( |  | ||||||
|         "cs", |  | ||||||
|         new OsmConnection(true) |  | ||||||
|     ) |  | ||||||
| }).AttachTo("extradiv") |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue