playtime viewer (#7224)

Author: silicons

citadel.dme

@@ -2672,6 +2672,7 @@
 #include "code\modules\client\verbs\ooc.dm"
 #include "code\modules\client\verbs\system.dm"
 #include "code\modules\client\verbs\view.dm"
+#include "code\modules\client\verbs\view_playtime.dm"
 #include "code\modules\clothing\chameleon.dm"
 #include "code\modules\clothing\clothing-inventory.dm"
 #include "code\modules\clothing\clothing.dm"

code/__DEFINES/_cooldowns.dm

@@ -101,3 +101,4 @@
 
 //* /client *//
 #define TIMER_CD_INDEX_CLIENT_CHARACTER_DIRECTORY "client-verb-character_directory"
+#define TIMER_CD_INDEX_CLIENT_VIEW_PLAYTIME "client-verb-view_playtime"

code/controllers/subsystem/playtime.dm

@@ -45,6 +45,7 @@ SUBSYSTEM_DEF(playtime)
 				"minutes" = minutes,
 				"player" = playerid
 			)
+			C.persistent.playtime[roleid] += minutes
 		C.persistent.playtime_queued = list()
 	SSdbcore.MassInsertLegacy(DB_PREFIX_TABLE_NAME("playtime"), built, duplicate_key = "ON DUPLICATE KEY UPDATE minutes = minutes + VALUES(minutes)")
 

code/modules/client/client.dm

@@ -137,6 +137,9 @@
 	/// Our actor HUD holder
 	var/datum/actor_hud_holder/actor_huds
 
+	// todo: just have a client panel, don't make this separate
+	var/datum/client_view_playtime/legacy_playtime_viewer
+
 
 		////////////////
 		//ADMIN THINGS//

code/modules/client/data/client_data.dm

@@ -119,7 +119,6 @@ GLOBAL_LIST_EMPTY(client_data)
 
 /datum/client_data/proc/load_playtime_impl()
 	PRIVATE_PROC(TRUE)
-	ASSERT(!playtime_mutex)
 	if(playtime_mutex)
 		return
 	playtime_mutex = TRUE

code/modules/client/verbs/view_playtime.dm

@@ -0,0 +1,46 @@
+//* This file is explicitly licensed under the MIT license. *//
+//* Copyright (c) 2025 Citadel Station Developers           *//
+
+// todo: DECLARE_CLIENT_VERB
+/client/verb/view_playtime()
+	set name = "View Playtime"
+	set desc = "View your own playtime."
+	set category = VERB_CATEGORY_SYSTEM
+
+	if(TIMER_COOLDOWN_CHECK(src, TIMER_CD_INDEX_CLIENT_VIEW_PLAYTIME))
+		return
+	TIMER_COOLDOWN_START(src, TIMER_CD_INDEX_CLIENT_VIEW_PLAYTIME, 2 SECONDS)
+
+	log_game("[key_name(usr)] invoked view_playtime on [key_name(src)].")
+
+	// todo: self-panel for client maybe? instead of a different datum
+	if(!legacy_playtime_viewer)
+		legacy_playtime_viewer = new(src)
+	legacy_playtime_viewer.ui_interact(mob)
+
+/datum/client_view_playtime
+	var/client/owner
+
+/datum/client_view_playtime/New(client/C)
+	src.owner = C
+	src.owner.persistent.load_playtime()
+
+/datum/client_view_playtime/Destroy()
+	if(owner?.legacy_playtime_viewer == src)
+		owner.legacy_playtime_viewer = null
+	return ..()
+
+/datum/client_view_playtime/ui_interact(mob/user, datum/tgui/ui, datum/tgui/parent_ui)
+	owner.persistent.block_on_playtime_loaded()
+	ui = SStgui.try_update_ui(user, src, ui)
+	if(!ui)
+		ui = new(user, src, "client/ClientPlaytime")
+		ui.open()
+
+/datum/client_view_playtime/ui_static_data(mob/user, datum/tgui/ui)
+	. = ..()
+	// TODO: annotate playtime don't just throw raw strings
+	.["playtime"] = owner.persistent.playtime_loaded ? owner.persistent.playtime : null
+
+/datum/client_view_playtime/ui_state()
+	return GLOB.always_state

dependencies.sh

@@ -25,7 +25,7 @@ export SPACEMAN_DMM_VERSION=suite-1.10
 export PYTHON_VERSION=3.12.0
 
 # MariaDB version
-export MARIADB_VERSION=11.4.4
+export MARIADB_VERSION=11.8.2
 
 # Flyway version
 export FLYWAY_VERSION=11.0.1

tgui/packages/tgui/interfaces/client/ClientPlaytime.tsx

@@ -0,0 +1,46 @@
+/**
+ * @file
+ * @license MIT
+ */
+
+import { round } from "common/math";
+import { useBackend } from "../../backend";
+import { LabeledList, NoticeBox, ProgressBar, Section } from "../../components";
+import { Window } from "../../layouts";
+
+interface ClientPlaytimeData {
+  playtime: Record<string, number> | null;
+}
+
+export const ClientPlaytime = (props, context) => {
+  const { data } = useBackend<ClientPlaytimeData>(context);
+
+  if (data.playtime === null) {
+    return (
+      <Window width={400} height={200} title="Playtime Viewer">
+        <NoticeBox warning>Something went wrong while loading your playtime. Is the database connected?</NoticeBox>
+      </Window>
+    );
+  }
+
+  const itIsntNullDamnit: Record<string, number> = data.playtime as any;
+  const rawPlaytimeNumbers = Object.values(data.playtime);
+  let highest: number = rawPlaytimeNumbers.length ? rawPlaytimeNumbers.reduce((a, b) => Math.max(a, b)) : 1;
+  let sorted = Object.keys(data.playtime).toSorted((a, b) => itIsntNullDamnit[b] - itIsntNullDamnit[a]);
+
+  return (
+    <Window width={400} height={600} title="Playtime Viewer">
+      <Window.Content>
+        <Section title="Tracked Playtime" fill>
+          <LabeledList>
+            {sorted.map((key) => (
+              <LabeledList.Item key={key} label={key}>
+                <ProgressBar value={itIsntNullDamnit[key]} maxValue={highest}>{`${round(itIsntNullDamnit[key] / 60, 0.1)}h`}</ProgressBar>
+              </LabeledList.Item>
+            ))}
+          </LabeledList>
+        </Section>
+      </Window.Content>
+    </Window>
+  );
+};