From 6db26724b84776762cdec1c78b6311b5a1725707 Mon Sep 17 00:00:00 2001
From: itsAhamkara <38540360+itsAhamkara@users.noreply.github.com>
Date: Fri, 11 May 2018 22:58:11 -0700
Subject: New Header and style

---
 src/ReportTable.vue | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

(limited to 'src/ReportTable.vue')

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

