iamBadgers/RushStatistics
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add event and fix counts. Add game type pie chart.

Browse Source
This commit is contained in:
iamBadgers
2024-05-24 14:02:23 -07:00
parent 1d28b90e76
commit 32f5a7a1af
3 changed files with 47 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
backend/src/app.ts
View File

@@ -36,8 +36,8 @@ app.post('/api/serverstats/gamestats', jsonParser, async (req, res) => {
'SUM(CASE WHEN status = "Complete" THEN 1 ELSE 0 END) as Complete, ' + 'SUM(CASE WHEN status = "Complete" THEN 1 ELSE 0 END) as Complete, ' +
'SUM(CASE WHEN status = "Postponed" THEN 1 ELSE 0 END) as Postponed, ' + 'SUM(CASE WHEN status = "Postponed" THEN 1 ELSE 0 END) as Postponed, ' +
'SUM(CASE WHEN status = "Pending" THEN 1 ELSE 0 END) as Pending, ' + 'SUM(CASE WHEN status = "Pending" THEN 1 ELSE 0 END) as Pending, ' +
'SUM(event) as Events, ' + 'SUM(CASE WHEN event = "TRUE" THEN 1 ELSE 0 END) as Events, ' +
'SUM(fix) as Fixes, ' + 'SUM(CASE WHEN fix = "TRUE" THEN 1 ELSE 0 END) as Fixes, ' +
'SUM(payoutEB) as TotalEB, ' + 'SUM(payoutEB) as TotalEB, ' +
'SUM(payoutIP) as TotalIP, ' + 'SUM(payoutIP) as TotalIP, ' +
'SUM(payoutEB) / SUM(CASE WHEN status = "Complete" THEN 1 ELSE 0 END) as AverageEB, ' + 'SUM(payoutEB) / SUM(CASE WHEN status = "Complete" THEN 1 ELSE 0 END) as AverageEB, ' +

1
frontend/src/App.vue
View File

@@ -5,7 +5,6 @@
<v-btn to="/serverstats">Server Stats</v-btn> <v-btn to="/serverstats">Server Stats</v-btn>
<v-btn to="/games">Games</v-btn> <v-btn to="/games">Games</v-btn>
<v-btn to="/characters">Characters</v-btn> <v-btn to="/characters">Characters</v-btn>
<v-btn to="/gms">GMs</v-btn>
</v-app-bar> </v-app-bar>
<router-view /> <router-view />
</v-main> </v-main>

50
frontend/src/vues/ServerStats.vue
View File

@@ -11,6 +11,10 @@
<v-label class="title">Postponed Games</v-label> <v-label class="title">Postponed Games</v-label>
<v-label>{{ gameStats.Postponed }}</v-label> <v-label>{{ gameStats.Postponed }}</v-label>
</div> </div>
<div class="d-flex flex-column">
<v-label class="title">Events / Fixes</v-label>
<v-label>{{ gameStats.Events }} / {{ gameStats.Fixes }}</v-label>
</div>
<div class="d-flex flex-column"> <div class="d-flex flex-column">
<v-label class="title">Total / Average EB</v-label> <v-label class="title">Total / Average EB</v-label>
<v-label <v-label
@@ -29,19 +33,21 @@
<thead> <thead>
<tr> <tr>
<th class="text-left">Role</th> <th class="text-left">Role</th>
<th class="text-center">Characters</th> <th class="text-left">Active</th>
<th class="text-center">App Count</th> <th class="text-left">App Count</th>
<th class="text-center">Games Played</th> <th class="text-left">Games Played</th>
<th class="text-center">% Games With Role</th> <th class="text-left">Pick Rate %</th>
<th class="text-left">% Games With Role</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="(roleStat, roleName) in roleStats"> <tr v-for="(roleStat, roleName) in roleStats">
<td>{{ roleName }}</td> <td>{{ roleName }}</td>
<td class="text-center">{{ roleStat.active }}</td> <td class="text-left">{{ roleStat.active }}</td>
<td class="text-center">{{ roleStat.apps }}</td> <td class="text-left">{{ roleStat.apps }}</td>
<td class="text-center">{{ roleStat.picks }}</td> <td class="text-left">{{ roleStat.picks }}</td>
<td class="text-center"> <td class="text-left">{{ Math.floor((roleStat.picks / roleStat.apps) * 100) }}%</td>
<td class="text-left">
{{ Math.floor((roleStat.picks / gameStats.Complete) * 100) }}% {{ Math.floor((roleStat.picks / gameStats.Complete) * 100) }}%
</td> </td>
</tr> </tr>
@@ -94,12 +100,13 @@ const dateSelect = ref(-1)
const dateItems = buildDateItems() const dateItems = buildDateItems()
const chartSelect = ref("active") const chartSelect = ref('active')
const chartItems = [ const chartItems = [
{title: "Active Characters", value: "active"}, { title: 'Game Types', value: 'gametypes' },
{title: "Role Picks", value: "picks"}, { title: 'Active Characters', value: 'active' },
{title: "Role Applications", value: "apps"} { title: 'Role Picks', value: 'picks' },
{ title: 'Role Applications', value: 'apps' }
] ]
const gameStats = ref({}) const gameStats = ref({})
@@ -146,6 +153,23 @@ function dateToMonthId(date: Date) {
} }
function updateChart(stats, tag) { function updateChart(stats, tag) {
if (tag === 'gametypes') {
chart.data = {
labels: ['Standard', 'Postponed', 'Pending', 'Event', 'Fix'],
datasets: [
{
label: 'Game Type',
data: [
gameStats.value.Complete - gameStats.value.Events - gameStats.value.Fixes,
gameStats.value.Postponed,
gameStats.value.Pending,
gameStats.value.Events,
gameStats.value.Fixes
]
}
]
}
} else {
chart.data = { chart.data = {
labels: Object.keys(stats), labels: Object.keys(stats),
datasets: [ datasets: [
@@ -155,6 +179,7 @@ function updateChart(stats, tag) {
} }
] ]
} }
}
chart.update() chart.update()
} }
@@ -167,7 +192,6 @@ watch(roleStats, async (newValue, oldValue) => {
}) })
watch(chartSelect, async (newValue, oldValue) => { watch(chartSelect, async (newValue, oldValue) => {
updateChart(roleStats.value, newValue) updateChart(roleStats.value, newValue)
}) })