Spythere/stacjownik
1
0
Fork 0
mirror of https://github.com/Spythere/stacjownik.git synced 2026-05-03 13:28:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

dziennik RJ: dodatkowe info

Browse Source
This commit is contained in:
Spythere
2023-03-10 16:30:31 +01:00
parent c5efc6fbac
commit a02f9804b1
1 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/JournalView/JournalTimetablesList.vue
+14 -7
View File
@@ -4,13 +4,14 @@
v-for="{ timetable, sceneryList, ...item } in computedTimetableHistory" v-for="{ timetable, sceneryList, ...item } in computedTimetableHistory"
class="journal_item" class="journal_item"
:key="timetable.id" :key="timetable.id"
@click="item.showExtra.value = !item.showExtra.value"
> >
<div class="journal_item-info"> <div class="journal_item-info">
<div class="info-general"> <div class="info-general">
<span <span
class="general-train" class="general-train"
tabindex="0" tabindex="0"
@click="showTimetable(timetable)" @click.stop="showTimetable(timetable)"
@keydown.enter="showTimetable(timetable)" @keydown.enter="showTimetable(timetable)"
style="cursor: pointer" style="cursor: pointer"
> >
@@ -68,7 +69,12 @@
:key="scenery.name" :key="scenery.name"
:class="{ confirmed: scenery.confirmed }" :class="{ confirmed: scenery.confirmed }"
> >
<span v-if="i > 0"> &gt;</span> <span v-if="i > 0">
&gt;
<span v-if="!item.showExtra.value && i == 1 && sceneryList.length > 2"
>... (+{{ sceneryList.length - 2 }}) &gt;</span
>
</span>
{{ scenery.name }} {{ scenery.name }}
<!-- Data odjazdu ze stacji początkowej --> <!-- Data odjazdu ze stacji początkowej -->
<span v-if="i == 0" v-html="scenery.beginDateHTML"></span> <span v-if="i == 0" v-html="scenery.beginDateHTML"></span>
@@ -118,11 +124,7 @@
</span> </span>
</div> </div>
<button <button class="btn--option btn--show">
v-if="timetable.stockString"
class="btn--option btn--show"
@click="item.showExtra.value = !item.showExtra.value"
>
{{ $t('journal.stock-info') }} {{ $t('journal.stock-info') }}
<img :src="getIcon(`arrow-${item.showExtra.value ? 'asc' : 'desc'}`)" alt="Arrow" /> <img :src="getIcon(`arrow-${item.showExtra.value ? 'asc' : 'desc'}`)" alt="Arrow" />
</button> </button>
@@ -166,6 +168,7 @@ import imageMixin from '../../mixins/imageMixin';
import modalTrainMixin from '../../mixins/modalTrainMixin'; import modalTrainMixin from '../../mixins/modalTrainMixin';
import styleMixin from '../../mixins/styleMixin'; import styleMixin from '../../mixins/styleMixin';
import { TimetableHistory } from '../../scripts/interfaces/api/TimetablesAPIData'; import { TimetableHistory } from '../../scripts/interfaces/api/TimetablesAPIData';
import { TimetableStop } from '../../scripts/interfaces/api/TrainAPIData';
export default defineComponent({ export default defineComponent({
props: { props: {
@@ -238,6 +241,10 @@ export default defineComponent({
@import '../../styles/badge.scss'; @import '../../styles/badge.scss';
@import '../../styles/JournalSection.scss'; @import '../../styles/JournalSection.scss';
.journal_item {
cursor: pointer;
}
hr { hr {
margin: 0.25em 0; margin: 0.25em 0;
} }