diff options
| author | itsAhamkara <38540360+itsAhamkara@users.noreply.github.com> | 2018-05-11 22:58:11 -0700 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2018-12-13 16:59:21 +0100 |
| commit | 6db26724b84776762cdec1c78b6311b5a1725707 (patch) | |
| tree | 59ae844d41978ff5e2404943380a60432454db21 /src/BlitzTab.vue | |
| parent | 62ba9406282a84fe2649929632bf534093a9d19e (diff) | |
| download | brokentalents-6db26724b84776762cdec1c78b6311b5a1725707.tar.gz brokentalents-6db26724b84776762cdec1c78b6311b5a1725707.zip | |
New Header and style
Diffstat (limited to 'src/BlitzTab.vue')
| -rw-r--r-- | src/BlitzTab.vue | 37 |
1 files changed, 28 insertions, 9 deletions
diff --git a/src/BlitzTab.vue b/src/BlitzTab.vue index 5d711a2..f8d1b54 100644 --- a/src/BlitzTab.vue +++ b/src/BlitzTab.vue @@ -2,19 +2,36 @@ <div> <div class="tile is-ancestor"> <div class="tile is-parent"> - <talent-box class="tile is-child is-warning notification" - title="Overpowered!" - :entry="topWin"> - {{ Math.round(100 * topWin.Winner) }}% Win Rate - </talent-box> + <talent-box class="tile is-child is-dark notification" + title="Overpowered" + type="Win Rate" + label="%" + :value="Math.round(100 * topWin.Winner)" + :entry="topWin" /> </div> <div class="tile is-parent"> - <talent-box class="tile is-child is-success notification" + <talent-box class="tile is-child is-dark notification" title="Trending" - :entry="topPick"> - {{ (100 * 6 * topPick.Count / totalPicks).toFixed(2) }}% Pick Rate - </talent-box> + type="Pick Rate" + label="%" + :value="(100 * 6 * topPick.Count / totalPicks).toFixed(2)" + :entry="topPick" /> + </div> + + <div class="tile is-parent"> + <talent-box class="tile is-child is-dark notification" + title="Highest Leveled Up" + type="Avg Level" + :value="(highestLevelAvg.Level).toFixed(2)" + :entry="highestLevelAvg" /> + </div> + <div class="tile is-parent"> + <talent-box class="tile is-child is-dark notification" + title="Lowest Leveled Up" + type="Avg Level" + :value="(lowestLevelAvg.Level).toFixed(2)" + :entry="lowestLevelAvg" /> </div> </div> @@ -36,6 +53,8 @@ export default Vue.component('blitz-tab', { topWin: this.reportService.getTopWin('blitz_pvp_ranked'), topPick: this.reportService.getTopPick('blitz_pvp_ranked'), totalPicks: this.reportService.getTotalPicks('blitz_pvp_ranked'), + highestLevelAvg: this.reportService.getHighestLevelAvg('blitz_pvp_ranked'), + lowestLevelAvg: this.reportService.getLowestLevelAvg('blitz_pvp_ranked') }; }, computed: { |