mika/pokerogue
1
0
Fork 0
mirror of https://github.com/pagefaultgames/pokerogue.git synced 2025-07-23 08:42:19 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update move-touch-controls-handler.ts localization

Browse Source
This commit is contained in:
Lugiad 2025-02-16 21:06:29 +01:00 committed by GitHub
parent 5b1950a1ae
commit 90ce428b3f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 21 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/ui/settings/move-touch-controls-handler.ts
View File

@ -1,6 +1,7 @@
import { globalScene } from "#app/global-scene";
import type TouchControl from "#app/touch-controls";
import type UI from "#app/ui/ui";
import i18next from "i18next";
export const TOUCH_CONTROL_POSITIONS_LANDSCAPE = "touchControlPositionsLandscape";
export const TOUCH_CONTROL_POSITIONS_PORTRAIT = "touchControlPositionsPortrait";
@ -71,7 +72,7 @@ export default class MoveTouchControlsHandler {
if (this.inConfigurationMode) {
const orientation = document.querySelector("#touchControls #orientation");
if (orientation) {
orientation.textContent = this.isLandscapeMode ? "Landscape" : "Portrait";
orientation.textContent = this.isLandscapeMode ? i18next.t("settings:landscape") : i18next.t("settings:portrait");
}
}
const positions = this.getSavedPositionsOfCurrentOrientation() ?? [];
@ -87,24 +88,27 @@ export default class MoveTouchControlsHandler {
* @returns A new div element that contains the toolbar for the configuration mode.
*/
private createToolbarElement(): HTMLDivElement {
const toolbar = document.createElement("div");
toolbar.id = "configToolbar";
toolbar.innerHTML = `
<div class="column">
<div class="button-row">
<div id="resetButton" class="button">Reset</div>
<div id="saveButton" class="button">Save & close</div>
<div id="cancelButton" class="button">Cancel</div>
</div>
<div class="info-row">
<div class="orientation-label">
Orientation: <span id="orientation">${this.isLandscapeMode ? "Landscape" : "Portrait"}</span>
</div>
const toolbar = document.createElement("div");
toolbar.id = "configToolbar";
toolbar.innerHTML = `
<div class="column">
<div class="button-row">
<div id="resetButton" class="button">${i18next.t("settings:reset")}</div>
<div id="saveButton" class="button">${i18next.t("settings:saveClose")}</div>
<div id="cancelButton" class="button">${i18next.t("settings:cancel")}</div>
</div>
<div class="info-row">
<div class="orientation-label">
${i18next.t("settings:orientation")}
<span id="orientation">
${this.isLandscapeMode ? i18next.t("settings:landscape") : i18next.t("settings:portrait")}
</span>
</div>
</div>
`;
return toolbar;
}
</div>
`;
return toolbar;
}
/**
* Initializes the toolbar of the configuration mode.