Add visualization for password protected games

Author: gereon77

agot-bg-game-server/src/common/EntireGame.ts

@@ -620,6 +620,7 @@ export default class EntireGame extends GameState<null, LobbyGameState | IngameG
         const oldPlayerIds = this.entireGame.ingameGameState?.oldPlayerIds ?? [];
         const timeoutPlayerIds = this.entireGame.ingameGameState?.timeoutPlayerIds ?? [];
         const replacerIds = this.entireGame.ingameGameState?.replacerIds ?? [];
+        const isPasswordProtected = this.entireGame.lobbyGameState?.password ? this.entireGame.lobbyGameState.password.length > 0 : false;
 
         return {
             turn,
@@ -632,6 +633,7 @@ export default class EntireGame extends GameState<null, LobbyGameState | IngameG
             oldPlayerIds,
             timeoutPlayerIds,
             replacerIds,
+            isPasswordProtected,
             publicChatRoomId: this.publicChatRoomId
         };
     }

agot-bg-website/agotboardgame_main/templates/agotboardgame_main/components/games_table.html

@@ -53,7 +53,11 @@
             >
                 <td class="text-center">
                     {% if game.state == "IN_LOBBY" %}
-                        <span class="badge badge-success">Open</span>
+                        {% if game.view_of_game.isPasswordProtected %}
+                            <span class="badge badge-danger"><i class="fas fa-lock"></i></span>
+                        {% else %}
+                            <span class="badge badge-success">Open</span>
+                        {% endif %}
                     {% elif game.state == "ONGOING" %}
                         <span class="badge badge-warning">Ongoing</span>
                     {% endif %}