mirror of
https://github.com/Spythere/stacjownik.git
synced 2026-05-04 22:08:12 +00:00
chore(driver): changed button to navigate to player's profile
This commit is contained in:
@@ -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
@@ -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
@@ -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",
|
||||||
|
|||||||
Reference in New Issue
Block a user