Android: improve app landing screen

This commit is contained in:
Pieter Vander Vennet 2025-07-21 21:26:29 +02:00
parent e2f7596678
commit 71a89229ec
3 changed files with 67 additions and 2 deletions

View file

@ -5,9 +5,18 @@
import LanguagePicker from "../src/UI/InputElement/LanguagePicker.svelte"
import { ariaLabel } from "../src/Utils/ariaLabel"
import Locale from "../src/UI/i18n/Locale"
import AccordionSingle from "../src/UI/Flowbite/AccordionSingle.svelte"
const t = Translations.t.app
const lng = Locale.language
let fdroid = t.downloadOnFDroid.current
let supportedVersions: { version: number, codename: string } = [
{ version: 9, codename: "pie" },
{ version: 10, codename: "quince-tart" },
{ version: 11, codename: "red-velvet-cake" },
{ version: 12, codename: "snow-cone" },
{ version: 13, codename: "tiramisu" },
]
</script>
<head>
@ -37,10 +46,29 @@
<a class="button" href="https://mapcomplete.org">
<Tr t={t.back} />
</a>
<AccordionSingle>
<div slot="header">
<Tr t={t.legacyHeader} />
</div>
<div class="flex flex-col">
<Tr t={t.legacyExplanation} />
{#each supportedVersions as v}
<a
class="button"
href={`https://builds.mapcomplete.org/apk/mapcomplete-latest-${v.version}-${v.codename.toUpperCase()}.apk`}>
Android {v.version} ({v.codename})
</a>
{/each}
</div>
</AccordionSingle>
<a class="link-underline w-fit self-end" href="https://builds.mapcomplete.org/apk/">
<Tr t={t.older} />
</a>
<div class="flex flex-col items-center my-4">
<a href="https://f-droid.org/packages/org.mapcomplete">

View file

@ -8,6 +8,8 @@
"downloadOnFDroid": "Download MapComplete on F-Droid",
"getOnObtanium": "Get on Obtainium",
"intro": "MapComplete is available as Android App as direct download. We are working on publishing this in on FDroid too.",
"legacyExplanation": "Due to restrictions by Google, it is not possible to compile an identical APK for newer and older Android\n versions.\n\n If installing via F-Droid, Google Play, Obtainium or installing 'latest' above failed,\n try a versions for older versions of android are available below.",
"legacyHeader": "Builds for older Android phones",
"noPlayServices": "The app works without Google Play Services",
"older": "See older builds",
"title": "MapComplete Android App"

View file

@ -2151,6 +2151,9 @@
},
"title": {
"mappings": {
"0": {
"then": "{name}"
},
"1": {
"then": "Vogelkijkhut {name}"
},
@ -6907,6 +6910,11 @@
}
},
"title": {
"mappings": {
"0": {
"then": "{name}"
}
},
"render": "Natuurgebied"
}
},
@ -7441,6 +7449,21 @@
"render": "Picknicktafel"
}
},
"play_forest": {
"description": "Een speelbos is een vrij toegankelijke zone in een bos",
"name": "Speelbossen",
"title": {
"mappings": {
"0": {
"then": "{name}"
},
"1": {
"then": "Speelbos {name}"
}
},
"render": "Speelbos"
}
},
"playground": {
"deletion": {
"nonDeleteMappings": {
@ -9232,6 +9255,9 @@
},
"title": {
"mappings": {
"0": {
"then": "{name}"
},
"1": {
"then": "Voetpad"
},
@ -11492,7 +11518,16 @@
}
},
"village_green": {
"description": "Een laag die dorpsgroen toont (gemeenschapsgroen, maar niet echt een park)"
"description": "Een laag die dorpsgroen toont (gemeenschapsgroen, maar niet echt een park)",
"name": "Speelweide",
"title": {
"mappings": {
"0": {
"then": "{name}"
}
},
"render": "Speelweide"
}
},
"visitor_information_centre": {
"description": "Een bezoekerscentrum biedt informatie over een specifieke attractie of bezienswaardigheid waar het is gevestigd.",
@ -11704,4 +11739,4 @@
"render": "windturbine"
}
}
}
}