diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2018-05-11 19:29:23 +0200 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2018-12-13 16:59:19 +0100 |
| commit | 76c494dc87f8fe703ab48ae57c98dbbbd78c4c2d (patch) | |
| tree | 16c37d5b03e9582787c9d669522de87219982290 /src/TalentBox.vue | |
| parent | d4174247609bc3f95fbc7c809a9090458a490269 (diff) | |
| download | brokentalents-76c494dc87f8fe703ab48ae57c98dbbbd78c4c2d.tar.gz brokentalents-76c494dc87f8fe703ab48ae57c98dbbbd78c4c2d.zip | |
rename ReportTile -> TalentBox
Diffstat (limited to 'src/TalentBox.vue')
| -rw-r--r-- | src/TalentBox.vue | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/src/TalentBox.vue b/src/TalentBox.vue new file mode 100644 index 0000000..eb6b4a8 --- /dev/null +++ b/src/TalentBox.vue @@ -0,0 +1,41 @@ +<template> + <div class="box"> + <p class="title">{{ title }}</p> + <article class="media"> + <div class="media-left"> + <figure class="image is-64x64"> + <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 + '_' + rarity + '.png'" :alt="hero + ' ' + rarity"> + </figure> + </div> + <div class="media-content"> + <div class="content"> + <slot></slot> + </div> + </div> + </article> + </div> +</template> + +<script> +import Vue from 'vue'; +import * as maps from './maps/maps'; + +export default Vue.component('talent-box', { + props: [ 'title', 'content', 'entry' ], + data: function() { + return { + }; + }, + computed: { + hero: function() { + return maps.getHero(this.entry.Actor); + }, + rarity: function() { + return maps.getTalentRarity(this.entry.Talent); + }, + }, +}); +</script> |