forked from MapComplete/MapComplete
		
	chore: formatting
This commit is contained in:
		
							parent
							
								
									c596e3750c
								
							
						
					
					
						commit
						4849f881e6
					
				
					 9 changed files with 75 additions and 67 deletions
				
			
		|  | @ -1,61 +1,62 @@ | |||
| <script lang="ts"> | ||||
|   import { onMount } from "svelte"; | ||||
|   import { Store } from "../../Logic/UIEventSource"; | ||||
|   import BaseUIElement from "../BaseUIElement"; | ||||
|   import Img from "./Img"; | ||||
|   import Translations from "../i18n/Translations"; | ||||
|   import { ImmutableStore } from "../../Logic/UIEventSource.js"; | ||||
|   import { onMount } from "svelte" | ||||
|   import { Store } from "../../Logic/UIEventSource" | ||||
|   import BaseUIElement from "../BaseUIElement" | ||||
|   import Img from "./Img" | ||||
|   import Translations from "../i18n/Translations" | ||||
|   import { ImmutableStore } from "../../Logic/UIEventSource.js" | ||||
| 
 | ||||
|   export let imageUrl: string | BaseUIElement = undefined; | ||||
|   export let message: string | BaseUIElement = undefined; | ||||
|   export let imageUrl: string | BaseUIElement = undefined | ||||
|   export let message: string | BaseUIElement = undefined | ||||
|   export let options: { | ||||
|     url?: string | Store<string> | ||||
|     newTab?: boolean | ||||
|     imgSize?: string | ||||
|     extraClasses?: string | ||||
|   } = {}; | ||||
|   } = {} | ||||
| 
 | ||||
|   // Website to open when clicked | ||||
|   let href: Store<string> = undefined | ||||
|   if (options?.url) { | ||||
|      href = typeof options?.url == "string" ? new ImmutableStore(options.url) : options.url; | ||||
|     href = typeof options?.url == "string" ? new ImmutableStore(options.url) : options.url | ||||
|   } | ||||
| 
 | ||||
|   let imgElem: HTMLElement; | ||||
|   let msgElem: HTMLElement; | ||||
|   let imgClasses = "block justify-center shrink-0 mr-4 " + (options?.imgSize ?? "h-11 w-11"); | ||||
|   let imgElem: HTMLElement | ||||
|   let msgElem: HTMLElement | ||||
|   let imgClasses = "block justify-center shrink-0 mr-4 " + (options?.imgSize ?? "h-11 w-11") | ||||
| 
 | ||||
|   onMount(() => { | ||||
|     // Image | ||||
|     if (imgElem && imageUrl) { | ||||
|       let img: BaseUIElement; | ||||
|       let img: BaseUIElement | ||||
| 
 | ||||
|       if ((imageUrl ?? "") === "") { | ||||
|         img = undefined; | ||||
|         img = undefined | ||||
|       } else if (typeof imageUrl !== "string") { | ||||
|         img = imageUrl?.SetClass(imgClasses); | ||||
|         img = imageUrl?.SetClass(imgClasses) | ||||
|       } | ||||
|       if (img) imgElem.replaceWith(img.ConstructElement()); | ||||
|       if (img) imgElem.replaceWith(img.ConstructElement()) | ||||
|     } | ||||
| 
 | ||||
|     // Message | ||||
|     if (msgElem && message) { | ||||
|       let msg = Translations.W(message)?.SetClass("block text-ellipsis no-images flex-shrink"); | ||||
|       msgElem.replaceWith(msg.ConstructElement()); | ||||
|       let msg = Translations.W(message)?.SetClass("block text-ellipsis no-images flex-shrink") | ||||
|       msgElem.replaceWith(msg.ConstructElement()) | ||||
|     } | ||||
|   }); | ||||
|   }) | ||||
| </script> | ||||
| 
 | ||||
