diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2018-06-17 14:34:02 +0200 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2018-12-13 17:09:21 +0100 |
| commit | 0dcef0d4d35cadd40ef908c2de3396cc56721949 (patch) | |
| tree | 053760e26d7122b372f5905d8e262e0b452c0fc8 /src/HeroTalentTable.vue | |
| parent | 9104b054705a86e9205ca43e3e4afd994371e024 (diff) | |
| download | brokentalents-0dcef0d4d35cadd40ef908c2de3396cc56721949.tar.gz brokentalents-0dcef0d4d35cadd40ef908c2de3396cc56721949.zip | |
Adjust TalentTable to fit ReportTable's UX
Diffstat (limited to 'src/HeroTalentTable.vue')
| -rw-r--r-- | src/HeroTalentTable.vue | 22 |
1 files changed, 13 insertions, 9 deletions
diff --git a/src/HeroTalentTable.vue b/src/HeroTalentTable.vue index 5c3545b..6bd228a 100644 --- a/src/HeroTalentTable.vue +++ b/src/HeroTalentTable.vue @@ -6,29 +6,33 @@ <b-table :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> + {{ props.column.label }} + </b-tooltip> + </template> + <template slot-scope="props"> <b-table-column field="Talent" label="Talent"> <talent-image :entry="props.row" :size="48"></talent-image> </b-table-column> - <b-table-column field="Winner" label="Level 1 Win Rate" sortable numeric> + <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) }}% + {{ (100 * props.row.Winner).toFixed(2) }}% <!-- No Talent --> </template> <template v-else> {{ (100 * props.row.TalentWinrateBase).toFixed(2) }}% </template> + <small v-if="props.row.SampleTooSmall">uncertain</small> </b-table-column> - <b-table-column field="TalentWinrateScaling" label="Win Rate Advantage" sortable numeric> - <template v-if="isNaN(props.row.TalentWinrateScaling) || props.row.SampleTooSmall"> - <span class="mdi mdi-gauge-empty mdi-18px" title="Not enough data"></span> - </template> - <template v-else> - {{ (props.row.TalentWinrateScaling > 0? '+' : '') + (100 * props.row.TalentWinrateScaling / getLevelBuckets()).toFixed(2) }}% <small>for {{ getLevelsPerBucket(props.row) + (getLevelsPerBucket(props.row) > 1? ' Levels' : ' Level') }}</small> + <b-table-column field="TalentWinrateMax" label="Max Level Win Rate" meta="Estimated." sortable numeric> + <template v-if="!isNaN(props.row.TalentWinrateMax)"> + {{ (100 * props.row.TalentWinrateMax).toFixed(2) }}% + <small v-if="props.row.SampleTooSmall">uncertain</small> </template> </b-table-column> - </template> </b-table> </div> |