From 81c89bce3cfb25fe31098449789910843b43bf64 Mon Sep 17 00:00:00 2001
From: schneefux <schneefux+commit@schneefux.xyz>
Date: Fri, 13 Jul 2018 13:05:48 +0200
Subject: HeroTalentTable: Show for non Brawl

---
 src/HeroTalentTable.vue | 16 ++++++++++++----
 src/ModeTab.vue         |  2 +-
 2 files changed, 13 insertions(+), 5 deletions(-)

(limited to 'src')

diff --git a/src/HeroTalentTable.vue b/src/HeroTalentTable.vue
index c4a1c5f..d49ff19 100644
--- a/src/HeroTalentTable.vue
+++ b/src/HeroTalentTable.vue
@@ -1,10 +1,15 @@
 <template>
   <div class="box">
-    <div style="display: flex; align-items: center; justify-content: space-between;">
-      <hero-image :actor="selectedActor" class="is-64x64"></hero-image>
+    <div class="columns is-mobile">
+      <div class="column is-one-quarter">
+        <hero-image :actor="selectedActor" class="is-64x64"></hero-image>
+      </div>
+      <div class="column has-text-centered">{{ (100 * heroReport[0].Winner).toFixed(0) }}% Win&nbsp;Rate</div>
+      <div class="column has-text-centered">{{ (100 * totalHeroPicks / totalPicks * playersPerMatch).toFixed(0) }}% Pick&nbsp;Rate</div>
     </div>
 
-    <b-table :data="heroReport"
+    <b-table v-show="hasTalents"
+             :data="heroReport"
              :mobile-cards="false">
       <template slot-scope="props" slot="header">
         <b-tooltip :active="!!props.column.meta" :label="props.column.meta || ''" position="is-bottom" dashed>
@@ -19,7 +24,7 @@
 
         <b-table-column field="TalentWinrateBase" label="Level 1 Win Rate" meta="Estimated." sortable numeric>
           <template v-if="isNaN(props.row.TalentWinrateBase)">
-            {{ (100 * props.row.Winner).toFixed(2) }}% <!-- No Talent -->
+            {{ (100 * props.row.Winner).toFixed(0) }}% <!-- No Talent -->
           </template>
           <template v-else>
             {{ (100 * props.row.TalentWinrateBase).toFixed(0) }}%
@@ -56,6 +61,9 @@ export default Vue.component('hero-talent-table', {
     };
   },
   computed: {
+    hasTalents: function() {
+      return maps.hasTalents(this.selectedMode);
+    },
     totalPicks: function() {
       return ReportService.getTotalPicks(this.selectedMode);
     },
diff --git a/src/ModeTab.vue b/src/ModeTab.vue
index 1e1b686..0a905c8 100644
--- a/src/ModeTab.vue
+++ b/src/ModeTab.vue
@@ -21,7 +21,7 @@
       data-ad-slot="3898218968">
     </Adsense>
 
-    <div class="columns is-multiline" v-if="hasTalents">
+    <div class="columns is-multiline">
       <div class="column is-two-thirds">
         <h2 class="title is-2">Individual Hero Statistics</h2>
         <h3 class="subtitle">Select a Hero</h3>
-- 
cgit v1.3.1