From 3804db142f50ebdf97d5f34b3a2c5b69e153a662 Mon Sep 17 00:00:00 2001 From: Azalea <22280294+hykilpikonna@users.noreply.github.com> Date: Mon, 12 Feb 2024 02:04:25 -0500 Subject: [PATCH] [S] Style UserHome --- AquaNet/src/pages/UserHome.svelte | 206 +++++++++++++++++------------- 1 file changed, 116 insertions(+), 90 deletions(-) diff --git a/AquaNet/src/pages/UserHome.svelte b/AquaNet/src/pages/UserHome.svelte index 81893546..c17890b6 100644 --- a/AquaNet/src/pages/UserHome.svelte +++ b/AquaNet/src/pages/UserHome.svelte @@ -39,107 +39,112 @@ {#if d !== null}
-

{d.user.name}

+

{d.user.name}

-
-
-
-
- DX Rating - {d.user.rating.toLocaleString()} +
+

Scoring Statistics

+
+
+
+
+ DX Rating + {d.user.rating.toLocaleString()} +
+ +
+ Server Rank + #{d.user.serverRank.toLocaleString()} +
-
- Server Rank - #{d.user.serverRank.toLocaleString()} +
+ {return {x: Date.parse(it.date), y: it.rating}}), + borderColor: '#646cff', + tension: 0.1, + + // TODO: Set X axis span to 3 months + } + ] + }} options={CHARTJS_OPT} /> +
+ +
+ {#each d.user.ranks as r} +
+ {r.name} + {r.count} +
+ {/each}
-
- {return {x: Date.parse(it.date), y: it.rating}}), - borderColor: '#646cff', - tension: 0.1, +
+
+ Accuracy + {(d.user.accuracy / 10000).toFixed(2)}% +
- // TODO: Set X axis span to 3 months - } - ] - }} options={CHARTJS_OPT} /> +
+ Max Combo + {d.user.maxCombo} +
+ +
+ Full Combo + {d.user.fullCombo} +
+ +
+ All Perfect + {d.user.allPerfect} +
+ +
+ DX Score + {d.user.totalDxScore.toLocaleString()} +
+
+
+ +
+

Play Activity

+
+
- {#each d.user.ranks as r} -
- {r.name} - {r.count} -
- {/each} -
-
+
+ Plays + {d.user.plays} +
-
-
- Accuracy - {(d.user.accuracy / 10000).toFixed(2)}% -
+
+ Play Time + {(d.user.totalPlayTime / 60 / 60).toFixed(1)} hr +
-
- Max Combo - {d.user.maxCombo} -
+
+ First Seen + {moment(d.user.joined).format("YYYY-MM-DD")} +
-
- Full Combo - {d.user.fullCombo} -
+
+ Last Seen + {moment(d.user.lastSeen).format("YYYY-MM-DD")} +
-
- All Perfect - {d.user.allPerfect} -
- -
- DX Score - {d.user.totalDxScore.toLocaleString()} +
+ Last Version + {d.user.lastVersion} +
- -
-
- -
-
- Plays - {d.user.plays} -
- -
- Play Time - {d.user.totalPlayTime} -
- -
- Joined - {moment(d.user.joined).format("YYYY-MM-DD HH:mm:ss")} -
- -
- Last Seen - {moment(d.user.lastSeen).format("YYYY-MM-DD HH:mm:ss")} -
- -
- Last Version - {d.user.lastVersion} -
-
-
- {:else}

Loading...

{/if} @@ -148,11 +153,28 @@ \ No newline at end of file