From 5ea10751eab57e4400139848849f1393ce18cd72 Mon Sep 17 00:00:00 2001 From: Evan Date: Fri, 27 Dec 2024 09:39:55 -0800 Subject: [PATCH] display gold on leaderboard --- src/client/graphics/layers/Leaderboard.ts | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/src/client/graphics/layers/Leaderboard.ts b/src/client/graphics/layers/Leaderboard.ts index 2d8d51549..f5e44e559 100644 --- a/src/client/graphics/layers/Leaderboard.ts +++ b/src/client/graphics/layers/Leaderboard.ts @@ -5,11 +5,13 @@ import { Game, Player } from '../../../core/game/Game'; import { ClientID } from '../../../core/Schemas'; import { unsafeHTML } from 'lit/directives/unsafe-html.js'; import { EventBus, GameEvent } from '../../../core/EventBus'; +import { renderNumber } from '../../Utils'; interface Entry { name: string position: number score: string + gold: string isMyPlayer: boolean player: Player } @@ -58,6 +60,7 @@ export class Leaderboard extends LitElement implements Layer { name: player.displayName(), position: index + 1, score: formatPercentage(player.numTilesOwned() / this.game.numLandTiles()), + gold: renderNumber(player.gold()), isMyPlayer: player == myPlayer, player: player })); @@ -76,6 +79,7 @@ export class Leaderboard extends LitElement implements Layer { name: myPlayer.displayName(), position: place, score: formatPercentage(myPlayer.numTilesOwned() / this.game.numLandTiles()), + gold: renderNumber(myPlayer.gold()), isMyPlayer: true, player: myPlayer }) @@ -123,7 +127,7 @@ export class Leaderboard extends LitElement implements Layer { } th, td { padding: 5px; - text-align: left; + text-align: center; border-bottom: 1px solid rgba(51, 51, 51, 0.2); color: white; } @@ -172,6 +176,7 @@ export class Leaderboard extends LitElement implements Layer { Rank Player Owned + Gold @@ -184,6 +189,7 @@ export class Leaderboard extends LitElement implements Layer { ${player.position} ${unsafeHTML(player.name)} ${player.score} + ${player.gold} `)}