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/App.vue        | 12 ++++++------
 src/ReportTile.vue | 41 -----------------------------------------
 src/TalentBox.vue  | 41 +++++++++++++++++++++++++++++++++++++++++
 3 files changed, 47 insertions(+), 47 deletions(-)
 delete mode 100644 src/ReportTile.vue
 create mode 100644 src/TalentBox.vue

(limited to 'src')

diff --git a/src/App.vue b/src/App.vue
index fec4cc0..8affd42 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -18,19 +18,19 @@
             <b-tab-item label="Blitz">
                 <div class="tile is-ancestor">
                   <div class="tile is-parent">
-                      <report-tile class="tile is-child is-warning notification"
+                      <talent-box class="tile is-child is-warning notification"
                                    title="Overpowered!"
                                    :entry="topWins.blitz_pvp_ranked">
                         {{ Math.round(100 * topWins.blitz_pvp_ranked.Winner) }}% Win Rate
-                      </report-tile>
+                      </talent-box>
                  </div>
 
                   <div class="tile is-parent">
-                      <report-tile class="tile is-child is-success notification"
+                      <talent-box class="tile is-child is-success notification"
                                    title="Trending"
                                    :entry="topPicks.blitz_pvp_ranked">
                         {{ (100 * 6 * topPicks.blitz_pvp_ranked.Count / totalPicks.blitz_pvp_ranked).toFixed(2) }}% Pick Rate
-                      </report-tile>
+                      </talent-box>
                   </div>
                 </div>
 
@@ -50,7 +50,7 @@
 <script>
 import report from '../data/98aae7f0/report.json';
 import ReportTable from './ReportTable.vue';
-import ReportTile from './ReportTile.vue';
+import TalentBox from './TalentBox.vue';
 
 const MODES = [
   'casual_aral', 'blitz_pvp_ranked'
@@ -83,7 +83,7 @@ export default {
   },
   components: {
     ReportTable,
-    ReportTile,
+    TalentBox,
   },
 };
 </script>
diff --git a/src/ReportTile.vue b/src/ReportTile.vue
deleted file mode 100644
index 89f46ae..0000000
--- a/src/ReportTile.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<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('report-tile', {
-    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>
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