diff options
Diffstat (limited to 'src/TalentBox.vue')
| -rw-r--r-- | src/TalentBox.vue | 18 |
1 files changed, 11 insertions, 7 deletions
diff --git a/src/TalentBox.vue b/src/TalentBox.vue index ee30717..f7f2694 100644 --- a/src/TalentBox.vue +++ b/src/TalentBox.vue @@ -3,15 +3,14 @@ <p class="title-box">{{ title }}</p> <div class="columns is-mobile"> <div class="column is-centered"> - <figure class="image is-64x64 hero-image-slot"> - <img class="hero-image" :src="'dist/assets/hero-icons/' + hero.toLowerCase() + '.png'" :alt="entry.Actor"> - </figure> - <p class="hero-name">{{ hero }}</p> + <hero-image :actor="entry.Actor" class="is-64x64 hero-image-slot"></hero-image> + <span class="hero-name">{{ hero }}</span> </div> <div class="column value is-centered"> - <talent-image :entry="entry" :size="64"></talent-image> - {{ value }}{{ label }} - <div class="type">{{ type }}</div> + <talent-image v-if="hasTalent" :entry="entry" :size="64"></talent-image> + <span v-else>No Talent</span> + <span>{{ value }}{{ label }}</span> + <span class="type">{{ type }}</span> </div> </div> </div> @@ -62,6 +61,7 @@ <script> import Vue from 'vue'; import TalentImage from './TalentImage.vue'; +import HeroImage from './HeroImage.vue'; import * as maps from './maps/maps'; export default Vue.component('talent-box', { @@ -70,9 +70,13 @@ export default Vue.component('talent-box', { hero: function() { return maps.getHero(this.entry.Actor); }, + hasTalent: function() { + return maps.getTalentRarity(this.entry.Talent) != 'None'; + }, }, components: { TalentImage, + HeroImage, } }); </script> |