diff options
Diffstat (limited to 'src/ReportTable.vue')
| -rw-r--r-- | src/ReportTable.vue | 16 |
1 files changed, 14 insertions, 2 deletions
diff --git a/src/ReportTable.vue b/src/ReportTable.vue index 00ef643..e0e622f 100644 --- a/src/ReportTable.vue +++ b/src/ReportTable.vue @@ -5,17 +5,28 @@ :default-sort-directon="'desc'"> <template slot-scope="props"> <b-table-column field="Actor" label="Hero" sortable> - {{ props.row.Actor.substring(1, props.row.Actor.length - 1) }} + <div style="display: flex; align-items: center"> + <figure class="image is-48x48" style="padding: 5px;"> + <img style="border-radius: 50%;" :src="'dist/assets/hero-icons/' + getHero(props.row.Actor) + '.png'" :alt="getHero(props.row.Actor)"> + </figure> + {{ getHero(props.row.Actor) }} + </div> </b-table-column> <b-table-column field="Talent" label="Talent"> - {{ getTalentName(props.row.Talent) }} + <div style="display: flex; align-items: center; justify-content: space-between;"> + {{ getTalentName(props.row.Talent) }} + <talent-image :entry="props.row" :size="48"></talent-image> + </div> </b-table-column> <b-table-column field="Level" label="Average Level" sortable numeric> <template v-if="!!props.row.Level"> {{ props.row.Level.toFixed(2) }} </template> + <template v-if="!props.row.Level"> + 0 + </template> </b-table-column> <b-table-column field="Winner" label="Win Rate" sortable numeric> @@ -43,6 +54,7 @@ export default Vue.component('report-table', { data: function() { return { getTalentName: maps.getTalentName, + getHero: maps.getHero }; }, computed: { |