From 76c494dc87f8fe703ab48ae57c98dbbbd78c4c2d Mon Sep 17 00:00:00 2001
From: schneefux <schneefux+commit@schneefux.xyz>
Date: Fri, 11 May 2018 19:29:23 +0200
Subject: rename ReportTile -> TalentBox

---
 src/TalentBox.vue | 41 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 src/TalentBox.vue

(limited to 'src/TalentBox.vue')

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>
-- 
cgit v1.3.1

