chore(driver): changed button to navigate to player's profile

This commit is contained in:
2026-02-15 17:21:23 +01:00
parent 51d952ffee
commit 298f8a5f23
3 changed files with 53 additions and 51 deletions
+50 -48
View File
@@ -1,37 +1,41 @@
<template> <template>
<div class="driver-top-actions"> <div class="driver-top-actions">
<div class="actions-container"> <div class="actions-container">
<div class="actions actions-left"> <div class="actions actions-left">
<button class="a-button btn--filled btn--image" @click="routerReturn"> <button class="a-button btn--filled btn--image" @click="routerReturn">
<img src="/images/icon-back.svg" alt="train icon" /> <img src="/images/icon-back.svg" alt="train icon" />
<span> <span>
{{ t('trains.driver-return-link') }} {{ t('trains.driver-return-link') }}
</span> </span>
</button> </button>
</div> </div>
<div class="actions actions-right"> <div class="actions actions-right">
<a class="a-button btn--filled btn--image" :href="`https://srjp-td2.web.app/?id=${chosenTrain.id}`" <a
target="_blank"> class="a-button btn--filled btn--image"
<span class="hidable"> :href="`https://srjp-td2.web.app/?id=${chosenTrain.id}`"
{{ t('trains.driver-srjp-link') }} target="_blank"
</span> >
<span class="hidable">
{{ t('trains.driver-srjp-link') }}
</span>
<img src="/images/icon-srjp.svg" alt="srjp icon" /> <img src="/images/icon-srjp.svg" alt="srjp icon" />
</a> </a>
<router-link :to="`/journal/timetables?search-driver=${chosenTrain.driverName}`" <router-link
class="a-button btn--filled btn--image"> :to="`/profile?playerId=${chosenTrain.driverId}`"
<span class="hidable"> class="a-button btn--filled btn--image"
{{ t('trains.driver-journal-link') }} >
</span> <span class="hidable">
{{ t('trains.driver-profile-link') }}
<img src="/images/icon-train.svg" alt="train icon" /> </span>
</router-link>
</div>
</div>
<img src="/images/icon-user.svg" alt="user icon" />
</router-link>
</div>
</div> </div>
</div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@@ -44,42 +48,40 @@ const router = useRouter();
const { t } = useI18n(); const { t } = useI18n();
defineProps({ defineProps({
chosenTrain: { chosenTrain: {
type: Object as PropType<Train>, type: Object as PropType<Train>,
required: true required: true
} }
}); });
function routerReturn() { function routerReturn() {
router.back(); router.back();
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@use '../../styles/responsive'; @use '../../styles/responsive';
.actions-container { .actions-container {
display: flex; display: flex;
align-items: flex-end; align-items: flex-end;
justify-content: space-between; justify-content: space-between;
gap: 0.5em; gap: 0.5em;
} }
.actions { .actions {
display: flex; display: flex;
gap: 0.5em; gap: 0.5em;
} }
.actions-container>.actions>.a-button { .actions-container > .actions > .a-button {
padding: 0.5em; padding: 0.5em;
border-radius: 0.5em 0.5em 0 0; border-radius: 0.5em 0.5em 0 0;
} }
@include responsive.smallScreen { @include responsive.smallScreen {
span.hidable { span.hidable {
display: none; display: none;
} }
} }
</style> </style>
+1 -1
View File
@@ -428,7 +428,7 @@
"last-seen-ago": "since {minutes} minutes", "last-seen-ago": "since {minutes} minutes",
"scenery-offline": "Offline ride", "scenery-offline": "Offline ride",
"timeout": "An error occured while trying to refresh SWDR timetable data!", "timeout": "An error occured while trying to refresh SWDR timetable data!",
"driver-journal-link": "DRIVER JOURNAL", "driver-profile-link": "PLAYER'S PROFILE",
"driver-srjp-link": "SRJP", "driver-srjp-link": "SRJP",
"driver-return-link": "RETURN", "driver-return-link": "RETURN",
"driver-not-found-header": "Train not found! :/", "driver-not-found-header": "Train not found! :/",
+2 -2
View File
@@ -414,7 +414,7 @@
"last-seen-ago": "od {minutes} minut", "last-seen-ago": "od {minutes} minut",
"scenery-offline": "Przejazd offline", "scenery-offline": "Przejazd offline",
"timeout": "Wystąpił problem z aktualizacją rozkładów jazdy z SWDR", "timeout": "Wystąpił problem z aktualizacją rozkładów jazdy z SWDR",
"driver-journal-link": "DZIENNIK MASZYNISTY", "driver-profile-link": "PROFIL GRACZA",
"driver-srjp-link": "SRJP", "driver-srjp-link": "SRJP",
"driver-return-link": "POWRÓT", "driver-return-link": "POWRÓT",
"driver-not-found-header": "Nie znaleziono pociągu! :/", "driver-not-found-header": "Nie znaleziono pociągu! :/",
@@ -617,7 +617,7 @@
"stats": { "stats": {
"currently-online": "OBECNIE ONLINE", "currently-online": "OBECNIE ONLINE",
"driver": "MASZYNISTA", "driver": "MASZYNISTA",
"dispatcher": "DYŻURNY RUCHU", "dispatcher": "DYŻURNY RUCHU",
"online-as-driver": "ONLINE JAKO MASZYNISTA", "online-as-driver": "ONLINE JAKO MASZYNISTA",