diff options
Diffstat (limited to 'src/TopTalentsBox.vue')
| -rw-r--r-- | src/TopTalentsBox.vue | 15 |
1 files changed, 14 insertions, 1 deletions
diff --git a/src/TopTalentsBox.vue b/src/TopTalentsBox.vue index eb73ef0..44a4e16 100644 --- a/src/TopTalentsBox.vue +++ b/src/TopTalentsBox.vue @@ -7,13 +7,17 @@ <hero-image :actor="props.row.Actor" class="is-square"></hero-image> </b-table-column> - <b-table-column field="Talent" label="Talent"> + <b-table-column field="Talent" label="Talent" :visible="hasTalents"> <div style="display: flex; align-items: center; justify-content: space-between;"> <span>{{ getTalentName(props.row.Talent) }}</span> <talent-image :entry="props.row" :size="48"></talent-image> </div> </b-table-column> + <b-table-column field="Count" label="Pick Rate" :visible="!hasTalents" sortable numeric> + <span>{{ Math.round(100 * playersPerMatch * props.row.Count / totalPicks) }}%</span> + </b-table-column> + <b-table-column field="Winner" label="Win Rate" sortable numeric> <span>{{ Math.round(100 * props.row.Winner) }}%</span> </b-table-column> @@ -42,6 +46,15 @@ export default Vue.component('top-talents-box', { top10Talents: function() { return this.reportService.getTop10Picks(this.selectedMode); }, + hasTalents: function() { + return maps.hasTalents(this.selectedMode); + }, + totalPicks: function() { + return this.reportService.getTotalPicks(this.selectedMode); + }, + playersPerMatch: function() { + return maps.playersPerMatch(this.selectedMode); + }, }, components: { TalentImage, |