diff --git a/Customizations/JSON/FromJSON.ts b/Customizations/JSON/FromJSON.ts index 6446e313f..cdeb06667 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 91ae7078b..08cbe099c 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 876a2f16e..d3e2ec629 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 77355e023..c1f4d3981 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 e694c9495..b9876ba86 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 6f42e599c..0bb498125 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 f3f8215cf..741c7ba36 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 1038378c8..0cb6ee685 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