mirror of
https://github.com/pagefaultgames/pokerogue.git
synced 2025-06-21 09:02:47 +02:00
276 lines
9.1 KiB
TypeScript
276 lines
9.1 KiB
TypeScript
import i18next from "i18next";
|
|
import { globalScene } from "#app/global-scene";
|
|
import { getEnumKeys, executeIf } from "#app/utils/common";
|
|
import { TextStyle, addTextObject } from "./text";
|
|
import { WindowVariant, addWindow } from "./ui-theme";
|
|
import { pokerogueApi } from "#app/plugins/api/pokerogue-api";
|
|
|
|
export interface RankingEntry {
|
|
rank: number;
|
|
username: string;
|
|
score: number;
|
|
wave: number;
|
|
}
|
|
|
|
// Don't forget to update translations when adding a new category
|
|
export enum ScoreboardCategory {
|
|
DAILY,
|
|
WEEKLY,
|
|
}
|
|
|
|
export class DailyRunScoreboard extends Phaser.GameObjects.Container {
|
|
private loadingLabel: Phaser.GameObjects.Text;
|
|
private titleLabel: Phaser.GameObjects.Text;
|
|
private rankingsContainer: Phaser.GameObjects.Container;
|
|
private prevCategoryButton: Phaser.GameObjects.Sprite;
|
|
private nextCategoryButton: Phaser.GameObjects.Sprite;
|
|
private prevPageButton: Phaser.GameObjects.Sprite;
|
|
private pageNumberLabel: Phaser.GameObjects.Text;
|
|
private nextPageButton: Phaser.GameObjects.Sprite;
|
|
|
|
private pageCount: number;
|
|
private page: number;
|
|
private category: ScoreboardCategory;
|
|
|
|
private _isUpdating: boolean;
|
|
|
|
constructor(x: number, y: number) {
|
|
super(globalScene, x, y);
|
|
|
|
this._isUpdating = false;
|
|
this.setup();
|
|
}
|
|
|
|
/** When set to `true`, disables the buttons; when set to `false`, enables the buttons. */
|
|
get isUpdating(): boolean {
|
|
return this._isUpdating;
|
|
}
|
|
set isUpdating(value: boolean) {
|
|
this._isUpdating = value;
|
|
this.setButtonsState(!value);
|
|
}
|
|
|
|
setup() {
|
|
const titleWindow = addWindow(0, 0, 114, 18, false, false, undefined, undefined, WindowVariant.THIN);
|
|
this.add(titleWindow);
|
|
|
|
this.titleLabel = addTextObject(
|
|
titleWindow.displayWidth / 2,
|
|
titleWindow.displayHeight / 2,
|
|
i18next.t("menu:loading"),
|
|
TextStyle.WINDOW,
|
|
{ fontSize: "64px" },
|
|
);
|
|
this.titleLabel.setOrigin(0.5, 0.5);
|
|
this.add(this.titleLabel);
|
|
|
|
const window = addWindow(0, 17, 114, 118, false, false, undefined, undefined, WindowVariant.THIN);
|
|
this.add(window);
|
|
|
|
this.rankingsContainer = globalScene.add.container(6, 21);
|
|
this.add(this.rankingsContainer);
|
|
|
|
this.loadingLabel = addTextObject(window.displayWidth / 2, window.displayHeight / 2 + 16, "", TextStyle.WINDOW);
|
|
this.loadingLabel.setOrigin(0.5, 0.5);
|
|
this.loadingLabel.setVisible(false);
|
|
|
|
this.prevCategoryButton = globalScene.add.sprite(4, 4, "cursor_reverse");
|
|
this.prevCategoryButton.setOrigin(0, 0);
|
|
this.add(this.prevCategoryButton);
|
|
|
|
this.prevCategoryButton.setInteractive(new Phaser.Geom.Rectangle(0, 0, 6, 10), Phaser.Geom.Rectangle.Contains);
|
|
this.prevCategoryButton.on("pointerup", () => {
|
|
this.update(this.category ? this.category - 1 : getEnumKeys(ScoreboardCategory).length - 1);
|
|
});
|
|
|
|
this.nextCategoryButton = globalScene.add.sprite(window.displayWidth - 4, 4, "cursor");
|
|
this.nextCategoryButton.setOrigin(1, 0);
|
|
this.add(this.nextCategoryButton);
|
|
|
|
this.nextCategoryButton.setInteractive(new Phaser.Geom.Rectangle(0, 0, 6, 10), Phaser.Geom.Rectangle.Contains);
|
|
this.nextCategoryButton.on("pointerup", () => {
|
|
this.update(this.category < getEnumKeys(ScoreboardCategory).length - 1 ? this.category + 1 : 0);
|
|
});
|
|
|
|
this.prevPageButton = globalScene.add.sprite(
|
|
window.displayWidth / 2 - 16,
|
|
titleWindow.displayHeight + window.displayHeight - 15,
|
|
"cursor_reverse",
|
|
);
|
|
this.prevPageButton.setOrigin(0, 0);
|
|
this.prevPageButton.setAlpha(0.5);
|
|
this.add(this.prevPageButton);
|
|
|
|
this.prevPageButton.setInteractive(new Phaser.Geom.Rectangle(0, 0, 6, 10), Phaser.Geom.Rectangle.Contains);
|
|
this.prevPageButton.on("pointerup", () => {
|
|
if (this.page > 1) {
|
|
this.update(undefined, this.page > 1 ? this.page - 1 : this.pageCount);
|
|
}
|
|
});
|
|
|
|
this.pageNumberLabel = addTextObject(
|
|
window.displayWidth / 2,
|
|
titleWindow.displayHeight + window.displayHeight - 16,
|
|
"1",
|
|
TextStyle.WINDOW,
|
|
{ fontSize: "64px" },
|
|
);
|
|
this.pageNumberLabel.setOrigin(0.5, 0);
|
|
this.add(this.pageNumberLabel);
|
|
|
|
this.nextPageButton = globalScene.add.sprite(
|
|
window.displayWidth / 2 + 16,
|
|
titleWindow.displayHeight + window.displayHeight - 15,
|
|
"cursor",
|
|
);
|
|
this.nextPageButton.setOrigin(1, 0);
|
|
this.nextPageButton.setAlpha(0.5);
|
|
this.add(this.nextPageButton);
|
|
|
|
this.nextPageButton.setInteractive(new Phaser.Geom.Rectangle(0, 0, 6, 10), Phaser.Geom.Rectangle.Contains);
|
|
this.nextPageButton.on("pointerup", () => {
|
|
if (this.page < this.pageCount) {
|
|
this.update(undefined, this.page < this.pageCount ? this.page + 1 : 0);
|
|
}
|
|
});
|
|
|
|
this.add(this.loadingLabel);
|
|
|
|
this.page = 1;
|
|
this.category = ScoreboardCategory.DAILY;
|
|
}
|
|
|
|
updateRankings(rankings: RankingEntry[]) {
|
|
const getEntry = (rank: string, username: string, score: string, wave: string) => {
|
|
const entryContainer = globalScene.add.container(0, 0);
|
|
|
|
const rankLabel = addTextObject(0, 0, rank, TextStyle.WINDOW, {
|
|
fontSize: "54px",
|
|
});
|
|
entryContainer.add(rankLabel);
|
|
|
|
const usernameLabel = addTextObject(12, 0, username, TextStyle.WINDOW, {
|
|
fontSize: "54px",
|
|
});
|
|
entryContainer.add(usernameLabel);
|
|
|
|
const scoreLabel = addTextObject(84, 0, score, TextStyle.WINDOW, {
|
|
fontSize: "54px",
|
|
});
|
|
entryContainer.add(scoreLabel);
|
|
|
|
switch (this.category) {
|
|
case ScoreboardCategory.DAILY: {
|
|
const waveLabel = addTextObject(68, 0, wave, TextStyle.WINDOW, {
|
|
fontSize: "54px",
|
|
});
|
|
entryContainer.add(waveLabel);
|
|
break;
|
|
}
|
|
case ScoreboardCategory.WEEKLY:
|
|
scoreLabel.x -= 16;
|
|
break;
|
|
}
|
|
|
|
return entryContainer;
|
|
};
|
|
|
|
this.rankingsContainer.add(
|
|
getEntry(
|
|
i18next.t("menu:positionIcon"),
|
|
i18next.t("menu:usernameScoreboard"),
|
|
i18next.t("menu:score"),
|
|
i18next.t("menu:wave"),
|
|
),
|
|
);
|
|
|
|
rankings.forEach((r: RankingEntry, i: number) => {
|
|
const entryContainer = getEntry(r.rank.toString(), r.username, r.score.toString(), r.wave.toString());
|
|
entryContainer.setY((i + 1) * 9);
|
|
this.rankingsContainer.add(entryContainer);
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Updates the scoreboard rankings based on the selected category and page.
|
|
*
|
|
* If the update process is already ongoing, the method exits early. Otherwise, it begins the update process by clearing
|
|
* the current rankings and showing a loading label. If the category changes, the page is reset to 1.
|
|
*
|
|
* The method fetches the total page count if necessary, followed by fetching the rankings for the specified category
|
|
* and page. It updates the UI with the fetched rankings or shows an appropriate message if no rankings are found.
|
|
*
|
|
* @param {ScoreboardCategory} [category=this.category] - The category to fetch rankings for. Defaults to the current category.
|
|
* @param {number} [page=this.page] - The page number to fetch. Defaults to the current page.
|
|
*/
|
|
update(category: ScoreboardCategory = this.category, page: number = this.page) {
|
|
if (this.isUpdating) {
|
|
return;
|
|
}
|
|
|
|
this.isUpdating = true;
|
|
this.rankingsContainer.removeAll(true);
|
|
|
|
this.loadingLabel.setText(i18next.t("menu:loading"));
|
|
this.loadingLabel.setVisible(true);
|
|
|
|
if (category !== this.category) {
|
|
this.page = page = 1;
|
|
}
|
|
|
|
executeIf(category !== this.category || this.pageCount === undefined, () =>
|
|
pokerogueApi.daily.getRankingsPageCount({ category }).then(count => (this.pageCount = count)),
|
|
)
|
|
.then(() => {
|
|
pokerogueApi.daily
|
|
.getRankings({ category, page })
|
|
.then(rankings => {
|
|
this.page = page;
|
|
this.category = category;
|
|
this.titleLabel.setText(`${i18next.t(`menu:${ScoreboardCategory[category].toLowerCase()}Rankings`)}`);
|
|
this.pageNumberLabel.setText(page.toString());
|
|
if (rankings) {
|
|
this.loadingLabel.setVisible(false);
|
|
this.updateRankings(rankings);
|
|
} else {
|
|
this.loadingLabel.setText(i18next.t("menu:noRankings"));
|
|
}
|
|
})
|
|
.finally(() => {
|
|
this.isUpdating = false;
|
|
});
|
|
})
|
|
.catch(err => {
|
|
console.error("Failed to load daily rankings:\n", err);
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Sets the state of the navigation buttons.
|
|
* @param {boolean} [enabled=true] - Whether the buttons should be enabled or disabled.
|
|
*/
|
|
setButtonsState(enabled = true) {
|
|
const buttons = [
|
|
{
|
|
button: this.prevPageButton,
|
|
alphaValue: enabled ? (this.page > 1 ? 1 : 0.5) : 0.5,
|
|
},
|
|
{
|
|
button: this.nextPageButton,
|
|
alphaValue: enabled ? (this.page < this.pageCount ? 1 : 0.5) : 0.5,
|
|
},
|
|
{ button: this.nextCategoryButton, alphaValue: enabled ? 1 : 0.5 },
|
|
{ button: this.prevCategoryButton, alphaValue: enabled ? 1 : 0.5 },
|
|
];
|
|
|
|
buttons.forEach(({ button, alphaValue }) => {
|
|
if (enabled) {
|
|
button.setInteractive();
|
|
} else {
|
|
button.disableInteractive();
|
|
}
|
|
button.setAlpha(alphaValue);
|
|
});
|
|
}
|
|
}
|