From 5b26093f5e9d03bfd5076962d3258184ad28c1da Mon Sep 17 00:00:00 2001
From: Peter <peterlgirouard@gmail.com>
Date: Sun, 21 Jan 2024 21:14:52 -0500
Subject: [PATCH] Link to game pages on team page/schedule table

---
 src/components/TeamScheduleTable.vue | 67 ++++++++++++++++++++++++----
 src/services/apiResponseTypes.ts     |  1 +
 2 files changed, 60 insertions(+), 8 deletions(-)

diff --git a/src/components/TeamScheduleTable.vue b/src/components/TeamScheduleTable.vue
index 06a5478..ae2c450 100644
--- a/src/components/TeamScheduleTable.vue
+++ b/src/components/TeamScheduleTable.vue
@@ -37,10 +37,34 @@
                     {{ row.homeTeam.sname }}
                   </RouterLink>
                 </td>
-                <td>{{ makeGameScore(row.game1) }}</td>
-                <td>{{ makeGameScore(row.game2) }}</td>
-                <td>{{ makeGameScore(row.game3) }}</td>
-                <td>{{ makeGameScore(row.game4) }}</td>
+                <td>
+                  <RouterLink v-if="isPlayed(row.game1)"
+                    :to="{ name: 'games', params: { seasonNumber: seasonNumber, weekNumber: row.week, gameNumber: row.game1!.game_num, team1Abbreviation: row.awayTeam.abbrev, team2Abbreviation: row.homeTeam.abbrev } }">
+                    {{ makeGameScore(row.game1) }}
+                  </RouterLink>
+                  <template v-else>-</template>
+                </td>
+                <td>
+                  <RouterLink v-if="isPlayed(row.game2)"
+                    :to="{ name: 'games', params: { seasonNumber: seasonNumber, weekNumber: row.week, gameNumber: row.game2!.game_num, team1Abbreviation: row.awayTeam.abbrev, team2Abbreviation: row.homeTeam.abbrev } }">
+                    {{ makeGameScore(row.game2) }}
+                  </RouterLink>
+                  <template v-else>-</template>
+                </td>
+                <td>
+                  <RouterLink v-if="isPlayed(row.game3)"
+                    :to="{ name: 'games', params: { seasonNumber: seasonNumber, weekNumber: row.week, gameNumber: row.game3!.game_num, team1Abbreviation: row.awayTeam.abbrev, team2Abbreviation: row.homeTeam.abbrev } }">
+                    {{ makeGameScore(row.game3) }}
+                  </RouterLink>
+                  <template v-else>-</template>
+                </td>
+                <td>
+                  <RouterLink v-if="isPlayed(row.game4)"
+                    :to="{ name: 'games', params: { seasonNumber: seasonNumber, weekNumber: row.week, gameNumber: row.game4!.game_num, team1Abbreviation: row.awayTeam.abbrev, team2Abbreviation: row.homeTeam.abbrev } }">
+                    {{ makeGameScore(row.game4) }}
+                  </RouterLink>
+                  <template v-else>-</template>
+                </td>
               </tr>
             </tbody>
           </table>
@@ -79,10 +103,34 @@
                     {{ row.homeTeam.sname }}
                   </RouterLink>
                 </td>
-                <td>{{ makeGameScore(row.game1) }}</td>
-                <td>{{ makeGameScore(row.game2) }}</td>
-                <td>{{ makeGameScore(row.game3) }}</td>
-                <td>{{ makeGameScore(row.game4) }}</td>
+                <td>
+                  <RouterLink v-if="isPlayed(row.game1)"
+                    :to="{ name: 'games', params: { seasonNumber: seasonNumber, weekNumber: row.week, gameNumber: row.game1!.game_num, team1Abbreviation: row.awayTeam.abbrev, team2Abbreviation: row.homeTeam.abbrev } }">
+                    {{ makeGameScore(row.game1) }}
+                  </RouterLink>
+                  <template v-else>-</template>
+                </td>
+                <td>
+                  <RouterLink v-if="isPlayed(row.game2)"
+                    :to="{ name: 'games', params: { seasonNumber: seasonNumber, weekNumber: row.week, gameNumber: row.game2!.game_num, team1Abbreviation: row.awayTeam.abbrev, team2Abbreviation: row.homeTeam.abbrev } }">
+                    {{ makeGameScore(row.game2) }}
+                  </RouterLink>
+                  <template v-else>-</template>
+                </td>
+                <td>
+                  <RouterLink v-if="isPlayed(row.game3)"
+                    :to="{ name: 'games', params: { seasonNumber: seasonNumber, weekNumber: row.week, gameNumber: row.game3!.game_num, team1Abbreviation: row.awayTeam.abbrev, team2Abbreviation: row.homeTeam.abbrev } }">
+                    {{ makeGameScore(row.game3) }}
+                  </RouterLink>
+                  <template v-else>-</template>
+                </td>
+                <td>
+                  <RouterLink v-if="isPlayed(row.game4)"
+                    :to="{ name: 'games', params: { seasonNumber: seasonNumber, weekNumber: row.week, gameNumber: row.game4!.game_num, team1Abbreviation: row.awayTeam.abbrev, team2Abbreviation: row.homeTeam.abbrev } }">
+                    {{ makeGameScore(row.game4) }}
+                  </RouterLink>
+                  <template v-else>-</template>
+                </td>
               </tr>
             </tbody>
           </table>
@@ -167,6 +215,9 @@ export default {
         return storage
       }, {} as { [key: string]: Game[] })
     },
+    isPlayed(game: Game | undefined) {
+      return !!game && (game.away_score || game.home_score)
+    },
     makeGameScore(game: Game | undefined): string {
       if (!game || (!game.away_score && !game.home_score)) return '-'
       return `${game.away_team.abbrev} ${game.away_score}-${game.home_score} ${game.home_team.abbrev}`
diff --git a/src/services/apiResponseTypes.ts b/src/services/apiResponseTypes.ts
index 6b2e92b..09ea6df 100644
--- a/src/services/apiResponseTypes.ts
+++ b/src/services/apiResponseTypes.ts
@@ -49,4 +49,5 @@ export interface Game {
   home_score: number,
   away_manager: Manager
   home_manager: Manager
+  scorecard_url: string
 }
\ No newline at end of file