mirror of
https://github.com/Spythere/stacjownik.git
synced 2026-05-03 21:38:13 +00:00
Merge branch 'timetable-progress-bar'
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="train-info simple">
|
<div class="train-info simple" tabindex="0">
|
||||||
<section>
|
<section>
|
||||||
<span>
|
<span>
|
||||||
<div>
|
<div>
|
||||||
@@ -147,11 +147,11 @@ export default defineComponent({
|
|||||||
grid-template-rows: 1fr;
|
grid-template-rows: 1fr;
|
||||||
|
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
|
background-color: #202020;
|
||||||
gap: 0.5em;
|
gap: 0.5em;
|
||||||
|
|
||||||
&:hover {
|
&:hover, &:focus {
|
||||||
background: #424242;
|
background: #292929;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -19,7 +19,6 @@
|
|||||||
class="train-row"
|
class="train-row"
|
||||||
v-for="train in currentTrains"
|
v-for="train in currentTrains"
|
||||||
:key="train.trainNo + train.driverId"
|
:key="train.trainNo + train.driverId"
|
||||||
tabindex="0"
|
|
||||||
@click="showTrainTimetable(train)"
|
@click="showTrainTimetable(train)"
|
||||||
@keydown.enter="showTrainTimetable(train)"
|
@keydown.enter="showTrainTimetable(train)"
|
||||||
>
|
>
|
||||||
@@ -74,7 +73,6 @@ export default defineComponent({
|
|||||||
},
|
},
|
||||||
|
|
||||||
defaultVehicleIcons: defaultVehicleIconsJSON,
|
defaultVehicleIcons: defaultVehicleIconsJSON,
|
||||||
|
|
||||||
}),
|
}),
|
||||||
|
|
||||||
setup(props) {
|
setup(props) {
|
||||||
@@ -92,7 +90,9 @@ export default defineComponent({
|
|||||||
});
|
});
|
||||||
|
|
||||||
const chosenTrainId = ref(null) as Ref<string | null>;
|
const chosenTrainId = ref(null) as Ref<string | null>;
|
||||||
const chosenTrain = computed(() => props.trains.find(train => train.trainNo + train.driverName === chosenTrainId.value));
|
const chosenTrain = computed(() =>
|
||||||
|
props.trains.find((train) => train.trainNo + train.driverName === chosenTrainId.value)
|
||||||
|
);
|
||||||
|
|
||||||
// watch([searchedTrain, searchedDriver], () => {
|
// watch([searchedTrain, searchedDriver], () => {
|
||||||
// currentPage.value = 0;
|
// currentPage.value = 0;
|
||||||
@@ -206,9 +206,9 @@ img.train-image {
|
|||||||
}
|
}
|
||||||
|
|
||||||
&-row {
|
&-row {
|
||||||
|
background-color: var(--clr-secondary);
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
|
|
||||||
background-color: var(--clr-secondary);
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user