mika/pokerogue
1
0
Fork 0
mirror of https://github.com/pagefaultgames/pokerogue.git synced 2025-07-28 11:12:24 +02:00
Code Issues Packages Projects Releases Wiki Activity

UI changes to make dex pages work in legacy style

Browse Source
This commit is contained in:
Wlowscha 2025-01-09 00:57:27 +01:00
parent a53195f174
commit 113d134b33
No known key found for this signature in database
GPG Key ID: 3C8F1AD330565D04
3 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/ui/legacy/pokedex_summary_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

16
src/ui/abstact-option-select-ui-handler.ts
View File

@ -7,6 +7,7 @@ import * as Utils from "../utils";
import { argbFromRgba } from "@material/material-color-utilities";
import { Button } from "#enums/buttons";
import BBCodeText from "phaser3-rex-plugins/plugins/bbcodetext";
import { UiTheme } from "#app/enums/ui-theme";
export interface OptionSelectConfig {
xOffset?: number;
@ -52,7 +53,9 @@ export default abstract class AbstractOptionSelectUiHandler extends UiHandler {
protected unskippedIndices: number[] = [];
protected defaultTextStyle: TextStyle = TextStyle.SETTINGS_VALUE;
protected defaultTextStyle: TextStyle = TextStyle.WINDOW;
protected uiTheme: UiTheme;
constructor(scene: BattleScene, mode: Mode | null) {
@ -67,6 +70,7 @@ export default abstract class AbstractOptionSelectUiHandler extends UiHandler {
setup() {
const ui = this.getUi();
this.uiTheme = (this.scene as BattleScene).uiTheme;
this.optionSelectContainer = this.scene.add.container((this.scene.game.canvas.width / 6) - 1, -48);
this.optionSelectContainer.setName(`option-select-${this.mode ? Mode[this.mode] : "UNKNOWN"}`);
@ -80,7 +84,7 @@ export default abstract class AbstractOptionSelectUiHandler extends UiHandler {
this.optionSelectIcons = [];
this.scale = getTextStyleOptions(TextStyle.WINDOW, (this.scene as BattleScene).uiTheme).scale;
this.scale = getTextStyleOptions(TextStyle.WINDOW, this.uiTheme).scale;
this.setCursor(0);
}
@ -123,8 +127,8 @@ export default abstract class AbstractOptionSelectUiHandler extends UiHandler {
this.optionSelectText = addBBCodeTextObject(
this.scene, 0, 0, options.map(o => o.item
? `[shadow=${getTextColor(o.style ?? this.defaultTextStyle, true)}][color=${getTextColor(o.style ?? TextStyle.SETTINGS_VALUE)}] ${o.label}[/color]`
: `[shadow=${getTextColor(o.style ?? this.defaultTextStyle, true)}][color=${getTextColor(o.style ?? TextStyle.SETTINGS_VALUE)}]${o.label}[/color]`
? `[shadow=${getTextColor(o.style ?? this.defaultTextStyle, true, this.uiTheme)}][color=${getTextColor(o.style ?? TextStyle.WINDOW, false, this.uiTheme)}] ${o.label}[/color]`
: `[shadow=${getTextColor(o.style ?? this.defaultTextStyle, true, this.uiTheme)}][color=${getTextColor(o.style ?? TextStyle.WINDOW, false, this.uiTheme)}]${o.label}[/color]`
).join("\n"),
TextStyle.WINDOW, { maxLines: options.length, lineSpacing: 12 }
);
@ -137,8 +141,8 @@ export default abstract class AbstractOptionSelectUiHandler extends UiHandler {
if (this.config?.options && this.config?.options.length > (this.config?.maxOptions!)) { // TODO: is this bang correct?
this.optionSelectText.setText(this.getOptionsWithScroll().map(o => o.item
? `[shadow=${getTextColor(o.style ?? this.defaultTextStyle, true)}][color=${getTextColor(o.style ?? TextStyle.SETTINGS_VALUE)}] ${o.label}[/color]`
: `[shadow=${getTextColor(o.style ?? this.defaultTextStyle, true)}][color=${getTextColor(o.style ?? TextStyle.SETTINGS_VALUE)}]${o.label}[/color]`
? `[shadow=${getTextColor(o.style ?? this.defaultTextStyle, true, this.uiTheme)}][color=${getTextColor(o.style ?? TextStyle.WINDOW, false, this.uiTheme)}] ${o.label}[/color]`
: `[shadow=${getTextColor(o.style ?? this.defaultTextStyle, true, this.uiTheme)}][color=${getTextColor(o.style ?? TextStyle.WINDOW, false, this.uiTheme)}]${o.label}[/color]`
).join("\n"));
}

4
src/ui/base-stats-overlay.ts
View File

@ -1,5 +1,5 @@
import BattleScene, { InfoToggle } from "../battle-scene";
import { TextStyle, addTextObject, getTextColor } from "./text";
import { TextStyle, addTextObject } from "./text";
import { addWindow } from "./ui-theme";
import * as Utils from "../utils";
import i18next from "i18next";
@ -61,7 +61,7 @@ export default class BaseStatsOverlay extends Phaser.GameObjects.Container imple
this.add(label);
}
this.statsTotalLabel = addTextObject(scene, BORDER, BORDER + 6 * 15, "A", TextStyle.BATTLE_INFO, { color: getTextColor(TextStyle.MONEY_WINDOW) });
this.statsTotalLabel = addTextObject(scene, BORDER, BORDER + 6 * 15, "A", TextStyle.MONEY_WINDOW);
this.add(this.statsTotalLabel);
// hide this component for now