Leaderboard Rough Draft

AquaNet/src/pages/Ranking.svelte

@@ -0,0 +1,37 @@
+<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>