From 66a02d76bd2f0753aef3f53fbe79c09151f166fc Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sat, 23 Mar 2024 00:00:52 +0100
Subject: [PATCH] =?UTF-8?q?dodano=20odno=C5=9Bnik=20do=20dziennika=20RJ=20?=
 =?UTF-8?q?maszynisty?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PopUp/VehiclePreviewPopUp.vue |  1 +
 src/components/TrainsView/TrainInfo.vue      | 13 +++++++++++--
 src/components/TrainsView/TrainModal.vue     |  2 +-
 src/components/TrainsView/TrainTable.vue     |  2 +-
 4 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/components/PopUp/VehiclePreviewPopUp.vue b/src/components/PopUp/VehiclePreviewPopUp.vue
index 4ceda97..323fcd9 100644
--- a/src/components/PopUp/VehiclePreviewPopUp.vue
+++ b/src/components/PopUp/VehiclePreviewPopUp.vue
@@ -10,6 +10,7 @@
       v-if="popupStore.currentPopupContent"
       @load="onImageLoad"
       @error="onImageError"
+      @click="popupStore.onPopUpHide"
       width="300"
       height="176"
       class="rounded-md w-full h-auto"
diff --git a/src/components/TrainsView/TrainInfo.vue b/src/components/TrainsView/TrainInfo.vue
index 7841fdf..87fc1c2 100644
--- a/src/components/TrainsView/TrainInfo.vue
+++ b/src/components/TrainsView/TrainInfo.vue
@@ -46,6 +46,11 @@
             <img src="/images/icon-diamond.svg" alt="donator diamond icon" />
           </b>
           <span v-else>{{ train.driverName }}</span>
+          &bull;
+          <button class="btn--image btn--text btn-journal" v-if="extended">
+            <img src="/images/icon-train.svg" alt="" />
+            DZIENNIK
+          </button>
         </div>
       </div>
 
@@ -149,8 +154,7 @@ export default defineComponent({
       required: true
     },
     extended: {
-      type: Boolean,
-      default: true
+      type: Boolean
     }
   },
 
@@ -201,6 +205,11 @@ export default defineComponent({
   vertical-align: text-bottom;
 }
 
+.btn-journal {
+  display: inline-block;
+  padding: 0;
+}
+
 .timetable-id {
   color: #d2d2d2;
 }
diff --git a/src/components/TrainsView/TrainModal.vue b/src/components/TrainsView/TrainModal.vue
index 89ced97..59b006b 100644
--- a/src/components/TrainsView/TrainModal.vue
+++ b/src/components/TrainsView/TrainModal.vue
@@ -6,7 +6,7 @@
         <img src="/images/icon-exit.svg" alt="close card" />
       </button>
 
-      <TrainInfo :train="chosenTrain" :extended="false" ref="trainInfo" />
+      <TrainInfo :train="chosenTrain" :extended="true" ref="trainInfo" />
       <TrainSchedule :train="chosenTrain" tabindex="0" />
     </div>
   </div>
diff --git a/src/components/TrainsView/TrainTable.vue b/src/components/TrainsView/TrainTable.vue
index 3db7e5f..2e7e280 100644
--- a/src/components/TrainsView/TrainTable.vue
+++ b/src/components/TrainsView/TrainTable.vue
@@ -20,7 +20,7 @@
           @click.stop="selectModalTrain(train.trainId, $event.currentTarget)"
           @keydown.enter="selectModalTrain(train.trainId, $event.currentTarget)"
         >
-          <TrainInfo :train="train" />
+          <TrainInfo :train="train" :extended="false" />
         </li>
       </transition-group>
     </div>