diff options
| author | itsAhamkara <38540360+itsAhamkara@users.noreply.github.com> | 2018-05-11 22:58:11 -0700 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2018-12-13 16:59:21 +0100 |
| commit | 6db26724b84776762cdec1c78b6311b5a1725707 (patch) | |
| tree | 59ae844d41978ff5e2404943380a60432454db21 /src/ReportTable.vue | |
| parent | 62ba9406282a84fe2649929632bf534093a9d19e (diff) | |
| download | brokentalents-6db26724b84776762cdec1c78b6311b5a1725707.tar.gz brokentalents-6db26724b84776762cdec1c78b6311b5a1725707.zip | |
New Header and style
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: { |