Simplify team schedule boldigng

This commit is contained in:
Peter 2024-11-01 10:45:22 -05:00
parent 4fc3cd7344
commit 0e273f4d2c

View File

@ -39,29 +39,33 @@
</td> </td>
<td> <td>
<RouterLink v-if="isPlayed(row.game1)" <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 } }"> :to="{ name: 'games', params: { seasonNumber: seasonNumber, weekNumber: row.week, gameNumber: row.game1!.game_num, team1Abbreviation: row.awayTeam.abbrev, team2Abbreviation: row.homeTeam.abbrev } }"
<div :style="{ 'font-weight': selectedTeamWon(row.game1) ? 'bold' : 'normal' }">{{ makeGameScore(row.game1) }}</div> :style="{ 'font-weight': selectedTeamWon(row.game1) ? 'bold' : 'normal' }">
{{ makeGameScore(row.game1) }}
</RouterLink> </RouterLink>
<div v-else>-</div> <div v-else>-</div>
</td> </td>
<td> <td>
<RouterLink v-if="isPlayed(row.game2)" <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 } }"> :to="{ name: 'games', params: { seasonNumber: seasonNumber, weekNumber: row.week, gameNumber: row.game2!.game_num, team1Abbreviation: row.awayTeam.abbrev, team2Abbreviation: row.homeTeam.abbrev } }"
<div :style="{ 'font-weight': selectedTeamWon(row.game2) ? 'bold' : 'normal' }">{{ makeGameScore(row.game2) }}</div> :style="{ 'font-weight': selectedTeamWon(row.game2) ? 'bold' : 'normal' }">
{{ makeGameScore(row.game2) }}
</RouterLink> </RouterLink>
<div v-else>-</div> <div v-else>-</div>
</td> </td>
<td> <td>
<RouterLink v-if="isPlayed(row.game3)" <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 } }"> :to="{ name: 'games', params: { seasonNumber: seasonNumber, weekNumber: row.week, gameNumber: row.game3!.game_num, team1Abbreviation: row.awayTeam.abbrev, team2Abbreviation: row.homeTeam.abbrev } }"
<div :style="{ 'font-weight': selectedTeamWon(row.game3) ? 'bold' : 'normal' }">{{ makeGameScore(row.game3) }}</div> :style="{ 'font-weight': selectedTeamWon(row.game3) ? 'bold' : 'normal' }">
{{ makeGameScore(row.game3) }}
</RouterLink> </RouterLink>
<div v-else>-</div> <div v-else>-</div>
</td> </td>
<td> <td>
<RouterLink v-if="isPlayed(row.game4)" <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 } }"> :to="{ name: 'games', params: { seasonNumber: seasonNumber, weekNumber: row.week, gameNumber: row.game4!.game_num, team1Abbreviation: row.awayTeam.abbrev, team2Abbreviation: row.homeTeam.abbrev } }"
<div :style="{ 'font-weight': selectedTeamWon(row.game4) ? 'bold' : 'normal' }">{{ makeGameScore(row.game4) }}</div> :style="{ 'font-weight': selectedTeamWon(row.game4) ? 'bold' : 'normal' }">
{{ makeGameScore(row.game4) }}
</RouterLink> </RouterLink>
<div v-else>-</div> <div v-else>-</div>
</td> </td>
@ -105,29 +109,33 @@
</td> </td>
<td> <td>
<RouterLink v-if="isPlayed(row.game1)" <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 } }"> :to="{ name: 'games', params: { seasonNumber: seasonNumber, weekNumber: row.week, gameNumber: row.game1!.game_num, team1Abbreviation: row.awayTeam.abbrev, team2Abbreviation: row.homeTeam.abbrev } }"
<div :style="{ 'font-weight': selectedTeamWon(row.game1) ? 'bold' : 'normal' }">{{ makeGameScore(row.game1) }}</div> :style="{ 'font-weight': selectedTeamWon(row.game1) ? 'bold' : 'normal' }">
{{ makeGameScore(row.game1) }}
</RouterLink> </RouterLink>
<div v-else>-</div> <div v-else>-</div>
</td> </td>
<td> <td>
<RouterLink v-if="isPlayed(row.game2)" <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 } }"> :to="{ name: 'games', params: { seasonNumber: seasonNumber, weekNumber: row.week, gameNumber: row.game2!.game_num, team1Abbreviation: row.awayTeam.abbrev, team2Abbreviation: row.homeTeam.abbrev } }"
<div :style="{ 'font-weight': selectedTeamWon(row.game2) ? 'bold' : 'normal' }">{{ makeGameScore(row.game2) }}</div> :style="{ 'font-weight': selectedTeamWon(row.game2) ? 'bold' : 'normal' }">
{{ makeGameScore(row.game2) }}
</RouterLink> </RouterLink>
<div v-else>-</div> <div v-else>-</div>
</td> </td>
<td> <td>
<RouterLink v-if="isPlayed(row.game3)" <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 } }"> :to="{ name: 'games', params: { seasonNumber: seasonNumber, weekNumber: row.week, gameNumber: row.game3!.game_num, team1Abbreviation: row.awayTeam.abbrev, team2Abbreviation: row.homeTeam.abbrev } }"
<div :style="{ 'font-weight': selectedTeamWon(row.game3) ? 'bold' : 'normal' }">{{ makeGameScore(row.game3) }}</div> :style="{ 'font-weight': selectedTeamWon(row.game3) ? 'bold' : 'normal' }">
{{ makeGameScore(row.game3) }}
</RouterLink> </RouterLink>
<div v-else>-</div> <div v-else>-</div>
</td> </td>
<td> <td>
<RouterLink v-if="isPlayed(row.game4)" <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 } }"> :to="{ name: 'games', params: { seasonNumber: seasonNumber, weekNumber: row.week, gameNumber: row.game4!.game_num, team1Abbreviation: row.awayTeam.abbrev, team2Abbreviation: row.homeTeam.abbrev } }"
<div :style="{ 'font-weight': selectedTeamWon(row.game4) ? 'bold' : 'normal' }">{{ makeGameScore(row.game4) }}</div> :style="{ 'font-weight': selectedTeamWon(row.game4) ? 'bold' : 'normal' }">
{{ makeGameScore(row.game4) }}
</RouterLink> </RouterLink>
<div v-else>-</div> <div v-else>-</div>
</td> </td>