From af0177baa16a02a3b1acbd2e30ec57b9148954cc Mon Sep 17 00:00:00 2001
From: Ilan Schemoul <ilanschemoul@gmail.com>
Date: Wed, 19 Mar 2025 04:37:09 +0100
Subject: [PATCH] feat: add a lot more info in player overlay (#279)

---
 .../graphics/layers/PlayerInfoOverlay.ts      | 27 ++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/src/client/graphics/layers/PlayerInfoOverlay.ts b/src/client/graphics/layers/PlayerInfoOverlay.ts
index 07157b0de..0d071bd1a 100644
--- a/src/client/graphics/layers/PlayerInfoOverlay.ts
+++ b/src/client/graphics/layers/PlayerInfoOverlay.ts
@@ -165,6 +165,10 @@ export class PlayerInfoOverlay extends LitElement implements Layer {
     const myPlayer = this.myPlayer();
     const isAlly = myPlayer?.isAlliedWith(player);
     let relationHtml = null;
+    const attackingTroops = player
+      .outgoingAttacks()
+      .map((a) => a.troops)
+      .reduce((a, b) => a + b, 0);
 
     if (player.type() == PlayerType.FakeHuman && myPlayer != null) {
       const relation =
@@ -201,12 +205,29 @@ export class PlayerInfoOverlay extends LitElement implements Layer {
           ${player.name()}
         </div>
         <div class="text-sm opacity-80">Type: ${playerType}</div>
-        <div class="text-sm opacity-80" translate="no">
-          Troops: ${renderTroops(player.troops())}
-        </div>
+        ${player.troops() >= 1 &&
+        html`<div class="text-sm opacity-80" translate="no">
+          Defending troops: ${renderTroops(player.troops())}
+        </div>`}
+        ${attackingTroops >= 1 &&
+        html`<div class="text-sm opacity-80" translate="no">
+          Attacking troops: ${renderTroops(attackingTroops)}
+        </div>`}
         <div class="text-sm opacity-80" translate="no">
           Gold: ${renderNumber(player.gold())}
         </div>
+        <div class="text-sm opacity-80" translate="no">
+          Ports: ${player.units(UnitType.Port).length}
+        </div>
+        <div class="text-sm opacity-80" translate="no">
+          Cities: ${player.units(UnitType.City).length}
+        </div>
+        <div class="text-sm opacity-80" translate="no">
+          Missile launchers: ${player.units(UnitType.MissileSilo).length}
+        </div>
+        <div class="text-sm opacity-80" translate="no">
+          SAMs: ${player.units(UnitType.SAMLauncher).length}
+        </div>
         ${relationHtml}
       </div>
     `;