Add sortable flags to player table, add custom greeting styling support

.env.development

@@ -1,4 +1,4 @@
-VITE_APP_VERSION="3.0.25-oMini"
+VITE_APP_VERSION="3.0.26"
 VITE_API_URL="http://10.5.7.5:8000/"
 VITE_API_KEY="your_api_key_should_be_here"
 VITE_ASSET_PATH="/assets"

.env.production

@@ -1,4 +1,4 @@
-VITE_APP_VERSION="3.0.25-oMini"
+VITE_APP_VERSION="3.0.26"
 VITE_API_URL="https://restfulsleep.phaseii.network"
 VITE_API_KEY="your_api_key_should_be_here"
 VITE_ASSET_PATH="https://cdn.phaseii.network/file/PhaseII/web-assets"

public/data-sources/changelog.json

@@ -24,5 +24,6 @@
     "3.0.22": ["- (Major) Finish first implementation of the public profile page", "- (Minor) Clean up dashboard game stat box", "- (Minor) Load profile name in game stat box"],
     "3.0.23": ["- (Major) Moved to Tailwind V4 (SoftieTechCat)", "- (Major) Updated all dependencies (SoftieTechCat)", "- (Bugfix) Fix bug if user has no read news", "- (Backend) Insane optimization with user loading, data loading, cache parsing. (SoftieTechCat)", "- (Minor) Add new greetings."],
     "3.0.24": ["- (Bugfix) Fix theme forcing for dark mode", "- (Bugfix) Fix animations across entire app", "- (Bugfix) Fix cursor on login screen easter egg", "- (Minor) Add new greeting"],
-    "3.0.25-oMini": ["- (Major ++) Move from Material Design Icons to Phosphor Icons. Icons are currently set to their initial picks, but may change (suggest a change!)", "- (Major) Add initial icon animations, start work on icon color standards", "- (Optimization) Improve random greeting selection (SoftieTechCat) ", "- (Minor) Fix ESlint config"]
+    "3.0.25-oMini": ["- (Major ++) Move from Material Design Icons to Phosphor Icons. Icons are currently set to their initial picks, but may change (suggest a change!)", "- (Major) Add initial icon animations, start work on icon color standards", "- (Optimization) Improve random greeting selection (SoftieTechCat) ", "- (Minor) Fix ESlint config"],
+    "3.0.26": ["- (Minor) Game player table is more sortable", "- (Minor) Greetings now support custom styling", "- (Minor) Added the first styled greeting"]
 }

src/components/UserCard.vue

@@ -126,6 +126,7 @@ function getCardStyle() {
           <h1
             v-if="!useSmall && !cardData.userCustomize?.disableGreeting"
             class="text-2xl md:text-xl lg:text-2xl"
+            :class="greeting.class ?? null"
           >
             {{ greeting.header[0]
             }}<b
@@ -251,7 +252,12 @@ function getCardStyle() {
         v-if="!useSmall && !cardData.userCustomize.disableGreeting"
         class="text-center md:text-right"
       >
-        <p class="text-xl md:text-lg lg:text-2lg">{{ greeting.comment }}</p>
+        <p
+          class="text-xl md:text-lg lg:text-2lg"
+          :class="greeting.class ?? null"
+        >
+          {{ greeting.comment }}
+        </p>
         <p class="text-xs italic">Greeting by: {{ greeting.author }}</p>
       </div>
     </BaseLevel>

src/constants/greetings.json

@@ -569,5 +569,11 @@
         "author": "Trmazi",
         "header": "What'cha gonna do, <username>?",
         "comment": "Cry about it? Womp Womp."
+    },
+    {
+        "author": "The Server",
+        "header": "You are now under my control, <username>.",
+        "comment": "Do as I say.",
+        "class": "animated-text bg-linear-to-tl from-fuchsia-600 via-pink-700 to-purple-600 bg-clip-text text-transparent"
     }
 ]

src/views/Game/GameView.vue

@@ -85,12 +85,27 @@ headers.push({
 });
 
 if (!thisGame.noRivals) {
-  headers.push({ text: "Rival ID", value: "extid", width: 100 });
+  headers.push({
+    text: "Rival ID",
+    value: "extid",
+    sortable: true,
+    width: 100,
+  });
 }
 
 headers.push(
-  { text: "Last Play", value: "stats.last_play_timestamp", width: 150 },
-  { text: "Last Arcade", value: "stats.last_play_arcade", width: 150 },
+  {
+    text: "Last Play",
+    value: "stats.last_play_timestamp",
+    sortable: true,
+    width: 150,
+  },
+  {
+    text: "Last Arcade",
+    value: "stats.last_play_arcade",
+    sortable: true,
+    width: 150,
+  },
   { text: "Plays", value: "stats.total_plays", sortable: true, width: 50 },
 );