diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2018-07-13 13:05:48 +0200 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2018-12-13 17:09:27 +0100 |
| commit | 81c89bce3cfb25fe31098449789910843b43bf64 (patch) | |
| tree | ddc00a7d9709f20fd68877bca68426617124cdd3 /src/HeroTalentTable.vue | |
| parent | 2fbe751db2c2cb3db8dc607b99106f4e1cb9dea5 (diff) | |
| download | brokentalents-81c89bce3cfb25fe31098449789910843b43bf64.tar.gz brokentalents-81c89bce3cfb25fe31098449789910843b43bf64.zip | |
HeroTalentTable: Show for non Brawl
Diffstat (limited to 'src/HeroTalentTable.vue')
| -rw-r--r-- | src/HeroTalentTable.vue | 16 |
1 files changed, 12 insertions, 4 deletions
diff --git a/src/HeroTalentTable.vue b/src/HeroTalentTable.vue index c4a1c5f..d49ff19 100644 --- a/src/HeroTalentTable.vue +++ b/src/HeroTalentTable.vue @@ -1,10 +1,15 @@ <template> <div class="box"> - <div style="display: flex; align-items: center; justify-content: space-between;"> - <hero-image :actor="selectedActor" class="is-64x64"></hero-image> + <div class="columns is-mobile"> + <div class="column is-one-quarter"> + <hero-image :actor="selectedActor" class="is-64x64"></hero-image> + </div> + <div class="column has-text-centered">{{ (100 * heroReport[0].Winner).toFixed(0) }}% Win Rate</div> + <div class="column has-text-centered">{{ (100 * totalHeroPicks / totalPicks * playersPerMatch).toFixed(0) }}% Pick Rate</div> </div> - <b-table :data="heroReport" + <b-table v-show="hasTalents" + :data="heroReport" :mobile-cards="false"> <template slot-scope="props" slot="header"> <b-tooltip :active="!!props.column.meta" :label="props.column.meta || ''" position="is-bottom" dashed> @@ -19,7 +24,7 @@ <b-table-column field="TalentWinrateBase" label="Level 1 Win Rate" meta="Estimated." sortable numeric> <template v-if="isNaN(props.row.TalentWinrateBase)"> - {{ (100 * props.row.Winner).toFixed(2) }}% <!-- No Talent --> + {{ (100 * props.row.Winner).toFixed(0) }}% <!-- No Talent --> </template> <template v-else> {{ (100 * props.row.TalentWinrateBase).toFixed(0) }}% @@ -56,6 +61,9 @@ export default Vue.component('hero-talent-table', { }; }, computed: { + hasTalents: function() { + return maps.hasTalents(this.selectedMode); + }, totalPicks: function() { return ReportService.getTotalPicks(this.selectedMode); }, |