diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2018-05-21 13:42:58 +0200 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2018-12-13 16:59:34 +0100 |
| commit | 30c12345f652999c405ee33d1af16de5a3f59be1 (patch) | |
| tree | dadddc1ba8bc9d81c5e1900c63c9851521d96e65 /src/Highlights.vue | |
| parent | 3bb3449f6f1215ee767f1e0e05c6bf0783e58481 (diff) | |
| download | brokentalents-30c12345f652999c405ee33d1af16de5a3f59be1.tar.gz brokentalents-30c12345f652999c405ee33d1af16de5a3f59be1.zip | |
Add more highlights
Diffstat (limited to 'src/Highlights.vue')
| -rw-r--r-- | src/Highlights.vue | 43 |
1 files changed, 42 insertions, 1 deletions
diff --git a/src/Highlights.vue b/src/Highlights.vue index 022c23d..b98e792 100644 --- a/src/Highlights.vue +++ b/src/Highlights.vue @@ -1,5 +1,5 @@ <template> - <div class="columns is-multiline"> + <div class="columns is-multiline is-mobile"> <div class="column"> <talent-box class="is-dark notification" title="Overpowered" @@ -20,6 +20,15 @@ <div class="column"> <talent-box class="is-dark notification" + title="Hidden Gem" + type="Win Rate" + label="%" + :value="Math.round(100 * stats.topUnpopularWin.Winner)" + :entry="stats.topUnpopularWin" /> + </div> + + <div class="column"> + <talent-box class="is-dark notification" title="Highest Level" type="Average Level" :value="stats.highestLevelAvg.Level.toFixed(2)" @@ -33,6 +42,34 @@ :value="stats.lowestLevelAvg.Level.toFixed(2)" :entry="stats.lowestLevelAvg" /> </div> + + <div class="column"> + <talent-box class="is-dark notification" + title="Best Rare" + type="Win Rate" + label="%" + :value="Math.round(100 * stats.topRareWin.Winner)" + :entry="stats.topRareWin" /> + </div> + + <div class="column"> + <talent-box class="is-dark notification" + title="Best Epic" + type="Win Rate" + label="%" + :value="Math.round(100 * stats.topEpicWin.Winner)" + :entry="stats.topEpicWin" /> + </div> + + <div class="column"> + <talent-box class="is-dark notification" + title="Best Legendary" + type="Win Rate" + label="%" + :value="Math.round(100 * stats.topLegendaryWin.Winner)" + :entry="stats.topLegendaryWin" /> + </div> + </div> </template> @@ -51,9 +88,13 @@ export default Vue.component('highlights', { stats: function() { return { topWin: this.reportService.getTopWin(this.selectedMode), + topUnpopularWin: this.reportService.getTopUnpopularWin(this.selectedMode), topPick: this.reportService.getTopPick(this.selectedMode), totalPicks: this.reportService.getTotalPicks(this.selectedMode), highestLevelAvg: this.reportService.getHighestLevelAvg(this.selectedMode), + topRareWin: this.reportService.getTopRareWins(this.selectedMode), + topEpicWin: this.reportService.getTopEpicWins(this.selectedMode), + topLegendaryWin: this.reportService.getTopLegendaryWins(this.selectedMode), lowestLevelAvg: this.reportService.getLowestLevelAvg(this.selectedMode), }; }, |