Doble/LeagueStats
1
0
Fork 0
mirror of https://github.com/vkaelin/LeagueStats.git synced 2026-03-25 21:07:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: sort gamemodes stats by most played and change colors of W/L

Browse source
This commit is contained in:
Valentin Kaelin 2019-11-09 23:24:12 +01:00
parent a87510e998
commit ea6c1b35a3
1 changed files with 17 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
client/src/components/Summoner/SummonerStats.vue
View file

@ -130,9 +130,15 @@
class="w-1/4" class="w-1/4"
>{{ calculateWinrate(league.wins, league.count).winrate|percent }}</div> >{{ calculateWinrate(league.wins, league.count).winrate|percent }}</div>
<div class="w-1/4"> <div class="w-1/4">
<span class="text-green-400 font-bold">{{ league.wins }}</span> <span
:class="winLossColor(league.wins, league.losses).win"
class="font-bold"
>{{ league.wins }}</span>
<span class="mx-1 text-gray-400 font-bold">-</span> <span class="mx-1 text-gray-400 font-bold">-</span>
<span class="text-gray-200 font-bold">{{ league.losses }}</span> <span
:class="winLossColor(league.wins, league.losses).loss"
class="font-bold"
>{{ league.losses }}</span>
</div> </div>
</li> </li>
</ul> </ul>
@ -181,6 +187,15 @@ export default {
return { ...l, ...gameModes[l._id] } return { ...l, ...gameModes[l._id] }
}) })
.filter(l => l.type === typeName) .filter(l => l.type === typeName)
.sort((a, b) => b.count - a.count)
},
winLossColor(win, loss) {
const colors = {
win: 'text-gray-200',
loss: 'text-gray-200'
}
win >= loss ? colors.win = 'text-green-400' : colors.loss = 'text-red-400'
return colors
} }
} }
} }