diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2018-05-11 19:38:03 +0200 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2018-12-13 16:59:20 +0100 |
| commit | 33a386d58d8d4e78d9e370b159c286da2a47d6cd (patch) | |
| tree | 04f80d98289bd5e661a6ee35b8b959602249e94c /src/App.vue | |
| parent | 76c494dc87f8fe703ab48ae57c98dbbbd78c4c2d (diff) | |
| download | brokentalents-33a386d58d8d4e78d9e370b159c286da2a47d6cd.tar.gz brokentalents-33a386d58d8d4e78d9e370b159c286da2a47d6cd.zip | |
improve formatting
Diffstat (limited to 'src/App.vue')
| -rw-r--r-- | src/App.vue | 66 |
1 files changed, 30 insertions, 36 deletions
diff --git a/src/App.vue b/src/App.vue index 8affd42..a994a01 100644 --- a/src/App.vue +++ b/src/App.vue @@ -3,47 +3,41 @@ <section class="hero"> <div class="hero-body"> <div class="container"> - <h1 class="title"> - Vainglory Broken Talents Fun Statistics - </h1> - <h2 class="subtitle"> - Tilting Brawlers since May 2017 - </h2> + <h1 class="title">Vainglory Broken Talents Fun Statistics</h1> + <h2 class="subtitle">Tilting Brawlers since May 2017</h2> </div> </div> </section> - <section> - <b-tabs v-model="activeTab"> - <b-tab-item label="Blitz"> - <div class="tile is-ancestor"> - <div class="tile is-parent"> - <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 - </talent-box> - </div> + <b-tabs v-model="activeTab"> + <b-tab-item label="Blitz"> + <div class="tile is-ancestor"> + <div class="tile is-parent"> + <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 + </talent-box> + </div> - <div class="tile is-parent"> - <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 - </talent-box> - </div> - </div> + <div class="tile is-parent"> + <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 + </talent-box> + </div> + </div> - <h2 class="title is-2">Blitz Hero Statistics</h2> - <report-table :report="reports.blitz_pvp_ranked" :totalPicks="totalPicks.blitz_pvp_ranked"></report-table> - </b-tab-item> + <h2 class="title is-2">Blitz Hero Statistics</h2> + <report-table :report="reports.blitz_pvp_ranked" :totalPicks="totalPicks.blitz_pvp_ranked"></report-table> + </b-tab-item> - <b-tab-item label="Battle Royale"> - <h2 class="title is-2">Battle Royale Hero Statistics</h2> - <report-table :report="reports.casual_aral" :totalPicks="totalPicks.casual_aral"></report-table> - </b-tab-item> - </b-tabs> - </section> + <b-tab-item label="Battle Royale"> + <h2 class="title is-2">Battle Royale Hero Statistics</h2> + <report-table :report="reports.casual_aral" :totalPicks="totalPicks.casual_aral"></report-table> + </b-tab-item> + </b-tabs> </div> </template> @@ -66,8 +60,8 @@ for(let mode of MODES) { totalPicks[mode] = report.map((entry) => entry.Count).reduce((agg, cur) => agg + cur, 0); topPicks[mode] = reports[mode].sort((entry1, entry2) => entry2.Count - entry1.Count)[0]; topWins[mode] = reports[mode] - .filter((entry) => 100 * 6 * entry.Count / totalPicks[mode] > 0.05) - .sort((entry1, entry2) => entry2.Winner - entry1.Winner)[0]; + .filter((entry) => 100 * 6 * entry.Count / totalPicks[mode] > 0.05) + .sort((entry1, entry2) => entry2.Winner - entry1.Winner)[0]; } export default { |