don't render video in ssr, fix download click

pydt · Jun 28, 2023 · d80e629 · d80e629
1 parent 9fb3e66
commit d80e629
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/src/app/game/detail/stats/stats.component.html b/src/app/game/detail/stats/stats.component.html
@@ -13,7 +13,7 @@
     ></ng-table>
   </div>
 </div>
-<div *ngIf="game.gameVideoUrl" class="row">
+<div *ngIf="game.gameVideoUrl && isBrowser" class="row">
   <div class="col-md-12">
     <vg-player>
       <video [vgMedia]="media" #media id="replay" preload="auto" controls style="width: 100%">

diff --git a/src/app/game/detail/stats/stats.component.ts b/src/app/game/detail/stats/stats.component.ts
@@ -1,6 +1,7 @@
 import { Component, Input, OnInit } from "@angular/core";
 import { Game, GamePlayer, ProfileCacheService, CivGame, MetadataCacheService } from "pydt-shared";
 import { Utility } from "../../../shared/utility";
+import { BrowserDataService } from "../../../shared/browser-data.service";
 
 export interface TableColumn {
   title: string;
@@ -28,12 +29,20 @@ export class GameDetailStatsComponent implements OnInit {
   tableData: Array<unknown>;
   games: CivGame[] = [];
 
-  constructor(private profileCache: ProfileCacheService, private metadataCache: MetadataCacheService) {}
+  constructor(
+    private profileCache: ProfileCacheService,
+    private metadataCache: MetadataCacheService,
+    private browserData: BrowserDataService,
+  ) {}
 
   get civGame(): CivGame {
     return this.games.find(x => x.id === this.game.gameType);
   }
 
+  get isBrowser() {
+    return this.browserData.isBrowser();
+  }
+
   async ngOnInit(): Promise<void> {
     this.games = (await this.metadataCache.getCivGameMetadata()).civGames;
     if (this.civGame.turnTimerSupported) {

diff --git a/src/app/game/detail/turns/turns.component.ts b/src/app/game/detail/turns/turns.component.ts
@@ -165,7 +165,7 @@ export class GameDetailTurnsComponent implements OnInit {
         timeTaken: timeTaken.toString(),
         skipped: turn.skipped ? "Skipped!" : "",
         download: canDownload(turn)
-          ? `<a href='#' *ngIf="false" onClick="window.dispatchEvent(new CustomEvent('DownloadTurn', { detail: ${turn.turn} }));return false;">Download</a>`
+          ? `<a href='#' onMousedown="console.log('hi');window.dispatchEvent(new CustomEvent('DownloadTurn', { detail: ${turn.turn} }));return false;">Download</a>`
           : "",
       };
     });