diff options
Diffstat (limited to 'src/ReportTile.vue')
| -rw-r--r-- | src/ReportTile.vue | 9 |
1 files changed, 6 insertions, 3 deletions
diff --git a/src/ReportTile.vue b/src/ReportTile.vue index 642eed3..89f46ae 100644 --- a/src/ReportTile.vue +++ b/src/ReportTile.vue @@ -7,8 +7,7 @@ <img :src="'dist/assets/hero-icons/' + hero.toLowerCase() + '.png'" :alt="entry.Actor"> </figure> <figure class="image is-64x64"> - <img :src="'dist/assets/talent-icons-small/' + hero + '/' + hero + '_Rare.png'" :alt="entry.Talent"> - <!-- TODO Rarity map --> + <img :src="'dist/assets/talent-icons-small/' + hero + '/' + hero + '_' + rarity + '.png'" :alt="hero + ' ' + rarity"> </figure> </div> <div class="media-content"> @@ -22,6 +21,7 @@ <script> import Vue from 'vue'; +import * as maps from './maps/maps'; export default Vue.component('report-tile', { props: [ 'title', 'content', 'entry' ], @@ -31,7 +31,10 @@ export default Vue.component('report-tile', { }, computed: { hero: function() { - return this.entry.Actor.substring(1, this.entry.Actor.length - 1); + return maps.getHero(this.entry.Actor); + }, + rarity: function() { + return maps.getTalentRarity(this.entry.Talent); }, }, }); |