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

feat: add more stats in recent activity

Browse source
This commit is contained in:
Valentin Kaelin 2022-02-17 00:37:28 +01:00
parent 239bcfb82e
commit 09621f100e
3 changed files with 36 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
client/src/components/Summoner/RecentActivity.vue
View file

@ -41,11 +41,25 @@
/>
</template>
<template #default>
<div class="px-2 text-xs text-center text-white">
<div>{{ day.date }}</div>
<div class="px-2 text-xs text-center text-blue-200 leading-5">
<div>
<span class="font-bold text-teal-400">{{ day.matches }}</span> game(s)
<span class="text-white font-semibold">{{ day.date }}</span>
<span>: </span>
<span class="font-bold text-teal-400">{{ day.matches }}</span>
<span> {{ day.matches > 1 ? 'games' : 'game' }}</span>
</div>
<template v-if="day.matches > 0">
<div>
<span>time played: </span>
<span class="font-semibold text-white">{{ day.time|secToHours }}</span>
</div>
<div>
<span>record: </span>
<span class="font-bold text-green-400">{{ day.wins }}</span>
<span> - </span>
<span class="font-bold text-red-400">{{ day.losses }}</span>
</div>
</template>
</div>
</template>
</Tooltip>
@ -106,7 +120,10 @@ export default {
this.gridDays.push({
date: formattedDay,
time: 0,
matches: 0,
wins: 0,
losses: 0,
day: day.toLocaleString('en', { weekday: 'long' }).substring(0, 2),
month: day.toLocaleString('en', { month: 'long' }).substring(0, 3)
})
@ -124,7 +141,10 @@ export default {
e => e.date === formattedTime
)
if (dayOfTheMatch.length > 0) {
dayOfTheMatch[0].matches = match.count
dayOfTheMatch[0].time = match.time
dayOfTheMatch[0].matches = match.wins + match.losses
dayOfTheMatch[0].wins = match.wins
dayOfTheMatch[0].losses = match.losses
}
}

9
client/src/main.js
View file

@ -40,6 +40,15 @@ Vue.filter('secToTime', (sec, dotNotation = false) => {
return dotNotation ? `${min}:${newSec}` : `${min}m${newSec}s`
})
Vue.filter('secToHours', (sec) => {
if (isNaN(sec)) return 0
const h = Math.floor(sec / 3600)
const m = Math.floor((sec % 3600) / 60)
return h ? `${h}h ${m}m` : `${m}m`
})
Vue.filter('percent', (value) => {
return `${+value.toFixed(1)}%`
})

4
server/app/Repositories/MatchRepository.ts
View file

@ -84,7 +84,9 @@ class MatchRepository {
const query = `
SELECT
to_timestamp(matches.date/1000)::date as day,
COUNT(match_players.id) as count
SUM(matches.game_duration) as time,
COALESCE(SUM(match_players.win), 0) as wins,
COALESCE(SUM(match_players.loss), 0) as losses
FROM
match_players
${this.JOIN_MATCHES}