diff --git a/Customizations/JSON/FromJSON.ts b/Customizations/JSON/FromJSON.ts index 6446e31..cdeb066 100644 --- a/Customizations/JSON/FromJSON.ts +++ b/Customizations/JSON/FromJSON.ts @@ -78,6 +78,10 @@ export class FromJSON { json.startLat, json.startLon, new Combine(["

", tr(json.title), "

", tr(json.description)]), + undefined, + undefined, + tr(json.descriptionTail) + ); layout.widenFactor = json.widenFactor ?? 0.07; diff --git a/Customizations/JSON/LayoutConfigJson.ts b/Customizations/JSON/LayoutConfigJson.ts index 91ae707..08cbe09 100644 --- a/Customizations/JSON/LayoutConfigJson.ts +++ b/Customizations/JSON/LayoutConfigJson.ts @@ -48,6 +48,10 @@ export interface LayoutConfigJson { */ description: string | any; + /** + * A part of the description, shown under the login-button. + */ + descriptionTail?: string | any; /** * The icon representing this theme. diff --git a/InitUiElements.ts b/InitUiElements.ts index 876a2f1..d3e2ec6 100644 --- a/InitUiElements.ts +++ b/InitUiElements.ts @@ -408,15 +408,21 @@ export class InitUiElements { static InitBaseMap(){ const bm = new Basemap("leafletDiv", State.state.locationControl, new VariableUiElement( State.state.locationControl.map((location) => { - const mapComplete = `Mapcomplete ${State.vNumber} Report bug`; + const mapComplete = `Mapcomplete ${State.vNumber}` + const reportBug = ``; + + const layoutId = State.state.layoutToUse.data.id; + const osmChaLink = `https://osmcha.org/?filters=%7B%22comment%22%3A%5B%7B%22label%22%3A%22%23${layoutId}%22%2C%22value%22%3A%22%23${layoutId}%22%7D%5D%2C%22date__gte%22%3A%5B%7B%22label%22%3A%222020-07-05%22%2C%22value%22%3A%222020-07-05%22%7D%5D%2C%22editor%22%3A%5B%7B%22label%22%3A%22MapComplete%22%2C%22value%22%3A%22MapComplete%22%7D%5D%7D` + console.log("OsmCha link is",osmChaLink); + const stats = ``; let editHere = ""; if (location !== undefined) { - editHere = " | " + + editHere = "" + "edit here" + "" } - return mapComplete + editHere; + return new Combine([mapComplete, reportBug, " | ", stats, " | ",editHere]).Render(); }) )); diff --git a/Logic/PersonalLayout.ts b/Logic/PersonalLayout.ts index 77355e0..c1f4d39 100644 --- a/Logic/PersonalLayout.ts +++ b/Logic/PersonalLayout.ts @@ -17,6 +17,7 @@ export class PersonalLayout extends Layout { Translations.t.favourite.description, ); + this.description = "The personal theme allows to select one or more layers from all the layouts, creating a truly personal editor" this.icon = "./assets/star.svg" } diff --git a/README.md b/README.md index e694c94..b9876ba 100644 --- a/README.md +++ b/README.md @@ -178,4 +178,6 @@ Nature Reserve icon via http://www.onlinewebfonts.com/icon/389579, CC BY 3.0 (@ Park icon via http://www.onlinewebfonts.com/icon/425974, CC BY 3.0 (@sterankofrank) -Forest icon via https://www.onlinewebfonts.com/icon/498112, CC BY \ No newline at end of file +Forest icon via https://www.onlinewebfonts.com/icon/498112, CC BY + +Statistics icon via https://www.onlinewebfonts.com/icon/197818 \ No newline at end of file diff --git a/assets/themes/buurtnatuur/buurtnatuur.json b/assets/themes/buurtnatuur/buurtnatuur.json index 6f42e59..0bb4981 100644 --- a/assets/themes/buurtnatuur/buurtnatuur.json +++ b/assets/themes/buurtnatuur/buurtnatuur.json @@ -7,7 +7,8 @@ "nl": "Met deze tool kan je natuur in je buurt in kaart brengen en meer informatie geven over je favoriete plekje" }, "description": { - "nl": "
Natuur maakt gelukkig. Aan de hand van deze website willen we de natuur dicht bij ons beter inventariseren. Met als doel meer mensen te laten genieten van toegankelijke natuur én te strijden voor meer natuur in onze buurten. \n

Samen kleuren we heel Vlaanderen en Brussel groen.

Blijf op de hoogte van de resultaten van buurtnatuur.be: meld je aan voor e-mailupdates.

Tips

De oorspronkelijke data komt van OpenStreetMap en je antwoorden worden daar bewaard.
Omdat iedereen vrij kan meewerken aan dit project, kunnen we niet garanderen dat er geen fouten opduiken.Kan je hier niet aanpassen wat je wilt, dan kan je dat zelf via OpenStreetMap.org doen. Groen kan geen enkele verantwoordelijkheid nemen over de kaart.

Je privacy is belangrijk. We tellen wel hoeveel gebruikers deze website bezoeken. We plaatsen een cookie waar geen persoonlijke informatie in bewaard wordt. Als je inlogt, komt er een tweede cookie bij met je inloggegevens." + "nl": "
Natuur maakt gelukkig. Aan de hand van deze website willen we de natuur dicht bij ons beter inventariseren. Met als doel meer mensen te laten genieten van toegankelijke natuur én te strijden voor meer natuur in onze buurten. \n

Samen kleuren we heel Vlaanderen en Brussel groen.

Blijf op de hoogte van de resultaten van buurtnatuur.be: meld je aan voor e-mailupdates."}, +"descriptionTail":{"nl":"

Tips

De oorspronkelijke data komt van OpenStreetMap en je antwoorden worden daar bewaard.
Omdat iedereen vrij kan meewerken aan dit project, kunnen we niet garanderen dat er geen fouten opduiken.Kan je hier niet aanpassen wat je wilt, dan kan je dat zelf via OpenStreetMap.org doen. Groen kan geen enkele verantwoordelijkheid nemen over de kaart.

Je privacy is belangrijk. We tellen wel hoeveel gebruikers deze website bezoeken. We plaatsen een cookie waar geen persoonlijke informatie in bewaard wordt. Als je inlogt, komt er een tweede cookie bij met je inloggegevens." }, "language": [ "nl" @@ -76,7 +77,7 @@ ] }, "width": { - "render": "2" + "render": "5" }, "iconSize": { "render": "50,50,center" @@ -178,7 +179,7 @@ ] }, "width": { - "render": "2" + "render": "5" }, "iconSize": { "render": "40,40,center" @@ -268,7 +269,7 @@ ] }, "width": { - "render": "1" + "render": "5" }, "iconSize": { "render": "40,40,center" diff --git a/css/tabbedComponent.css b/css/tabbedComponent.css index f3f8215..741c7ba 100644 --- a/css/tabbedComponent.css +++ b/css/tabbedComponent.css @@ -8,6 +8,8 @@ justify-content: flex-start; align-items: start; background-color: white; + max-width: 100vw; + overflow-x: auto; } diff --git a/wikiIndex b/wikiIndex index 1038378..0cb6ee6 100644 --- a/wikiIndex +++ b/wikiIndex @@ -10,7 +10,7 @@ |languages = en |genre = display;editor |screenshot = MapComplete_Screenshot.png -|description = A MapComplete theme: +|description = A MapComplete theme: The personal theme allows to select one or more layers from all the layouts, creating a truly personal editor |map = yes |findLocation = yes |findNearbyPOI = yes