add win/draw menu , and add english
This commit is contained in:
133
www/js/I18nFrontEnd.js
Normal file
133
www/js/I18nFrontEnd.js
Normal file
@@ -0,0 +1,133 @@
|
||||
const app_translations = {
|
||||
fr: {
|
||||
"menu.languageLabel": "Langue",
|
||||
"menu.title": "Configurez votre partie",
|
||||
"menu.subtitle": "Reglez l'horloge, choisissez le mode de block, puis lancez la partie depuis le meme systeme de scenes.",
|
||||
"menu.startGame": "Lancer la partie",
|
||||
"menu.settingsTitle": "Parametres",
|
||||
"menu.startTimeLabel": "Temps initial",
|
||||
"menu.startTimeHelp": "Minutes pour les blancs et les noirs",
|
||||
"menu.startMoveLabel": "Coups avant cube",
|
||||
"menu.startMoveHelp": "Nombre de coups avant la phase cube",
|
||||
"menu.blockTimeLabel": "Temps du block",
|
||||
"menu.blockTimeHelp": "Minutes",
|
||||
"menu.maxIncrementLabel": "Increment maximal",
|
||||
"menu.maxIncrementHelp": "Secondes",
|
||||
"menu.blockModeLabel": "La partie commence avec",
|
||||
"menu.blockModeHelp": "Choisissez le mode de block utilise au debut de la partie",
|
||||
"menu.blockPlus": "Block +",
|
||||
"menu.blockMinus": "Block -",
|
||||
"clock.start": "Start",
|
||||
"clock.whiteWins": "Blanc gagne",
|
||||
"clock.blackWins": "Noir gagne",
|
||||
"clock.draw": "Nulle",
|
||||
"clock.blockTime": "Temps restant Block : {time}",
|
||||
"clock.movesWhite": "Coup restant Blanc : {number}",
|
||||
"clock.movesBlack": "Coup restant Noir : {number}",
|
||||
"cube.title": "Phase Cube",
|
||||
"cube.subtitle": "Maintiens 2 secondes pour lancer le timer, puis touche de nouveau quand le cube est termine.",
|
||||
"cube.hintStart": "Appui long pour demarrer",
|
||||
"cube.hintFinish": "Touchez quand le cube est fini",
|
||||
"cube.timeWhite": "Temps au cube Blanc : {time}",
|
||||
"cube.timeBlack": "Temps au cube Noir : {time}",
|
||||
"endgame.kicker": "Partie terminee",
|
||||
"endgame.subtitle": "Le resultat final est valide. Vous pouvez revenir au menu pour preparer une nouvelle partie.",
|
||||
"endgame.backToMenu": "Retour au menu",
|
||||
"endgame.whiteWon": "Les Blancs ont gagne",
|
||||
"endgame.blackWon": "Les Noirs ont gagne",
|
||||
"endgame.draw": "Match nul",
|
||||
"common.whiteUpper": "BLANC",
|
||||
"common.blackUpper": "NOIR"
|
||||
},
|
||||
en: {
|
||||
"menu.languageLabel": "Language",
|
||||
"menu.title": "Configure your match",
|
||||
"menu.subtitle": "Set the clock, choose the block mode, then launch the game from the same scene system.",
|
||||
"menu.startGame": "Start Game",
|
||||
"menu.settingsTitle": "Settings",
|
||||
"menu.startTimeLabel": "Start Time",
|
||||
"menu.startTimeHelp": "Minutes for both white and black",
|
||||
"menu.startMoveLabel": "Moves Before Cube",
|
||||
"menu.startMoveHelp": "Number of moves before the cube phase",
|
||||
"menu.blockTimeLabel": "Block Time",
|
||||
"menu.blockTimeHelp": "Minutes",
|
||||
"menu.maxIncrementLabel": "Max Increment",
|
||||
"menu.maxIncrementHelp": "Seconds",
|
||||
"menu.blockModeLabel": "Game Starts With",
|
||||
"menu.blockModeHelp": "Choose the block mode used when the game begins",
|
||||
"menu.blockPlus": "Block +",
|
||||
"menu.blockMinus": "Block -",
|
||||
"clock.start": "Start",
|
||||
"clock.whiteWins": "White wins",
|
||||
"clock.blackWins": "Black wins",
|
||||
"clock.draw": "Draw",
|
||||
"clock.blockTime": "Block time left: {time}",
|
||||
"clock.movesWhite": "White moves left: {number}",
|
||||
"clock.movesBlack": "Black moves left: {number}",
|
||||
"cube.title": "Cube Phase",
|
||||
"cube.subtitle": "Hold for 2 seconds to start the timer, then tap again when the cube is finished.",
|
||||
"cube.hintStart": "Long press to start",
|
||||
"cube.hintFinish": "Tap when the cube is finished",
|
||||
"cube.timeWhite": "White cube time: {time}",
|
||||
"cube.timeBlack": "Black cube time: {time}",
|
||||
"endgame.kicker": "Game Over",
|
||||
"endgame.subtitle": "The final result is confirmed. You can return to the menu to set up a new game.",
|
||||
"endgame.backToMenu": "Back to menu",
|
||||
"endgame.whiteWon": "White wins",
|
||||
"endgame.blackWon": "Black wins",
|
||||
"endgame.draw": "Draw",
|
||||
"common.whiteUpper": "WHITE",
|
||||
"common.blackUpper": "BLACK"
|
||||
}
|
||||
}
|
||||
|
||||
let app_language = localStorage.getItem("menu_language") || "fr"
|
||||
|
||||
function get_app_translation(key, params = {}) {
|
||||
const dictionary = app_translations[app_language] || app_translations.fr
|
||||
const fallback_dictionary = app_translations.fr
|
||||
let text = dictionary[key] || fallback_dictionary[key] || key
|
||||
|
||||
Object.keys(params).forEach((param_key) => {
|
||||
text = text.replaceAll(`{${param_key}}`, params[param_key])
|
||||
})
|
||||
|
||||
return text
|
||||
}
|
||||
|
||||
function apply_static_translations() {
|
||||
document.querySelectorAll("[data-i18n]").forEach((element) => {
|
||||
const translated_text = get_app_translation(element.dataset.i18n)
|
||||
|
||||
if (element.tagName === "INPUT") {
|
||||
element.value = translated_text
|
||||
} else {
|
||||
element.textContent = translated_text
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
function apply_app_language(language) {
|
||||
app_language = app_translations[language] ? language : "fr"
|
||||
localStorage.setItem("menu_language", app_language)
|
||||
document.documentElement.lang = app_language
|
||||
|
||||
const language_select = document.getElementById("MenuLanguage")
|
||||
if (language_select) {
|
||||
language_select.value = app_language
|
||||
}
|
||||
|
||||
apply_static_translations()
|
||||
|
||||
if (typeof refresh_clock_scene_translations === "function") {
|
||||
refresh_clock_scene_translations()
|
||||
}
|
||||
|
||||
if (typeof refresh_cube_scene_translations === "function") {
|
||||
refresh_cube_scene_translations()
|
||||
}
|
||||
|
||||
if (typeof refresh_endgame_scene_translations === "function") {
|
||||
refresh_endgame_scene_translations()
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user