clean up game preview display

pydt · Jan 4, 2024 · f1b4a84 · f1b4a84
1 parent abe4cd3
commit f1b4a84
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 5 deletions.
diff --git a/src/app/game/open-games/open-games.component.html b/src/app/game/open-games/open-games.component.html
@@ -32,7 +32,7 @@ <h1>Open Games</h1>
       <h1 *ngIf="!(filteredGames$ | async).length">No games found.</h1>
       <div *ngFor="let game of filteredGames$ | async">
         <div class="well">
-          <pydt-game-preview [game]="game"></pydt-game-preview>
+          <pydt-game-preview [game]="game" [hideNotStarted]="true"></pydt-game-preview>
           <div class="row">
             <div class="col-xs-12 text-center">
               <button type="button" class="btn btn-primary" [routerLink]="['/game', game.gameId]">

diff --git a/src/app/game/preview/preview.component.html b/src/app/game/preview/preview.component.html
@@ -23,7 +23,9 @@
 >
   Sort via Play Times
 </button>
-<p *ngIf="showLastTurn" class="pull-right ml">{{ lastTurnText$ | async }}</p>
+<p *ngIf="showTurnInfo && game.gameTurnRangeKey > 1" class="pull-right ml">
+  Round {{ game.round }} - {{ lastTurnText$ | async }}
+</p>
 <h3 [class.yourTurn]="game.inProgress && activeProfile?.steamid === game.currentPlayerSteamId">
   <img
     src="/img/game_{{ game.gameType }}.png"

diff --git a/src/app/game/preview/preview.component.ts b/src/app/game/preview/preview.component.ts
@@ -29,7 +29,8 @@ export class GamePreviewComponent implements OnChanges {
   @Input() game: Game;
   @Input() editMode = false;
   @Input() availableCivs: CivDef[];
-  @Input() showLastTurn = false;
+  @Input() showTurnInfo = false;
+  @Input() hideNotStarted = false;
   @Output() gameUpdated = new EventEmitter<Game>();
   @ViewChild("playerDetailModal", { static: true }) playerDetailModal: ModalDirective;
   lastTurnText$: Observable<string>;
@@ -105,7 +106,7 @@ export class GamePreviewComponent implements OnChanges {
     let result = this.game.displayName;
     const addlData: string[] = [];
 
-    if (!this.game.inProgress) {
+    if (!this.hideNotStarted && !this.game.inProgress) {
       addlData.push("Not Started");
     }
 

diff --git a/src/app/user/games/games.component.html b/src/app/user/games/games.component.html
@@ -15,7 +15,7 @@ <h1>Your Games</h1>
         <h3 *ngIf="!games.length">No games found.</h3>
         <div *ngFor="let game of games">
           <div class="well">
-            <pydt-game-preview [game]="game" [showLastTurn]="true"></pydt-game-preview>
+            <pydt-game-preview [game]="game" [showTurnInfo]="true"></pydt-game-preview>
             <div class="row">
               <div class="col-xs-12 text-center">
                 <button type="button" class="btn btn-primary" [routerLink]="['/game', game.gameId]">