From 5ff79f5ee1ba4c16fc9cc5f9edb7fb41aaf859eb Mon Sep 17 00:00:00 2001
From: Galexion <Voltaire577@gmail.com>
Date: Thu, 29 Feb 2024 00:55:46 -0500
Subject: [PATCH 1/2] Leaderboard Rough Draft

---
 AquaNet/src/App.svelte           |  4 +++-
 AquaNet/src/libs/generalTypes.ts | 10 +++++++++
 AquaNet/src/libs/sdk.ts          |  3 +++
 AquaNet/src/pages/Ranking.svelte | 37 ++++++++++++++++++++++++++++++++
 4 files changed, 53 insertions(+), 1 deletion(-)
 create mode 100644 AquaNet/src/pages/Ranking.svelte

diff --git a/AquaNet/src/App.svelte b/AquaNet/src/App.svelte
index 4a00ba6d..0963c69b 100644
--- a/AquaNet/src/App.svelte
+++ b/AquaNet/src/App.svelte
@@ -5,6 +5,7 @@
   import UserHome from "./pages/UserHome.svelte";
   import Icon from '@iconify/svelte';
   import Home from "./pages/Home.svelte";
+  import Ranking from "./pages/Ranking.svelte";
   import { USER } from "./libs/sdk";
 
   export let url = "";
@@ -21,13 +22,14 @@
   {/if}
   <a href="/home">home</a>
   <div>maps</div>
-  <div>rankings</div>
+  <a href="/ranking">rankings</a>
   <div><Icon icon="tabler:search" /></div>
 </nav>
 
 <Router {url}>
   <Route path="/" component={Welcome} />
   <Route path="/home" component={Home} />
+  <Route path="/ranking" component={Ranking} />
   <Route path="/u/:username" component={UserHome} />
   <Route path="/u/:username/:game" component={UserHome} />
   <Route path="/u/:username/:game/rating" component={MaimaiRating} />
diff --git a/AquaNet/src/libs/generalTypes.ts b/AquaNet/src/libs/generalTypes.ts
index e82b65ee..6d01bac7 100644
--- a/AquaNet/src/libs/generalTypes.ts
+++ b/AquaNet/src/libs/generalTypes.ts
@@ -62,6 +62,16 @@ export interface GenericGamePlaylog {
   beforeRating: number
 }
 
+export interface GenericRanking {
+  name: string
+  rank: number
+  accuracy: number
+  rating: number
+  fullCombo: number
+  allPerfect: number
+  lastSeen: string
+}
+
 export interface RankCount {
   name: string
   count: number
diff --git a/AquaNet/src/libs/sdk.ts b/AquaNet/src/libs/sdk.ts
index d40203cc..46e8cb46 100644
--- a/AquaNet/src/libs/sdk.ts
+++ b/AquaNet/src/libs/sdk.ts
@@ -119,6 +119,9 @@ export const GAME = {
     post(`/api/v2/game/${game}/trend`, { username }),
   userSummary: (username: string, game: GameName): Promise<GenericGameSummary> =>
     post(`/api/v2/game/${game}/user-summary`, { username }),
+  ranking: (game: GameName): Promise<GenericGameSummary> =>
+      post(`/api/v2/game/${game}/ranking`, { }),
+
 }
 
 export const DATA = {
diff --git a/AquaNet/src/pages/Ranking.svelte b/AquaNet/src/pages/Ranking.svelte
new file mode 100644
index 00000000..7e31bb3d
--- /dev/null
+++ b/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>
\ No newline at end of file

From d20a762dd8eccee9286c74f86f7247698607f97f Mon Sep 17 00:00:00 2001
From: Galexion <Voltaire577@gmail.com>
Date: Thu, 29 Feb 2024 01:05:07 -0500
Subject: [PATCH 2/2] AquaNet Ranking Page: Dived and classed instead

---
 AquaNet/src/pages/Ranking.svelte | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/AquaNet/src/pages/Ranking.svelte b/AquaNet/src/pages/Ranking.svelte
index 7e31bb3d..7a64a204 100644
--- a/AquaNet/src/pages/Ranking.svelte
+++ b/AquaNet/src/pages/Ranking.svelte
@@ -23,13 +23,14 @@
 
     {#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">
+    <div class="lb-placement">
+        <p class="placement-rank">{user.rank}</p>
+        <h4 class="placement-name">{user.name}</h4>
+        <h4 class="placement-accuracy">{(user.accuracy / 1).toFixed(2)}%</h4>
+        <h4 class="placement-rating">{user.rating}</h4>
+        <h4 class="placement-full-combo">{user.fullCombo}</h4>
+        <h4 class="placement-all-perfect">{user.allPerfect}</h4>
+    </div>
     {/each}
     {:else}
     <p>Please Wait...</p>