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

change settings message box to display 2 lines with word wrap

Browse Source
This commit is contained in:
Moka 2024-11-29 16:44:07 +01:00
parent 17dbabe7ce
commit 485f1e4c77
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/ui/settings/abstract-settings-ui-handler.ts
View File

@ -135,18 +135,19 @@ export default class AbstractSettingsUiHandler extends MessageUiHandler {
this.scrollBar = new ScrollBar(this.scene, this.optionsBg.width - 9, this.optionsBg.y + 5, 4, this.optionsBg.height - 11, this.rowsToDisplay); this.scrollBar = new ScrollBar(this.scene, this.optionsBg.width - 9, this.optionsBg.y + 5, 4, this.optionsBg.height - 11, this.rowsToDisplay);
this.scrollBar.setTotalRows(this.settings.length); this.scrollBar.setTotalRows(this.settings.length);
// Single-line message box // Two-lines message box
this.messageBoxContainer = this.scene.add.container(0, this.scene.scaledCanvas.height); this.messageBoxContainer = this.scene.add.container(0, this.scene.scaledCanvas.height);
this.messageBoxContainer.setName("settings-message-box"); this.messageBoxContainer.setName("settings-message-box");
this.messageBoxContainer.setVisible(false); this.messageBoxContainer.setVisible(false);
const settingsMessageBox = addWindow(this.scene, 0, -1, this.scene.scaledCanvas.width - 2, 28); const settingsMessageBox = addWindow(this.scene, 0, -1, this.scene.scaledCanvas.width - 2, 48);
settingsMessageBox.setOrigin(0, 1); settingsMessageBox.setOrigin(0, 1);
this.messageBoxContainer.add(settingsMessageBox); this.messageBoxContainer.add(settingsMessageBox);
const messageText = addTextObject(this.scene, 8, -8, "", TextStyle.WINDOW); const messageText = addTextObject(this.scene, 8, -40, "", TextStyle.WINDOW, { maxLines: 2 });
messageText.setOrigin(0, 1); messageText.setWordWrapWidth(this.scene.game.canvas.width - 60);
messageText.setName("settings-message"); messageText.setName("settings-message");
messageText.setOrigin(0, 0);
this.messageBoxContainer.add(messageText); this.messageBoxContainer.add(messageText);
this.message = messageText; this.message = messageText;
@ -374,7 +375,7 @@ export default class AbstractSettingsUiHandler extends MessageUiHandler {
} }
}; };
// For settings that ask for confirmation // For settings that ask for confirmation, display confirmation message and a Yes/No prompt before saving the setting
if (setting.options[cursor].needConfirmation) { if (setting.options[cursor].needConfirmation) {
const confirmUpdateSetting = () => { const confirmUpdateSetting = () => {
this.scene.ui.revertMode(); this.scene.ui.revertMode();
@ -390,8 +391,7 @@ export default class AbstractSettingsUiHandler extends MessageUiHandler {
const confirmationMessage = setting.options[cursor].confirmationMessage ?? i18next.t("settings:defaultConfirmMessage"); const confirmationMessage = setting.options[cursor].confirmationMessage ?? i18next.t("settings:defaultConfirmMessage");
this.scene.ui.showText(confirmationMessage, null, () => { this.scene.ui.showText(confirmationMessage, null, () => {
const yOffset = 48 - this.messageBoxContainer.getAt(0).height; this.scene.ui.setOverlayMode(Mode.CONFIRM, confirmUpdateSetting, cancelUpdateSetting, null, null, 1, 750);
this.scene.ui.setOverlayMode(Mode.CONFIRM, confirmUpdateSetting, cancelUpdateSetting, null, null, yOffset, 1000);
}); });
} else { } else {
saveSetting(); saveSetting();