| <svelte:element | ||||
|   class={(options.extraClasses??"") + 'flex hover:shadow-xl transition-[color,background-color,box-shadow] hover:bg-unsubtle'} | ||||
|   this={href === undefined ? "span" : "a"} | ||||
|   class={(options.extraClasses ?? "") + | ||||
|     "flex hover:shadow-xl transition-[color,background-color,box-shadow] hover:bg-unsubtle"} | ||||
|   href={$href} | ||||
|   target={options?.newTab ? "_blank" : ""} | ||||
|   this={href === undefined ? "span" : "a"} | ||||
| > | ||||
|   <slot name="image"> | ||||
|     {#if imageUrl !== undefined} | ||||
|       {#if typeof imageUrl === "string"} | ||||
|         <Img src={imageUrl} class={imgClasses+ " bg-red border border-black"}></Img> | ||||
|         <Img src={imageUrl} class={imgClasses + " bg-red border border-black"} /> | ||||
|       {:else} | ||||
|         <template bind:this={imgElem} /> | ||||
|       {/if} | ||||
|  | @ -68,7 +69,6 @@ | |||
| </svelte:element> | ||||
| 
 | ||||
| <style lang="scss"> | ||||
| 
 | ||||
|   span, | ||||
|   a { | ||||
|     @apply flex p-3 my-2 py-4 rounded-lg shrink-0; | ||||
|  |  | |||
|  | @ -13,7 +13,7 @@ export class SubtleButton extends UIElement { | |||
|     private readonly options: { | ||||
|         url?: string | Store<string> | ||||
|         newTab?: boolean | ||||
|         imgSize?: string, | ||||
|         imgSize?: string | ||||
|         extraClasses?: string | ||||
|     } | ||||
| 
 | ||||
|  | @ -23,7 +23,7 @@ export class SubtleButton extends UIElement { | |||
|         options: { | ||||
|             url?: string | Store<string> | ||||
|             newTab?: boolean | ||||
|             imgSize?: "h-11 w-11" | string, | ||||
|             imgSize?: "h-11 w-11" | string | ||||
|             extraClasses?: string | ||||
|         } = {} | ||||
|     ) { | ||||
|  |  | |||
|  | @ -6,7 +6,7 @@ | |||
|   import UserDetails, { OsmConnection } from "../../Logic/Osm/OsmConnection" | ||||
|   import Constants from "../../Models/Constants" | ||||
|   import type Loc from "../../Models/Loc" | ||||
|   import type { LayoutInformation } from "../../Models/ThemeConfig/LayoutConfig"; | ||||
|   import type { LayoutInformation } from "../../Models/ThemeConfig/LayoutConfig" | ||||
| 
 | ||||
|   export let theme: LayoutInformation | ||||
|   export let isCustom: boolean = false | ||||
|  |  | |||
|  | @ -8,7 +8,7 @@ | |||
|   import CustomGeneratorButton from "./CustomGeneratorButton.svelte" | ||||
|   import ProfessionalServicesButton from "./ProfessionalServicesButton.svelte" | ||||
|   import ThemeButton from "./ThemeButton.svelte" | ||||
|   import { LayoutInformation } from "../../Models/ThemeConfig/LayoutConfig"; | ||||
|   import { LayoutInformation } from "../../Models/ThemeConfig/LayoutConfig" | ||||
| 
 | ||||
|   export let search: UIEventSource<string> | ||||
|   export let themes: LayoutInformation[] | ||||
|  | @ -70,7 +70,6 @@ | |||
|     </div> | ||||
|   {/if} | ||||
| 
 | ||||
| 
 | ||||
|   {#if filteredThemes.length == 0} | ||||
|     <NoThemeResultButton {search} /> | ||||
|   {/if} | ||||
|  |  | |||
|  | @ -57,7 +57,9 @@ describe("ChangesetHanlder", () => { | |||
|             const d = Utils.asDict(rewritten) | ||||
|             expect(d.size).toEqual(10) | ||||
|             expect(d.get("answer")).toEqual("5") | ||||
|             expect(d.get("comment")).toEqual("Adding data with #MapComplete for theme #toerisme_vlaanderen") | ||||
|             expect(d.get("comment")).toEqual( | ||||
|                 "Adding data with #MapComplete for theme #toerisme_vlaanderen" | ||||
|             ) | ||||
|             expect(d.get("created_by")).toEqual("MapComplete 0.16.6") | ||||
|             expect(d.get("host")).toEqual("https://mapcomplete.osm.be/toerisme_vlaanderen.html") | ||||
|             expect(d.get("imagery")).toEqual("osm") | ||||
|  | @ -115,7 +117,9 @@ describe("ChangesetHanlder", () => { | |||
| 
 | ||||
|             expect(d.size).toEqual(9) | ||||
|             expect(d.get("answer")).toEqual("42") | ||||
|             expect(d.get("comment")).toEqual("Adding data with #MapComplete for theme #toerisme_vlaanderen") | ||||
|             expect(d.get("comment")).toEqual( | ||||
|                 "Adding data with #MapComplete for theme #toerisme_vlaanderen" | ||||
|             ) | ||||
|             expect(d.get("created_by")).toEqual("MapComplete 0.16.6") | ||||
|             expect(d.get("host")).toEqual("https://mapcomplete.osm.be/toerisme_vlaanderen.html") | ||||
|             expect(d.get("imagery")).toEqual("osm") | ||||
|  | @ -166,7 +170,9 @@ describe("ChangesetHanlder", () => { | |||
| 
 | ||||
|             expect(d.size).toEqual(9) | ||||
|             expect(d.get("answer")).toEqual("5") | ||||
|             expect(d.get("comment")).toEqual("Adding data with #MapComplete for theme #toerisme_vlaanderen") | ||||
|             expect(d.get("comment")).toEqual( | ||||
|                 "Adding data with #MapComplete for theme #toerisme_vlaanderen" | ||||
|             ) | ||||
|             expect(d.get("created_by")).toEqual("MapComplete 0.16.6") | ||||
|             expect(d.get("host")).toEqual("https://mapcomplete.osm.be/toerisme_vlaanderen.html") | ||||
|             expect(d.get("imagery")).toEqual("osm") | ||||
|  |  | |||
|  | @ -258,7 +258,8 @@ describe("Tag optimalization", () => { | |||
|          ) | ||||
|          */ | ||||
| 
 | ||||
|         expect(opt).toEqual(TagUtils.Tag({ | ||||
|         expect(opt).toEqual( | ||||
|             TagUtils.Tag({ | ||||
|                 or: [ | ||||
|                     "club=climbing", | ||||
|                     { | ||||
|  | @ -283,6 +284,7 @@ describe("Tag optimalization", () => { | |||
|                         ], | ||||
|                     }, | ||||
|                 ], | ||||
|         })) | ||||
|             }) | ||||
|         ) | ||||
|     }) | ||||
| }) | ||||
|  |  | |||
|  | @ -2,7 +2,6 @@ import { TagUtils } from "../../../Logic/Tags/TagUtils" | |||
| import { equal } from "assert" | ||||
| import { describe, expect, it } from "vitest" | ||||
| 
 | ||||
| 
 | ||||
| describe("TagUtils", () => { | ||||
|     describe("ParseTag", () => { | ||||
|         it("should refuse a key!=* tag", () => { | ||||
|  |  | |||
|  | @ -23,7 +23,9 @@ describe("CreateNoteImportLayer", () => { | |||
|             layer, | ||||
|             "ImportLayerGeneratorTest: convert" | ||||
|         ) | ||||
|         expect(generatedLayer.isShown["and"][1].or[0].and[0]).toEqual("_tags~(^|.*;)amenity=public_bookcase($|;.*)") | ||||
|         expect(generatedLayer.isShown["and"][1].or[0].and[0]).toEqual( | ||||
|             "_tags~(^|.*;)amenity=public_bookcase($|;.*)" | ||||
|         ) | ||||
|         // "Zoomlevel is to high"
 | ||||
|         expect(generatedLayer.minzoom <= layer.minzoom).toBe(true) | ||||
|         let renderings = Utils.NoNull( | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue