AquaDX/AquaNet/src/pages/Ranking.svelte

37 lines
862 B
Svelte
Raw Normal View History

2024-02-29 13:55:46 +08:00
<script lang="ts">
import {CHARTJS_OPT, clz, registerChart, renderCal, title} from "../libs/ui";
import { DATA, GAME } from "../libs/sdk";
import type { GenericRanking } from "../libs/generalTypes";
title(`Ranking`)
let d: {
user: GenericRanking
} | null = null
Promise.all([
GAME.ranking('mai2')
]).then(([user]) => {
console.log(user)
d = {user}
localStorage.setItem("tmp-ranking-details", JSON.stringify(d))
})
</script>
<main class="content">
<h2>Global Leaderboard</h2>
{#if d !== null}
{#each d.user as user}
<p>{user.rank}</p>
<h4>{user.name}</h4>
<h4>{(user.accuracy / 1).toFixed(2)}%</h4>
<h4>{user.rating}</h4>
<h4>{user.fullCombo}</h4>
<h4>{user.allPerfect}</h4>
<hr style="width:70vw">
{/each}
{:else}
<p>Please Wait...</p>
{/if}
</main>