From 65701bee74f27e0a2c618e7d7735116f7ed445ac Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Fri, 3 Mar 2023 13:25:52 +0100
Subject: [PATCH] =?UTF-8?q?feature:=20oznaczenie=20pojazd=C3=B3w=20dla=20s?=
 =?UTF-8?q?ponsor=C3=B3w?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/sections/InputsSection.vue     | 4 ++--
 src/components/sections/TrainImageSection.vue | 4 +++-
 src/components/tabs/StockListTab.vue          | 6 +++++-
 src/components/utils/StockThumbnails.vue      | 6 +++++-
 src/mixins/stockMixin.ts                      | 2 +-
 5 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/components/sections/InputsSection.vue b/src/components/sections/InputsSection.vue
index f6b9141..7aac727 100644
--- a/src/components/sections/InputsSection.vue
+++ b/src/components/sections/InputsSection.vue
@@ -25,7 +25,7 @@
         >
           <option :value="null" disabled>Wybierz pojazd trakcyjny</option>
           <option v-for="loco in locoOptions" :value="loco" :key="loco.type">
-            {{ loco.type }}
+            {{ loco.type }}<b v-if="loco.supportersOnly">*</b>
           </option>
         </select>
       </div>
@@ -53,7 +53,7 @@
           <option :value="null" disabled>Wybierz wagon</option>
 
           <option v-for="car in carOptions" :value="car" :key="car.type">
-            {{ car.type }}
+            {{ car.type }}<b v-if="car.supportersOnly">*</b>
           </option>
         </select>
       </div>
diff --git a/src/components/sections/TrainImageSection.vue b/src/components/sections/TrainImageSection.vue
index 9b3b118..ed3784e 100644
--- a/src/components/sections/TrainImageSection.vue
+++ b/src/components/sections/TrainImageSection.vue
@@ -1,7 +1,7 @@
 <template>
   <section class="train-image-section">
     <div class="train-image__wrapper">
-      <div class="train-image__content">
+      <div class="train-image__content" :class="{'supporter': store.chosenVehicle?.supportersOnly}">
         <transition name="img-message-anim">
           <div class="empty-message" v-if="store.imageLoading && store.chosenVehicle?.imageSrc">
             ŁADOWANIE OBRAZU...
@@ -44,6 +44,8 @@
                 : 'Typ konstrukcji: ' + store.chosenVehicle.constructionType
             }}
           </div>
+
+          <b style="color: salmon;" v-if="store.chosenVehicle.supportersOnly">* TYLKO DLA SPONSORÓW</b>
         </div>
       </div>
 
diff --git a/src/components/tabs/StockListTab.vue b/src/components/tabs/StockListTab.vue
index d01cc96..f4f42c4 100644
--- a/src/components/tabs/StockListTab.vue
+++ b/src/components/tabs/StockListTab.vue
@@ -127,7 +127,7 @@
               {{ i + 1 }}.
             </span>
 
-            <span class="stock-info__type">
+            <span class="stock-info__type" :class="{ supporter: stock.supportersOnly }">
               {{ stock.isLoco ? stock.type : getCarSpecFromType(stock.type) }}
             </span>
 
@@ -525,6 +525,10 @@ li > .stock-info {
   margin: 0.5em 0;
 }
 
+.supporter {
+  color: salmon;
+}
+
 .stock-info {
   &__no,
   &__type {
diff --git a/src/components/utils/StockThumbnails.vue b/src/components/utils/StockThumbnails.vue
index 00d0b36..90e2935 100644
--- a/src/components/utils/StockThumbnails.vue
+++ b/src/components/utils/StockThumbnails.vue
@@ -9,7 +9,7 @@
       @dragover="allowDrop"
     >
       <span @click="onListItemClick(stockIndex)" :key="stock.id">
-        <b>
+        <b :class="{ supporter: stock.supportersOnly }">
           {{ stock.type }}
         </b>
 
@@ -120,5 +120,9 @@ const allowDrop = (e: DragEvent) => {
     max-height: 60px;
   }
 }
+
+.supporter {
+  color: salmon;
+}
 </style>
 
diff --git a/src/mixins/stockMixin.ts b/src/mixins/stockMixin.ts
index 6f1a633..d8ac80c 100644
--- a/src/mixins/stockMixin.ts
+++ b/src/mixins/stockMixin.ts
@@ -29,7 +29,7 @@ export default defineComponent({
         count,
         imgSrc: vehicle.imageSrc,
         useType: isLoco ? vehicle.power : vehicle.useType,
-        supportersOnly: false,
+        supportersOnly: vehicle.supportersOnly,
       };
     },