midgard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Fix: fix #1506, language-URL-parameter works again and is properly documented

Browse source
This commit is contained in:
Pieter Vander Vennet 2023-07-16 02:46:53 +02:00
parent 3b33d69c82
commit 2942a2dae7
3 changed files with 52 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

56
UI/i18n/Locale.ts
View file

@ -1,7 +1,7 @@
import { UIEventSource } from "../../Logic/UIEventSource"
import { LocalStorageSource } from "../../Logic/Web/LocalStorageSource"
import { Utils } from "../../Utils"
import { QueryParameters } from "../../Logic/Web/QueryParameters"
import {UIEventSource} from "../../Logic/UIEventSource"
import {LocalStorageSource} from "../../Logic/Web/LocalStorageSource"
import {Utils} from "../../Utils"
import {QueryParameters} from "../../Logic/Web/QueryParameters"
export default class Locale {
public static showLinkToWeblate: UIEventSource<boolean> = new UIEventSource<boolean>(false)
@ -11,26 +11,50 @@ export default class Locale {
public static showLinkOnMobile: UIEventSource<boolean> = new UIEventSource<boolean>(false)
public static language: UIEventSource<string> = Locale.setup()
/**
* Creates the UIEventSource containing the identifier of the current language
*
* If the QueryParameter 'language' is set, this query parameter will be used as backing source value
* If not set, a localStorageSource will be used. This will use the navigator language by default
*
* Note that other parts of the code (most notably the UserRelatedState) might sync language selection with OSM.
*
*
* @private
*/
private static setup() {
let browserLanguage = "en"
if (typeof navigator !== "undefined") {
browserLanguage = navigator.languages?.[0] ?? navigator.language ?? "en"
let source: UIEventSource<string>
if (QueryParameters.wasInitialized("language") || Utils.runningFromConsole) {
console.log("Language was initialized via URL-parameter - using the URL parameter as store instead of local storage", QueryParameters.wasInitialized("language"))
source = QueryParameters.GetQueryParameter(
"language",
undefined,
["The language to display MapComplete in.",
"The user display language is determined in the following order:",
"- If the user did log in and did set their language before with MapComplete, use this language",
"- If the user visited MapComplete before and did change their language, use the language as set by this URL-parameter. This will _disable_ saving the language to localStorage in case a non-logged-in user changes their language",
"- Use the navigator-language (if available)",
"- Use English",
"",
"Translations are never complete. If a translation in a certain language is missing, English is used as fallback."].join("\n"),
)
} else {
let browserLanguage = "en"
if (typeof navigator !== "undefined") {
browserLanguage = navigator.languages?.[0] ?? navigator.language ?? "en"
console.log("Browser language is", browserLanguage)
}
source = LocalStorageSource.Get("language", browserLanguage)
}
const source = LocalStorageSource.Get("language", browserLanguage)
if (!Utils.runningFromConsole) {
// @ts-ignore
window.setLanguage = function (language: string) {
source.setData(language)
}
}
if (QueryParameters.wasInitialized("language")) {
const qp = QueryParameters.GetQueryParameter(
"language",
undefined,
"The language to display mapcomplete in. Will be ignored in case a logged-in-user did set their language before. If the specified language does not exist, it will default to the first language in the theme."
)
Locale.language.setData(qp.data)
}
QueryParameters.GetBooleanQueryParameter(
"fs-translation-mode",