mirror of
https://github.com/Spythere/stacjownik.git
synced 2026-05-03 05:18:11 +00:00
chore(driver): changed button to navigate to player's profile
This commit is contained in:
@@ -1,37 +1,41 @@
|
||||
<template>
|
||||
<div class="driver-top-actions">
|
||||
<div class="actions-container">
|
||||
<div class="actions actions-left">
|
||||
<button class="a-button btn--filled btn--image" @click="routerReturn">
|
||||
<img src="/images/icon-back.svg" alt="train icon" />
|
||||
<span>
|
||||
{{ t('trains.driver-return-link') }}
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="driver-top-actions">
|
||||
<div class="actions-container">
|
||||
<div class="actions actions-left">
|
||||
<button class="a-button btn--filled btn--image" @click="routerReturn">
|
||||
<img src="/images/icon-back.svg" alt="train icon" />
|
||||
<span>
|
||||
{{ t('trains.driver-return-link') }}
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="actions actions-right">
|
||||
<a class="a-button btn--filled btn--image" :href="`https://srjp-td2.web.app/?id=${chosenTrain.id}`"
|
||||
target="_blank">
|
||||
<span class="hidable">
|
||||
{{ t('trains.driver-srjp-link') }}
|
||||
</span>
|
||||
<div class="actions actions-right">
|
||||
<a
|
||||
class="a-button btn--filled btn--image"
|
||||
:href="`https://srjp-td2.web.app/?id=${chosenTrain.id}`"
|
||||
target="_blank"
|
||||
>
|
||||
<span class="hidable">
|
||||
{{ t('trains.driver-srjp-link') }}
|
||||
</span>
|
||||
|
||||
<img src="/images/icon-srjp.svg" alt="srjp icon" />
|
||||
</a>
|
||||
<img src="/images/icon-srjp.svg" alt="srjp icon" />
|
||||
</a>
|
||||
|
||||
<router-link :to="`/journal/timetables?search-driver=${chosenTrain.driverName}`"
|
||||
class="a-button btn--filled btn--image">
|
||||
<span class="hidable">
|
||||
{{ t('trains.driver-journal-link') }}
|
||||
</span>
|
||||
|
||||
<img src="/images/icon-train.svg" alt="train icon" />
|
||||
</router-link>
|
||||
</div>
|
||||
</div>
|
||||
<router-link
|
||||
:to="`/profile?playerId=${chosenTrain.driverId}`"
|
||||
class="a-button btn--filled btn--image"
|
||||
>
|
||||
<span class="hidable">
|
||||
{{ t('trains.driver-profile-link') }}
|
||||
</span>
|
||||
|
||||
<img src="/images/icon-user.svg" alt="user icon" />
|
||||
</router-link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
@@ -44,42 +48,40 @@ const router = useRouter();
|
||||
const { t } = useI18n();
|
||||
|
||||
defineProps({
|
||||
chosenTrain: {
|
||||
type: Object as PropType<Train>,
|
||||
required: true
|
||||
}
|
||||
chosenTrain: {
|
||||
type: Object as PropType<Train>,
|
||||
required: true
|
||||
}
|
||||
});
|
||||
|
||||
function routerReturn() {
|
||||
router.back();
|
||||
router.back();
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@use '../../styles/responsive';
|
||||
|
||||
|
||||
.actions-container {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: space-between;
|
||||
gap: 0.5em;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: space-between;
|
||||
gap: 0.5em;
|
||||
}
|
||||
|
||||
.actions {
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
}
|
||||
|
||||
.actions-container>.actions>.a-button {
|
||||
padding: 0.5em;
|
||||
border-radius: 0.5em 0.5em 0 0;
|
||||
.actions-container > .actions > .a-button {
|
||||
padding: 0.5em;
|
||||
border-radius: 0.5em 0.5em 0 0;
|
||||
}
|
||||
|
||||
@include responsive.smallScreen {
|
||||
span.hidable {
|
||||
display: none;
|
||||
}
|
||||
span.hidable {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
+1
-1
@@ -428,7 +428,7 @@
|
||||
"last-seen-ago": "since {minutes} minutes",
|
||||
"scenery-offline": "Offline ride",
|
||||
"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-return-link": "RETURN",
|
||||
"driver-not-found-header": "Train not found! :/",
|
||||
|
||||
+2
-2
@@ -414,7 +414,7 @@
|
||||
"last-seen-ago": "od {minutes} minut",
|
||||
"scenery-offline": "Przejazd offline",
|
||||
"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-return-link": "POWRÓT",
|
||||
"driver-not-found-header": "Nie znaleziono pociągu! :/",
|
||||
@@ -617,7 +617,7 @@
|
||||
|
||||
"stats": {
|
||||
"currently-online": "OBECNIE ONLINE",
|
||||
|
||||
|
||||
"driver": "MASZYNISTA",
|
||||
"dispatcher": "DYŻURNY RUCHU",
|
||||
"online-as-driver": "ONLINE JAKO MASZYNISTA",
|
||||
|
||||
Reference in New Issue
Block a user