From 1d49de1c6ba48129d9d41ba3e35e92b6ed9a9540 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sat, 7 Feb 2026 01:18:28 +0100
Subject: [PATCH] chore(profile): organized fetching data; added link to
 profile in scenery view

---
 public/images/default-avatar.jpg              | Bin 0 -> 2483 bytes
 .../SceneryInfo/SceneryInfoDispatcher.vue     |   5 +-
 src/styles/_global.scss                       |   2 +
 src/typings/api.ts                            |  59 ++++++++++
 src/views/PlayerProfileView.vue               | 109 +++++++++++++-----
 5 files changed, 142 insertions(+), 33 deletions(-)
 create mode 100644 public/images/default-avatar.jpg

diff --git a/public/images/default-avatar.jpg b/public/images/default-avatar.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9b35e48d8c1a52644102f11b2895b2096ad65abe
GIT binary patch
literal 2483
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

literal 0
HcmV?d00001

diff --git a/src/components/SceneryView/SceneryInfo/SceneryInfoDispatcher.vue b/src/components/SceneryView/SceneryInfo/SceneryInfoDispatcher.vue
index 57b20f4..4e1f221 100644
--- a/src/components/SceneryView/SceneryInfo/SceneryInfoDispatcher.vue
+++ b/src/components/SceneryView/SceneryInfo/SceneryInfoDispatcher.vue
@@ -8,10 +8,7 @@
         {{ onlineScenery.dispatcherExp > 1 ? onlineScenery.dispatcherExp : 'L' }}
       </span>
 
-      <router-link
-        class="dispatcher-name"
-        :to="`/journal/dispatchers?search-dispatcher=${onlineScenery.dispatcherName}`"
-      >
+      <router-link class="dispatcher-name" :to="`/profile?playerId=${onlineScenery.dispatcherId}`">
         <span
           class="text--donator"
           v-if="apiStore.donatorsData.includes(onlineScenery.dispatcherName)"
diff --git a/src/styles/_global.scss b/src/styles/_global.scss
index b24ed4d..196c54d 100644
--- a/src/styles/_global.scss
+++ b/src/styles/_global.scss
@@ -23,6 +23,8 @@
 
   --clr-donator: #f7a4ff;
 
+  --clr-success: springgreen;
+
   --no-scroll-padding: 17px;
   --max-container-width: 1700px;
 
