Spythere/stacjownik
1
0
Fork 0
mirror of https://github.com/Spythere/stacjownik.git synced 2026-05-03 21:38:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(profile): added links to player journals; merged player activity into main info

Browse Source
This commit is contained in:
Spythere
2026-02-17 22:37:16 +01:00
parent 1655aa2c94
commit 3705325a9a
1 changed files with 58 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/PlayerProfileView/ProfileSummary.vue
+58 -30
View File
@@ -45,39 +45,61 @@
{{ t('profile.stats.dispatcher') }} {{ t('profile.stats.dispatcher') }}
</div> </div>
</div> </div>
<div class="player-journal-links">
<router-link
class="a-button btn--action"
:to="`/journal/timetables?search-driver=${playerInfo.driverStats.driverName}`"
>
DZIENNIK RJ
</router-link>
<router-link
class="a-button btn--action"
:to="`/journal/dispatchers?search-dispatcher=${playerInfo.dispatcherStats.dispatcherName}`"
>
DZIENNIK DR
</router-link>
</div>
<!-- Current activity -->
<div
class="player-activity"
v-if="activeDispatches.length > 0 || activeTrains.length > 0"
>
<div class="info-activity" v-if="activeDispatches.length > 0">
<router-link
v-for="d in activeDispatches"
class="dispatcher-badge"
:to="`/scenery?station=${d.stationName}`"
>
<img src="/images/icon-user.svg" width="25" alt="user icon" />
<b>{{ d.stationName }}</b>
<StationStatusBadge :isOnline="true" :dispatcherStatus="d.dispatcherStatus" />
</router-link>
</div>
<div class="info-activity" v-if="activeTrains.length > 0">
<router-link
v-for="d in activeTrains"
:to="`/driver?trainId=${d.id}`"
class="driver-badge"
>
<img src="/images/icon-train.svg" width="25" alt="train icon" />
<span v-if="d.timetable" class="text--primary">{{ d.timetable.category }}</span>
<span>{{ d.trainNo }}</span>
&bull;
<span>{{ d.currentStationName }}</span>
&bull;
<span class="text--grayed">{{ d.stockString.split(';')[0] }}</span>
</router-link>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
<!-- Current activity -->
<div class="player-activity" v-if="activeDispatches.length > 0 || activeTrains.length > 0">
<h3>{{ t('profile.stats.currently-online') }}</h3>
<div class="info-activity" v-if="activeDispatches.length > 0">
<router-link
v-for="d in activeDispatches"
class="dispatcher-badge"
:to="`/scenery?station=${d.stationName}`"
>
<img src="/images/icon-user.svg" width="25" alt="user icon" />
<b>{{ d.stationName }}</b>
<StationStatusBadge :isOnline="true" :dispatcherStatus="d.dispatcherStatus" />
</router-link>
</div>
<div class="info-activity" v-if="activeTrains.length > 0">
<router-link v-for="d in activeTrains" :to="`/driver?trainId=${d.id}`" class="driver-badge">
<img src="/images/icon-train.svg" width="25" alt="train icon" />
<span v-if="d.timetable" class="text--primary">{{ d.timetable.category }}</span>
<span>{{ d.trainNo }}</span>
&bull;
<span>{{ d.currentStationName }}</span>
&bull;
<span class="text--grayed">{{ d.stockString.split(';')[0] }}</span>
</router-link>
</div>
</div>
<div class="player-stats"> <div class="player-stats">
<div class="stats-driver"> <div class="stats-driver">
<h3 class="stats-header"> <h3 class="stats-header">
@@ -265,7 +287,6 @@ const activeTrains = computed(() => {
} }
.player-info, .player-info,
.player-activity,
.player-stats > div { .player-stats > div {
background-color: var(--clr-tile); background-color: var(--clr-tile);
border-radius: 0.5em; border-radius: 0.5em;
@@ -282,6 +303,13 @@ const activeTrains = computed(() => {
gap: 1em; gap: 1em;
} }
.player-journal-links {
display: flex;
justify-content: center;
gap: 0.5em;
margin-top: 1em;
}
.badge-container { .badge-container {
display: flex; display: flex;
justify-content: center; justify-content: center;