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

Aktualizacja listy scenerii. Animacja dodawania RJ

Browse Source
This commit is contained in:
Spythere
2020-11-14 23:43:20 +01:00
parent df33b557d7
commit f25e72d961
2 changed files with 92 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/data/stations.json
+23
View File
@@ -2078,5 +2078,28 @@
}, },
"default": false, "default": false,
"nonPublic": false "nonPublic": false
},
{
"stationName": "Niedoradz",
"stationURL": "https://td2.info.pl/scenerie/niedoradz",
"stationLines": "",
"reqLevel": "0",
"supportersOnly": "NIE",
"signalType": "współczesna",
"controlType": "SPK",
"SBL": "",
"twoWayBlock": "",
"routes": {
"oneWay": {
"catenary": 0,
"noCatenary": 0
},
"twoWay": {
"catenary": 2,
"noCatenary": 0
}
},
"default": false,
"nonPublic": false
} }
] ]
src/views/SceneryView.vue
+69 -52
View File
@@ -200,74 +200,80 @@
v-else-if="computedScheduledTrains.length == 0" v-else-if="computedScheduledTrains.length == 0"
>Brak aktywnych rozkładów!</span> >Brak aktywnych rozkładów!</span>
<div class="timetable-item" v-for="(scheduledTrain, i) in computedScheduledTrains" :key="i"> <transition-group name="list-anim">
<span class="timetable-general"> <div
<span class="general-info"> class="timetable-item"
<router-link v-for="(scheduledTrain, i) in computedScheduledTrains"
:to="{ :key="i"
>
<span class="timetable-general">
<span class="general-info">
<router-link
:to="{
name: 'TrainsView', name: 'TrainsView',
params: { params: {
passedSearchedTrain: scheduledTrain.trainNo.toString(), passedSearchedTrain: scheduledTrain.trainNo.toString(),
}, },
}" }"
> >
<span>
<strong>{{ scheduledTrain.category }}</strong>
{{ scheduledTrain.trainNo }}
</span>
</router-link>|
<span> <span>
<strong>{{ scheduledTrain.category }}</strong> <a
{{ scheduledTrain.trainNo }} :href="
</span>
</router-link>|
<span>
<a
:href="
'https://td2.info.pl/profile/?u=' + scheduledTrain.driverId 'https://td2.info.pl/profile/?u=' + scheduledTrain.driverId
" "
target="_blank" target="_blank"
>{{ scheduledTrain.driverName }}</a> >{{ scheduledTrain.driverName }}</a>
</span>
<div class="info-route">
<strong>{{ scheduledTrain.beginsAt }} - {{ scheduledTrain.terminatesAt }}</strong>
</div>
</span> </span>
<div class="info-route"> <span class="general-status">
<strong>{{ scheduledTrain.beginsAt }} - {{ scheduledTrain.terminatesAt }}</strong> <span :class="scheduledTrain.stopStatus">{{scheduledTrain.stopLabel}}</span>
</div>
</span>
<span class="general-status">
<span :class="scheduledTrain.stopStatus">{{scheduledTrain.stopLabel}}</span>
</span>
</span>
<span class="timetable-schedule">
<span class="schedule-arrival">
<span class="arrival-time begins" v-if="scheduledTrain.stopInfo.beginsHere">
ROZPOCZYNA
<div>BIEG</div>
</span>
<span class="arrival-time" v-else>
{{ scheduledTrain.stopInfo.arrivalTimeString }} ({{
scheduledTrain.stopInfo.arrivalDelay
}})
</span> </span>
</span> </span>
<span class="schedule-stop"> <span class="timetable-schedule">
<span class="stop-time" v-if="scheduledTrain.stopInfo.stopTime"> <span class="schedule-arrival">
{{ scheduledTrain.stopInfo.stopTime }} <span class="arrival-time begins" v-if="scheduledTrain.stopInfo.beginsHere">
{{ scheduledTrain.stopInfo.stopType }} ROZPOCZYNA
<div>BIEG</div>
</span>
<span class="arrival-time" v-else>
{{ scheduledTrain.stopInfo.arrivalTimeString }} ({{
scheduledTrain.stopInfo.arrivalDelay
}})
</span>
</span> </span>
<span class="stop-arrow arrow"></span>
</span> <span class="schedule-stop">
<span class="schedule-departure"> <span class="stop-time" v-if="scheduledTrain.stopInfo.stopTime">
<span {{ scheduledTrain.stopInfo.stopTime }}
class="departure-time terminates" {{ scheduledTrain.stopInfo.stopType }}
v-if="scheduledTrain.stopInfo.terminatesHere" </span>
>KOŃCZY BIEG</span> <span class="stop-arrow arrow"></span>
<span class="departure-time" v-else> </span>
{{ scheduledTrain.stopInfo.departureTimeString }} ({{ <span class="schedule-departure">
scheduledTrain.stopInfo.departureDelay <span
}}) class="departure-time terminates"
v-if="scheduledTrain.stopInfo.terminatesHere"
>KOŃCZY BIEG</span>
<span class="departure-time" v-else>
{{ scheduledTrain.stopInfo.departureTimeString }} ({{
scheduledTrain.stopInfo.departureDelay
}})
</span>
</span> </span>
</span> </span>
</span> </div>
</div> </transition-group>
</div> </div>
</div> </div>
</div> </div>
@@ -408,6 +414,17 @@ export default class SceneryView extends styleMixin {
@import "../styles/variables.scss"; @import "../styles/variables.scss";
@import "../styles/user_badge.scss"; @import "../styles/user_badge.scss";
.list-anim {
&-enter-active,
&-leave-active {
transition: all 250ms ease-out;
}
&-enter, &-leave-to /* .list-leave-active below version 2.1.8 */ {
opacity: 0;
transform: scale(0.95);
}
}
h3 { h3 {
margin: 0.5em 0; margin: 0.5em 0;
padding: 0.3em; padding: 0.3em;