diff --git a/src/typings/api.ts b/src/typings/api.ts
index 75a1bfd..93124f5 100644
--- a/src/typings/api.ts
+++ b/src/typings/api.ts
@@ -118,6 +118,9 @@ export namespace API {
 
   export namespace PlayerInfo {
     export interface Data {
+      playerName: string | null;
+      playerId: number | null;
+
       currentActivity: PlayerActivity.Data;
       dispatcherStats: DispatcherStats.Data;
       dispatcherStatsLastMonth: DispatcherStats.Data;
@@ -456,6 +459,62 @@ export namespace GithubAPI {
   }
 }
 
+export namespace Td2API {
+  export namespace UsersInfoByName {
+    export interface UserStat {
+      variable: string;
+      value: number;
+      position: number;
+      server_total: number;
+      server_max: number;
+      server_min: number;
+      server_avg: number;
+    }
+
+    export interface Levels {
+      driver: number;
+      dispatcher: number;
+    }
+
+    export interface UserGroup {
+      id_group: number;
+      group_name: string;
+      description: string;
+      online_color: string;
+      min_posts: number;
+      max_messages: number;
+      stars: string;
+      group_type: number;
+      hidden: number;
+      id_parent: number;
+    }
+
+    export interface UserInfo {
+      id_member: number;
+      id_group: number;
+      additional_groups: string;
+      member_name: string;
+      karma_bad: number;
+      karma_good: number;
+      date_registered: number;
+      last_login: number;
+      avatar: number;
+      lngfile: string;
+      user_stats: UserStat[];
+      levels: Levels;
+      user_groups: UserGroup[];
+    }
+
+    export type Message = UserInfo[];
+
+    export interface Response {
+      success: boolean;
+      respCode: number;
+      message: Message;
+    }
+  }
+}
+
 export namespace Websocket {
   export interface Payload {
     activeSceneries: API.ActiveSceneries.Response;
diff --git a/src/views/PlayerProfileView.vue b/src/views/PlayerProfileView.vue
index 2532b9f..bb8b409 100644
--- a/src/views/PlayerProfileView.vue
+++ b/src/views/PlayerProfileView.vue
@@ -1,19 +1,25 @@
 <template>
   <div class="profile-view">
-    <div class="view-container">
+    <div class="view-container" v-if="playerInfo">
       <div class="profile-sidebar">
         <div class="player-summary">
           <img
-            src="https://td2.info.pl/index.php?action=dlattach;attach=83477;type=avatar"
+            v-if="playerTD2Info"
+            :src="`https://td2.info.pl/index.php?action=dlattach;attach=${playerTD2Info.avatar};type=avatar`"
             alt="player image"
-            width="110"
+            width="100"
+            height="100"
+            @error="(e) => ((e.target as any).src = '/images/default-avatar.jpg')"
           />
 
-          <h3>Spythere</h3>
+          <h3>{{ playerInfo.playerName }}</h3>
+
           <p>12 poziom maszynisty</p>
           <p>12 poziom dyżurnego</p>
+
           <p>Ostatnia aktywność: 02.02.2026 (DR)</p>
-          <p>Stacjosponsor od 01.01.2024</p>
+
+          <!-- <p>Stacjosponsor od 01.01.2024</p> -->
         </div>
 
         <div class="player-stats">
@@ -159,12 +165,13 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, onMounted, reactive, ref } from 'vue';
+import { computed, onActivated, onMounted, reactive, ref, watch } from 'vue';
 import { useRoute } from 'vue-router';
 import { useApiStore } from '../store/apiStore';
-import { API } from '../typings/api';
+import { API, Td2API } from '../typings/api';
 import { humanizeDuration } from '../composables/time';
 import { useI18n } from 'vue-i18n';
+import axios from 'axios';
 
 type JournalEntryType = 'Timetable' | 'Dispatcher' | 'IssuedTimetable';
 
@@ -178,10 +185,9 @@ const { t } = useI18n();
 const apiStore = useApiStore();
 const route = useRoute();
 
-const playerId = ref(-1);
-const playerName = ref('');
 const playerInfo = ref<API.PlayerInfo.Data | null>(null);
 const playerJournal = ref<API.PlayerJournal.Data | null>(null);
+const playerTD2Info = ref<Td2API.UsersInfoByName.UserInfo | null>(null);
 
 const activeFilterTypes = reactive<Record<JournalEntryType, boolean>>({
   Timetable: true,
@@ -189,16 +195,19 @@ const activeFilterTypes = reactive<Record<JournalEntryType, boolean>>({
   IssuedTimetable: true
 });
 
-onMounted(() => {
-  playerId.value = Number(route.query.playerId) || -1;
-  playerName.value = route.query.playerName?.toString() || '';
+watch(
+  computed(() => route.query.playerId),
+  (v) => {
+    fetchAllData();
+  }
+);
 
-  fetchPlayerInfoData();
-  fetchPlayerJournal();
+onMounted(() => {
+  fetchAllData();
 });
 
 const combinedJournal = computed<JournalEntry[]>(() => {
-  if (!playerJournal.value) return [];
+  if (!playerJournal.value || !playerInfo.value) return [];
 
   const list = [
     ...playerJournal.value.timetables,
@@ -208,7 +217,7 @@ const combinedJournal = computed<JournalEntry[]>(() => {
     .reduce<JournalEntry[]>((acc, v) => {
       // Timetable or dispatcher type
       if ('trainNo' in v) {
-        const isIssued = v.authorName == playerName.value;
+        const isIssued = v.authorName == playerInfo.value!.playerName;
 
         if (!isIssued && !activeFilterTypes['Timetable']) return acc;
         if (isIssued && !activeFilterTypes['IssuedTimetable']) return acc;
@@ -237,41 +246,83 @@ const combinedJournal = computed<JournalEntry[]>(() => {
   return list;
 });
 
-async function fetchPlayerInfoData() {
-  if (!apiStore.client || !playerId.value) return;
+async function fetchAllData() {
+  const playerId = route.query.playerId?.toString();
+
+  if (!playerId) return;
+
+  const playerInfoResponse = await fetchPlayerInfoData(playerId);
+
+  if (!playerInfoResponse || !playerInfoResponse.playerName) return;
+
+  const playerTd2InfoResponse = await fetchPlayerTD2Info(playerInfoResponse.playerName);
+  const playerJournalResponse = await fetchPlayerJournal(playerId);
+
+  playerInfo.value = playerInfoResponse;
+  playerTD2Info.value = playerTd2InfoResponse;
+  playerJournal.value = playerJournalResponse;
+}
+
+async function fetchPlayerInfoData(playerId: string) {
+  if (!apiStore.client || !playerId) return null;
 
   try {
     const response = await apiStore.client.get<API.PlayerInfo.Data>('api/getPlayerInfo', {
       params: {
-        playerId: playerId.value
+        playerId: playerId
       }
     });
 
-    playerInfo.value = response.data;
+    if (response.data.playerName == null || response.data.playerId == null) {
+      return null;
+    }
+
+    return response.data;
   } catch (error) {
     console.error(error);
   }
+
+  return null;
 }
 
-async function fetchPlayerJournal() {
-  if (!apiStore.client || !playerId.value) return;
+async function fetchPlayerJournal(playerId: string) {
+  if (!apiStore.client || !playerId) return null;
 
   try {
     const response = await apiStore.client.get<API.PlayerJournal.Data>('api/getPlayerJournal', {
       params: {
-        playerId: playerId.value,
+        playerId: playerId,
         countLimit: 15
       }
     });
 
-    playerJournal.value = response.data;
-    playerName.value =
-      response.data.timetables.at(0)?.driverName ||
-      response.data.duties.at(0)?.dispatcherName ||
-      '';
+    return response.data;
   } catch (error) {
     console.error(error);
   }
+
+  return null;
+}
+
+async function fetchPlayerTD2Info(playerName: string) {
+  if (!apiStore.client || !playerName) return null;
+
+  try {
+    const response = await axios.get<Td2API.UsersInfoByName.Response>('https://api.td2.info.pl', {
+      params: {
+        method: 'getUsersInfoByName',
+        name: playerName
+      }
+    });
+
+    if (response.data.success && response.data.message.length == 1) {
+      return response.data.message[0];
+    }
+  } catch (error) {
+    console.error(error);
+  }
+
+  return null;
 }
 
 function toggleFilter(filterType: JournalEntryType) {
@@ -387,7 +438,7 @@ $tileColor: #181818;
   }
 
   &[data-active='true'] {
-    color: var(--clr-primary);
+    color: var(--clr-success);
   }
 }