From a02f9804b1ba7a3ed4b22891adce536d5929c2f5 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Fri, 10 Mar 2023 16:30:31 +0100
Subject: [PATCH] dziennik RJ: dodatkowe info

---
 .../JournalView/JournalTimetablesList.vue     | 21 ++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/components/JournalView/JournalTimetablesList.vue b/src/components/JournalView/JournalTimetablesList.vue
index 8e44ef8..492d9d5 100644
--- a/src/components/JournalView/JournalTimetablesList.vue
+++ b/src/components/JournalView/JournalTimetablesList.vue
@@ -4,13 +4,14 @@
       v-for="{ timetable, sceneryList, ...item } in computedTimetableHistory"
       class="journal_item"
       :key="timetable.id"
+      @click="item.showExtra.value = !item.showExtra.value"
     >
       <div class="journal_item-info">
         <div class="info-general">
           <span
             class="general-train"
             tabindex="0"
-            @click="showTimetable(timetable)"
+            @click.stop="showTimetable(timetable)"
             @keydown.enter="showTimetable(timetable)"
             style="cursor: pointer"
           >
@@ -68,7 +69,12 @@
             :key="scenery.name"
             :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 }}
             <!-- Data odjazdu ze stacji początkowej -->
             <span v-if="i == 0" v-html="scenery.beginDateHTML"></span>
@@ -118,11 +124,7 @@
           </span>
         </div>
 
-        <button
-          v-if="timetable.stockString"
-          class="btn--option btn--show"
-          @click="item.showExtra.value = !item.showExtra.value"
-        >
+        <button class="btn--option btn--show">
           {{ $t('journal.stock-info') }}
           <img :src="getIcon(`arrow-${item.showExtra.value ? 'asc' : 'desc'}`)" alt="Arrow" />
         </button>
@@ -166,6 +168,7 @@ import imageMixin from '../../mixins/imageMixin';
 import modalTrainMixin from '../../mixins/modalTrainMixin';
 import styleMixin from '../../mixins/styleMixin';
 import { TimetableHistory } from '../../scripts/interfaces/api/TimetablesAPIData';
+import { TimetableStop } from '../../scripts/interfaces/api/TrainAPIData';
 
 export default defineComponent({
   props: {
@@ -238,6 +241,10 @@ export default defineComponent({
 @import '../../styles/badge.scss';
 @import '../../styles/JournalSection.scss';
 
+.journal_item {
+  cursor: pointer;
+}
+
 hr {
   margin: 0.25em 0;
 }