diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2018-05-21 21:48:29 +0200 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2018-12-13 16:59:38 +0100 |
| commit | 036077f7706523cf5446dc7169216681b38fa1c2 (patch) | |
| tree | b24e8610cab6e9f14ef898c4e3320679832348b5 /src | |
| parent | 20bd268e408846c9c22d9f72bc4e9b3608c5951c (diff) | |
| download | brokentalents-036077f7706523cf5446dc7169216681b38fa1c2.tar.gz brokentalents-036077f7706523cf5446dc7169216681b38fa1c2.zip | |
Mark very low pick rate in talent table
Diffstat (limited to 'src')
| -rw-r--r-- | src/HeroTalentTable.vue | 10 | ||||
| -rw-r--r-- | src/index.html | 2 |
2 files changed, 8 insertions, 4 deletions
diff --git a/src/HeroTalentTable.vue b/src/HeroTalentTable.vue index fee687e..87d6f50 100644 --- a/src/HeroTalentTable.vue +++ b/src/HeroTalentTable.vue @@ -16,9 +16,10 @@ </b-table-column> <b-table-column field="Winner" label="Win Rate" sortable numeric> - <template v-if="!!props.row.Winner"> - {{ Math.round(100 * props.row.Winner) }}% - </template> + <span class="tag is-warning mdi mdi-gauge-empty mdi-18px" + title="Very low pick rate" + v-if="100 * playersPerMatch * props.row.Count / totalPicks < 0.5"></span> + {{ Math.round(100 * props.row.Winner) }}% </b-table-column> </template> </b-table> @@ -54,6 +55,9 @@ export default Vue.component('hero-talent-table', { .map((entry) => entry.Count) .reduce((agg, cur) => agg + cur, 0); }, + playersPerMatch: function() { + return maps.playersPerMatch(this.selectedMode); + }, }, components: { TalentImage, diff --git a/src/index.html b/src/index.html index f10a15c..3b00cdc 100644 --- a/src/index.html +++ b/src/index.html @@ -21,7 +21,7 @@ gtag('js', new Date()); gtag('config', 'UA-118868480-1'); </script> - <link rel="stylesheet" href="//cdn.materialdesignicons.com/2.0.46/css/materialdesignicons.min.css"> + <link rel="stylesheet" href="//cdn.materialdesignicons.com/2.3.54/css/materialdesignicons.min.css"> <link rel="shortcut icon" type="image/x-icon" href="/dist/assets/TalentGrab_square.jpg"> </head> <body> |