sprechtl/RaspberryRocketeer
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

frontend pagination done

Browse source
This commit is contained in:
j-weissen 2023-01-20 08:15:07 +01:00
parent 4f936aaa42
commit e8079f760a
10 changed files with 472 additions and 1333 deletions
Download patch file Download diff file Expand all files Collapse all files

18
frontend/src/App.vue
View file

@ -1,5 +1,5 @@
<template>
<div class="container">
<div class="container everything">
<div class="row">
<Header></Header>
</div>
@ -11,11 +11,11 @@
</Game>
</div>
<div class="row">
<div class="col">
<Leaderboard :title="'Highscore'" :data="higscoreLeaderboard"></Leaderboard>
<div class="col-4">
<Leaderboard :title="'Highscore'" :leaderboard="this.highscoreLeaderboard"></Leaderboard>
</div>
<div class="col">
<Leaderboard :title="'Total Playtime'" :data="totalPlaytimeLeaderboard"></Leaderboard>
<div class="offset-4 col-4">
<Leaderboard :title="'Total Playtime'" :leaderboard="this.totalPlaytimeLeaderboard"></Leaderboard>
</div>
</div>
</div>
@ -42,7 +42,7 @@ export default defineComponent({
data() {
return {
userScores: {},
higscoreLeaderboard: [],
highscoreLeaderboard: [],
totalPlaytimeLeaderboard: [],
userId: 1,
}
@ -61,8 +61,9 @@ export default defineComponent({
},
async created() {
this.userScores = await this.fetchUserScores();
this.higscoreLeaderboard = await this.fetchLeaderboard("highscore")
this.highscoreLeaderboard = await this.fetchLeaderboard("highscore")
this.totalPlaytimeLeaderboard = await this.fetchLeaderboard("totalplaytime")
console.log(this)
}
});
</script>
@ -78,4 +79,7 @@ export default defineComponent({
margin-top:2em;
}
.everything {
margin-bottom: 4em;
}
</style>