From 66f9d3b3323475b09618733ca6bcb2db67622cd4 Mon Sep 17 00:00:00 2001
From: Mark Joshwel <mark@joshwel.co>
Date: Tue, 19 Nov 2024 11:26:23 +0800
Subject: [PATCH] game: add LeaderboardEntry.uxml

following https://docs.unity3d.com/2022.3/Documentation/Manual/UIE-HowTo-CreateRuntimeUI.html
---
 ColourMeOKGame/Assets/UI/GameUI.uss           | 29 +++++++++++++++++++
 ColourMeOKGame/Assets/UI/GameUI.uxml          | 18 ++++++++++--
 .../Assets/UI/LeaderboardEntry.uxml           |  8 +++++
 .../Assets/UI/LeaderboardEntry.uxml.meta      |  3 ++
 4 files changed, 55 insertions(+), 3 deletions(-)
 create mode 100644 ColourMeOKGame/Assets/UI/LeaderboardEntry.uxml
 create mode 100644 ColourMeOKGame/Assets/UI/LeaderboardEntry.uxml.meta

diff --git a/ColourMeOKGame/Assets/UI/GameUI.uss b/ColourMeOKGame/Assets/UI/GameUI.uss
index f534f4a..791e902 100644
--- a/ColourMeOKGame/Assets/UI/GameUI.uss
+++ b/ColourMeOKGame/Assets/UI/GameUI.uss
@@ -124,3 +124,32 @@ #AccountButtons > Button {
     padding: 0;
     margin: 0;
 }
+
+#LeaderboardEntry Label,
+#LeaderboardEntryReference Label,
+#LeaderboardEntryHeader Label
+{
+    margin: 0;
+    padding: 0;
+    font-size: 26px;
+}
+
+#LeaderboardEntry,
+#LeaderboardEntryReference,
+#LeaderboardEntryHeader {
+    padding-top: 1.15%;
+    padding-bottom: 1.15%;
+    border-left-color: rgb(15, 13, 27);
+    border-right-color: rgb(15, 13, 27);
+    border-top-color: rgb(15, 13, 27);
+    border-bottom-color: rgb(15, 13, 27);
+    border-bottom-width: 1px;
+    flex-direction: row;
+    flex-shrink: 0;
+    flex-grow: 0;
+}
+
+#LeaderboardEntryHeader
+{
+    border-top-width: 1px;
+}
diff --git a/ColourMeOKGame/Assets/UI/GameUI.uxml b/ColourMeOKGame/Assets/UI/GameUI.uxml
index 88b625e..00cc0cd 100644
--- a/ColourMeOKGame/Assets/UI/GameUI.uxml
+++ b/ColourMeOKGame/Assets/UI/GameUI.uxml
@@ -106,11 +106,23 @@
                 </ui:VisualElement>
                 <ui:Label tabindex="-1" text="Over n rounds,&#10;you were 100.00% accurate.&#10;&#10;Lightness was 100.00% accurate. (+100.00% from your average)&#10;Chroma was 100.00% accurate. (+100.00% from your average)&#10;Hue was 100.00% accurate. (+100.00% from your average)&#10;&#10;Your RATING has increased by 100.00%." parse-escape-sequences="true" display-tooltip-when-elided="true" name="ResultsText" style="flex-grow: 0; margin-top: 2%; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0;" />
             </ui:VisualElement>
-            <ui:VisualElement name="LeaderboardView" style="flex-grow: 1; display: none; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 3.25%; margin-right: 3.25%; margin-bottom: 3.25%; margin-left: 3.25%; flex-direction: column; justify-content: space-between;">
+            <ui:VisualElement name="LeaderboardView" style="flex-grow: 1; display: flex; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 3.25%; margin-right: 3.25%; margin-bottom: 3.25%; margin-left: 3.25%; flex-direction: column; justify-content: space-between;">
                 <ui:Label tabindex="-1" text="Leaderboard" parse-escape-sequences="true" display-tooltip-when-elided="true" name="LeaderboardHeader" style="font-size: 58px; -unity-font-style: normal;" />
