From ed1ed6cbe9571d65c2160291585cd1107dc48139 Mon Sep 17 00:00:00 2001
From: Azalea <22280294+hykilpikonna@users.noreply.github.com>
Date: Thu, 14 Mar 2024 22:41:23 -0400
Subject: [PATCH] [+] Leaderboard i18n

---
 AquaNet/src/libs/i18n.ts         |  1 +
 AquaNet/src/libs/i18n/en_ref.ts  | 11 ++++++++++-
 AquaNet/src/libs/i18n/zh.ts      | 13 +++++++++++--
 AquaNet/src/pages/Ranking.svelte | 13 +++++++------
 4 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/AquaNet/src/libs/i18n.ts b/AquaNet/src/libs/i18n.ts
index 7fccba09..0b29498d 100644
--- a/AquaNet/src/libs/i18n.ts
+++ b/AquaNet/src/libs/i18n.ts
@@ -23,6 +23,7 @@ export function t(key: keyof LocalizedMessages, variables?: { [index: string]: a
   }
   return msgs[lang][key]
 }
+Object.assign(window, { t })
 
 export const GAME_TITLE: { [key in GameName]: string } =
   {chu3: t("game.chu3"), mai2: t("game.mai2"), ongeki: t("game.ongeki")}
diff --git a/AquaNet/src/libs/i18n/en_ref.ts b/AquaNet/src/libs/i18n/en_ref.ts
index f5a12223..acd98307 100644
--- a/AquaNet/src/libs/i18n/en_ref.ts
+++ b/AquaNet/src/libs/i18n/en_ref.ts
@@ -43,12 +43,21 @@ export const EN_REF_Welcome = {
   'welcome.verification-failed': 'Verification failed: ${message}. Please try again.',
 }
 
+export const EN_REF_LEADERBOARD = {
+  'Leaderboard.Title': 'Server Leaderboard',
+  'Leaderboard.Rank': 'Rank',
+  'Leaderboard.Rating': 'Rating',
+  'Leaderboard.Accuracy': 'Accuracy',
+  'Leaderboard.FC': 'FC',
+  'Leaderboard.AP': 'AP',
+}
+
 export const EN_REF_GENERAL = {
   'game.mai2': "Mai",
   'game.chu3': "Chuni",
   'game.ongeki': "Ongeki",
 }
 
-export const EN_REF = { ...EN_REF_USER, ...EN_REF_Welcome, ...EN_REF_GENERAL }
+export const EN_REF = { ...EN_REF_USER, ...EN_REF_Welcome, ...EN_REF_GENERAL, ...EN_REF_LEADERBOARD }
 
 export type LocalizedMessages = typeof EN_REF
diff --git a/AquaNet/src/libs/i18n/zh.ts b/AquaNet/src/libs/i18n/zh.ts
index bd4169a6..e7ef3b89 100644
--- a/AquaNet/src/libs/i18n/zh.ts
+++ b/AquaNet/src/libs/i18n/zh.ts
@@ -1,4 +1,4 @@
-import { EN_REF_GENERAL, EN_REF_USER, type EN_REF_Welcome } from "./en_ref";
+import { EN_REF_GENERAL, EN_REF_LEADERBOARD, EN_REF_USER, type EN_REF_Welcome } from "./en_ref";
 
 const zhUser: typeof EN_REF_USER = {
   'UserHome.ServerRank': '服务器排名',
@@ -45,10 +45,19 @@ const zhWelcome: typeof EN_REF_Welcome = {
   'welcome.verification-failed': '验证失败：${message}。请重试',
 }
 
+const zhLeaderboard: typeof EN_REF_LEADERBOARD = {
+  'Leaderboard.Title': '排行榜',
+  'Leaderboard.Rank': '排名',
+  'Leaderboard.Rating': '评分',
+  'Leaderboard.Accuracy': '准确率',
+  'Leaderboard.FC': 'FC',
+  'Leaderboard.AP': 'AP',
+}
+
 const zhGeneral: typeof EN_REF_GENERAL = {
   'game.mai2': "舞萌",
   'game.chu3': "中二",
   'game.ongeki': "音击",
 }
 
-export const ZH = { ...zhUser, ...zhWelcome, ...zhGeneral }
+export const ZH = { ...zhUser, ...zhWelcome, ...zhGeneral, ...zhLeaderboard }
diff --git a/AquaNet/src/pages/Ranking.svelte b/AquaNet/src/pages/Ranking.svelte
index 7c5d14fc..d15f78f2 100644
--- a/AquaNet/src/pages/Ranking.svelte
+++ b/AquaNet/src/pages/Ranking.svelte
@@ -5,6 +5,7 @@
   import StatusOverlays from "../components/StatusOverlays.svelte";
   import type { GameName } from "../libs/scoring";
   import { GAME_TITLE } from "../libs/i18n";
+  import { t } from "../libs/i18n";
 
   export let game: GameName = 'mai2';
 
@@ -22,7 +23,7 @@
 
 <main class="content leaderboard">
   <div class="outer-title-options">
-    <h2>Global Leaderboard</h2>
+    <h2>{t("Leaderboard.Title")}</h2>
     <nav>
       {#each Object.entries(GAME_TITLE) as [k, v]}
         <a href="/ranking/{k}" class:active={k === game}>{v}</a>
@@ -33,12 +34,12 @@
   {#if d}
     <div class="leaderboard-container">
       <div class="lb-user">
-        <span class="rank">Rank</span>
+        <span class="rank">{t("Leaderboard.Rank")}</span>
         <span class="name"></span>
-        <span class="rating">Rating</span>
-        <span class="accuracy">Accuracy</span>
-        <span class="fc">FC</span>
-        <span class="ap">AP</span>
+        <span class="rating">{t("Leaderboard.Rating")}</span>
+        <span class="accuracy">{t("Leaderboard.Accuracy")}</span>
+        <span class="fc">{t("Leaderboard.FC")}</span>
+        <span class="ap">{t("Leaderboard.AP")}</span>
       </div>
       {#each d.users as user, i (user.rank)}
         <div class="lb-user" class:alternate={i % 2 === 1}>