feature: oznaczenie pojazdów dla sponsorów

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>

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>
 

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 {

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>
 

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,
       };
     },