-                <ui:ListView name="LeaderboardListView" />
+                <ui:VisualElement name="Deliberate" style="flex-grow: 0; display: flex;">
+                    <ui:VisualElement name="LeaderboardEntryHeader">
+                        <ui:Label tabindex="-1" text="Rank" parse-escape-sequences="true" display-tooltip-when-elided="true" name="EntryRankPosition" style="white-space: nowrap; width: 10%;" />
+                        <ui:Label tabindex="-1" text="Username" parse-escape-sequences="true" display-tooltip-when-elided="true" name="EntryNameText" style="white-space: nowrap; width: 70%;" />
+                        <ui:Label tabindex="-1" text="Rating" parse-escape-sequences="true" display-tooltip-when-elided="true" name="EntryRatingText" style="white-space: nowrap; width: 20%; -unity-text-align: upper-right;" />
+                    </ui:VisualElement>
+                    <ui:VisualElement name="LeaderboardEntryReference" style="display: flex;">
+                        <ui:Label tabindex="-1" text="#1" parse-escape-sequences="true" display-tooltip-when-elided="true" name="EntryRankPosition" style="white-space: nowrap; width: 10%;" />
+                        <ui:Label tabindex="-1" text="Jitomi Monoe" parse-escape-sequences="true" display-tooltip-when-elided="true" name="EntryNameText" style="white-space: nowrap; width: 70%;" />
+                        <ui:Label tabindex="-1" text="000.000" parse-escape-sequences="true" display-tooltip-when-elided="true" name="EntryRatingText" style="white-space: nowrap; width: 20%; -unity-text-align: upper-right;" />
+                    </ui:VisualElement>
+                </ui:VisualElement>
+                <ui:ListView name="LeaderboardListView" style="display: none; visibility: visible;" />
             </ui:VisualElement>
-            <ui:VisualElement name="AccountView" style="flex-grow: 1; display: flex; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 3.25%; margin-right: 3.25%; margin-bottom: 3.25%; margin-left: 3.25%; flex-direction: column; justify-content: space-between;">
+            <ui:VisualElement name="AccountView" style="flex-grow: 1; display: none; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 3.25%; margin-right: 3.25%; margin-bottom: 3.25%; margin-left: 3.25%; flex-direction: column; justify-content: space-between;">
                 <ui:Label tabindex="-1" text="You are not signed in." parse-escape-sequences="true" display-tooltip-when-elided="true" name="AccountHeader" style="font-size: 58px; -unity-font-style: normal;" />
                 <ui:VisualElement name="AccountFields" style="flex-grow: 0;">
                     <ui:VisualElement name="UsernameContainer" style="flex-grow: 1; flex-direction: row; justify-content: space-between;">
diff --git a/ColourMeOKGame/Assets/UI/LeaderboardEntry.uxml b/ColourMeOKGame/Assets/UI/LeaderboardEntry.uxml
new file mode 100644
index 0000000..a4f3ac7
--- /dev/null
+++ b/ColourMeOKGame/Assets/UI/LeaderboardEntry.uxml
@@ -0,0 +1,8 @@
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" xsi="http://www.w3.org/2001/XMLSchema-instance" engine="UnityEngine.UIElements" editor="UnityEditor.UIElements" noNamespaceSchemaLocation="../../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">
+    <Style src="project://database/Assets/UI/GameUI.uss?fileID=7433441132597879392&amp;guid=2c7ff79f21a3e8e408e76d75944d575b&amp;type=3#GameUI" />
+    <ui:VisualElement name="LeaderboardEntryReference" style="display: flex;">
+        <ui:Label tabindex="-1" text="#1" parse-escape-sequences="true" display-tooltip-when-elided="true" name="EntryRankPosition" style="white-space: nowrap; width: 10%;" />
+        <ui:Label tabindex="-1" text="Jitomi Monoe" parse-escape-sequences="true" display-tooltip-when-elided="true" name="EntryNameText" style="white-space: nowrap; width: 70%;" />
+        <ui:Label tabindex="-1" text="000.000" parse-escape-sequences="true" display-tooltip-when-elided="true" name="EntryRatingText" style="white-space: nowrap; width: 20%; -unity-text-align: upper-right;" />
+    </ui:VisualElement>
+</ui:UXML>
diff --git a/ColourMeOKGame/Assets/UI/LeaderboardEntry.uxml.meta b/ColourMeOKGame/Assets/UI/LeaderboardEntry.uxml.meta
new file mode 100644
index 0000000..0fd026d
--- /dev/null
+++ b/ColourMeOKGame/Assets/UI/LeaderboardEntry.uxml.meta
@@ -0,0 +1,3 @@
+fileFormatVersion: 2
+guid: a1369c8749f2489cbd8359616a351762
+timeCreated: 1731986530
\ No newline at end of file