diff --git a/src/client/graphics/layers/TeamStats.ts b/src/client/graphics/layers/TeamStats.ts index a8503c229..120b4b60c 100644 --- a/src/client/graphics/layers/TeamStats.ts +++ b/src/client/graphics/layers/TeamStats.ts @@ -8,6 +8,7 @@ import { Layer } from "./Layer"; interface TeamEntry { teamName: string; + isMyTeam: boolean; totalScoreStr: string; totalGold: string; totalTroops: string; @@ -28,6 +29,7 @@ export class TeamStats extends LitElement implements Layer { teams: TeamEntry[] = []; private _shownOnInit = false; private showUnits = false; + private _myTeam: Team | null = null; createRenderRoot() { return this; // use light DOM for Tailwind @@ -54,6 +56,11 @@ export class TeamStats extends LitElement implements Layer { const players = this.game.playerViews(); const grouped: Record = {}; + if (this._myTeam === null) { + const myPlayer = this.game.myPlayer(); + this._myTeam = myPlayer?.team() ?? null; + } + for (const player of players) { const team = player.team(); if (team === null) continue; @@ -89,6 +96,7 @@ export class TeamStats extends LitElement implements Layer { return { teamName: teamStr, + isMyTeam: teamStr === this._myTeam, totalScoreStr: formatPercentage(totalScorePercent), totalScoreSort, totalGold: renderNumber(totalGold), @@ -131,27 +139,41 @@ export class TeamStats extends LitElement implements Layer { ${this.showUnits ? html` -
+
${translateText("leaderboard.launchers")}
-
+
${translateText("leaderboard.sams")}
-
+
${translateText("leaderboard.warships")}
-
+
${translateText("leaderboard.cities")}
` : html` -
+
${translateText("leaderboard.owned")}
-
+
${translateText("leaderboard.gold")}
-
+
${translateText("leaderboard.troops")}
`} @@ -162,7 +184,9 @@ export class TeamStats extends LitElement implements Layer { this.showUnits ? html`
${team.teamName} @@ -183,7 +207,9 @@ export class TeamStats extends LitElement implements Layer { ` : html`
${team.teamName}