Align batting/pitching/fielding between teams on GameView
This commit is contained in:
Peter
parent
5fa26726ff
commit
849db58deb
@ -38,10 +38,10 @@
|
||||
<!-- Full Scorecard -->
|
||||
<div class="row" id="scorecard">
|
||||
|
||||
<!-- Away Team -->
|
||||
<div class="col-xl-6">
|
||||
|
||||
<!-- Batting -->
|
||||
<div class="row">
|
||||
<!-- Away Batting -->
|
||||
<div class="col-xl-6">
|
||||
<h3 id="awayteam-batting-header">{{ awayTeamName }} Batting</h3>
|
||||
<div class="table-responsive-xl">
|
||||
<table class="table table-sm table-striped" id="away-batting">
|
||||
@ -95,100 +95,9 @@
|
||||
<tfoot></tfoot>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- Away Fielding -->
|
||||
<h3 id="awayteam-fielding-header">{{ awayTeamName }} Fielding</h3>
|
||||
<div class="table-responsive-xl">
|
||||
<table class="table table-sm table-striped" style="max-width: 25rem" id="away-fielding">
|
||||
<thead class="thead-dark">
|
||||
<tr>
|
||||
<th>Player</th>
|
||||
<th>X-Ch</th>
|
||||
<th>X-Hit</th>
|
||||
<th>Error</th>
|
||||
<th>PB</th>
|
||||
<th>SBa</th>
|
||||
<th>CSc</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="awayteam-fielding-table">
|
||||
<tr v-for="stat in awayTeamFieldingStats" :key="stat.player.name">
|
||||
<td>
|
||||
<RouterLink
|
||||
:to="{ name: 'player', params: { seasonNumber: seasonNumber, playerName: stat.player.name } }">
|
||||
{{ stat.player.name }}
|
||||
</RouterLink>
|
||||
</td>
|
||||
<td>{{ stat.xCheckCount }}</td>
|
||||
<td>{{ stat.hit }}</td>
|
||||
<td>{{ stat.error }}</td>
|
||||
<td>{{ stat.passedBallCount }}</td>
|
||||
<td>{{ stat.stolenBaseCheckCount }}</td>
|
||||
<td>{{ stat.caughtStealingCount }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot></tfoot>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- Away Pitching -->
|
||||
<h3 id="awayteam-pitching-header">{{ awayTeamName }} Pitching</h3>
|
||||
<div class="table-responsive-xl">
|
||||
<table class="table table-sm table-striped" style="max-width: 50rem" id="away-pitching">
|
||||
<thead class="thead-dark">
|
||||
<tr>
|
||||
<th>Player</th>
|
||||
<th>W</th>
|
||||
<th>L</th>
|
||||
<th>SV</th>
|
||||
<th>HD</th>
|
||||
<th>BSV</th>
|
||||
<th>IP</th>
|
||||
<th>H</th>
|
||||
<th>R</th>
|
||||
<th>ER</th>
|
||||
<th>HR</th>
|
||||
<th>BB</th>
|
||||
<th>SO</th>
|
||||
<th>HBP</th>
|
||||
<th>BK</th>
|
||||
<th>WP</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="awayteam-pitching-table">
|
||||
<tr v-for="stat in awayTeamPitchingStats" :key="stat.player.name">
|
||||
<td>
|
||||
<RouterLink
|
||||
:to="{ name: 'player', params: { seasonNumber: seasonNumber, playerName: stat.player.name } }">
|
||||
{{ stat.player.name }}
|
||||
</RouterLink>
|
||||
</td>
|
||||
<td>{{ stat.win }}</td>
|
||||
<td>{{ stat.loss }}</td>
|
||||
<td>{{ stat.save }}</td>
|
||||
<td>{{ stat.hold }}</td>
|
||||
<td>{{ stat.bsave }}</td>
|
||||
<td>{{ outsToInnings(stat) }}</td>
|
||||
<td>{{ stat.hits }}</td>
|
||||
<td>{{ stat.run }}</td>
|
||||
<td>{{ stat.e_run }}</td>
|
||||
<td>{{ stat.hr }}</td>
|
||||
<td>{{ stat.bb }}</td>
|
||||
<td>{{ stat.so }}</td>
|
||||
<td>{{ stat.hbp }}</td>
|
||||
<td>{{ stat.balk }}</td>
|
||||
<td>{{ stat.wp }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot></tfoot>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Home Team -->
|
||||
<div class="col-xl-6">
|
||||
|
||||
<!-- Home Batting -->
|
||||
<div class="col-xl-6">
|
||||
<h3 id="hometeam-batting-header">{{ homeTeamName }} Batting</h3>
|
||||
<div class="table-responsive-xl">
|
||||
<table class="table table-sm table-striped" id="home-batting">
|
||||
@ -242,43 +151,66 @@
|
||||
<tfoot></tfoot>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- Home Fielding -->
|
||||
<h3 id="hometeam-fielding-header">{{ homeTeamName }} Fielding</h3>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Pitching -->
|
||||
<div class="row">
|
||||
<!-- Away Pitching -->
|
||||
<div class="col-xl-6">
|
||||
<h3 id="awayteam-pitching-header">{{ awayTeamName }} Pitching</h3>
|
||||
<div class="table-responsive-xl">
|
||||
<table class="table table-sm table-striped" style="max-width: 25rem" id="home-fielding">
|
||||
<table class="table table-sm table-striped" style="max-width: 50rem" id="away-pitching">
|
||||
<thead class="thead-dark">
|
||||
<tr>
|
||||
<th>Player</th>
|
||||
<th>X-Ch</th>
|
||||
<th>X-Hit</th>
|
||||
<th>Error</th>
|
||||
<th>PB</th>
|
||||
<th>SBa</th>
|
||||
<th>CSc</th>
|
||||
<th>W</th>
|
||||
<th>L</th>
|
||||
<th>SV</th>
|
||||
<th>HD</th>
|
||||
<th>BSV</th>
|
||||
<th>IP</th>
|
||||
<th>H</th>
|
||||
<th>R</th>
|
||||
<th>ER</th>
|
||||
<th>HR</th>
|
||||
<th>BB</th>
|
||||
<th>SO</th>
|
||||
<th>HBP</th>
|
||||
<th>BK</th>
|
||||
<th>WP</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="hometeam-fielding-table">
|
||||
<tr v-for="stat in homeTeamFieldingStats" :key="stat.player.name">
|
||||
<tbody id="awayteam-pitching-table">
|
||||
<tr v-for="stat in awayTeamPitchingStats" :key="stat.player.name">
|
||||
<td>
|
||||
<RouterLink
|
||||
:to="{ name: 'player', params: { seasonNumber: seasonNumber, playerName: stat.player.name } }">
|
||||
{{ stat.player.name }}
|
||||
</RouterLink>
|
||||
</td>
|
||||
<td>{{ stat.xCheckCount }}</td>
|
||||
<td>{{ stat.hit }}</td>
|
||||
<td>{{ stat.error }}</td>
|
||||
<td>{{ stat.passedBallCount }}</td>
|
||||
<td>{{ stat.stolenBaseCheckCount }}</td>
|
||||
<td>{{ stat.caughtStealingCount }}</td>
|
||||
<td>{{ stat.win }}</td>
|
||||
<td>{{ stat.loss }}</td>
|
||||
<td>{{ stat.save }}</td>
|
||||
<td>{{ stat.hold }}</td>
|
||||
<td>{{ stat.bsave }}</td>
|
||||
<td>{{ outsToInnings(stat) }}</td>
|
||||
<td>{{ stat.hits }}</td>
|
||||
<td>{{ stat.run }}</td>
|
||||
<td>{{ stat.e_run }}</td>
|
||||
<td>{{ stat.hr }}</td>
|
||||
<td>{{ stat.bb }}</td>
|
||||
<td>{{ stat.so }}</td>
|
||||
<td>{{ stat.hbp }}</td>
|
||||
<td>{{ stat.balk }}</td>
|
||||
<td>{{ stat.wp }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot></tfoot>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- Home Pitching -->
|
||||
<div class="col-xl-6">
|
||||
<h3 id="hometeam-pitching-header">{{ homeTeamName }} Pitching</h3>
|
||||
<div class="table-responsive-xl">
|
||||
<table class="table table-sm table-striped" style="max-width: 50rem" id="home-pitching">
|
||||
@ -332,6 +264,85 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Fielding -->
|
||||
<div class="row">
|
||||
<!-- Away Fielding -->
|
||||
<div class="col-xl-6">
|
||||
<h3 id="awayteam-fielding-header">{{ awayTeamName }} Fielding</h3>
|
||||
<div class="table-responsive-xl">
|
||||
<table class="table table-sm table-striped" style="max-width: 25rem" id="away-fielding">
|
||||
<thead class="thead-dark">
|
||||
<tr>
|
||||
<th>Player</th>
|
||||
<th>X-Ch</th>
|
||||
<th>X-Hit</th>
|
||||
<th>Error</th>
|
||||
<th>PB</th>
|
||||
<th>SBa</th>
|
||||
<th>CSc</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="awayteam-fielding-table">
|
||||
<tr v-for="stat in awayTeamFieldingStats" :key="stat.player.name">
|
||||
<td>
|
||||
<RouterLink
|
||||
:to="{ name: 'player', params: { seasonNumber: seasonNumber, playerName: stat.player.name } }">
|
||||
{{ stat.player.name }}
|
||||
</RouterLink>
|
||||
</td>
|
||||
<td>{{ stat.xCheckCount }}</td>
|
||||
<td>{{ stat.hit }}</td>
|
||||
<td>{{ stat.error }}</td>
|
||||
<td>{{ stat.passedBallCount }}</td>
|
||||
<td>{{ stat.stolenBaseCheckCount }}</td>
|
||||
<td>{{ stat.caughtStealingCount }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot></tfoot>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Home Team -->
|
||||
<div class="col-xl-6">
|
||||
<!-- Home Fielding -->
|
||||
<h3 id="hometeam-fielding-header">{{ homeTeamName }} Fielding</h3>
|
||||
<div class="table-responsive-xl">
|
||||
<table class="table table-sm table-striped" style="max-width: 25rem" id="home-fielding">
|
||||
<thead class="thead-dark">
|
||||
<tr>
|
||||
<th>Player</th>
|
||||
<th>X-Ch</th>
|
||||
<th>X-Hit</th>
|
||||
<th>Error</th>
|
||||
<th>PB</th>
|
||||
<th>SBa</th>
|
||||
<th>CSc</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="hometeam-fielding-table">
|
||||
<tr v-for="stat in homeTeamFieldingStats" :key="stat.player.name">
|
||||
<td>
|
||||
<RouterLink
|
||||
:to="{ name: 'player', params: { seasonNumber: seasonNumber, playerName: stat.player.name } }">
|
||||
{{ stat.player.name }}
|
||||
</RouterLink>
|
||||
</td>
|
||||
<td>{{ stat.xCheckCount }}</td>
|
||||
<td>{{ stat.hit }}</td>
|
||||
<td>{{ stat.error }}</td>
|
||||
<td>{{ stat.passedBallCount }}</td>
|
||||
<td>{{ stat.stolenBaseCheckCount }}</td>
|
||||
<td>{{ stat.caughtStealingCount }}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot></tfoot>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user