Literówka

.firebase/hosting.ZGlzdA.cache

@@ -1,13 +1,13 @@
-favicon.ico,1636827157387,665ba81c9556ba00abb1a0fa575fe801b3c35f23481b17528a211b8c3021f7cd
-index.html,1636827157387,f051036ce2f9e9a9051e1e7833c99f2bdb2abed9413d5c005fbacc13384a4abe
-img/add-icon.a0f313fe.svg,1636827157390,be43aa8b694c90777971ad2d7f611f52c7ee172131fe2e24a82348891bb6aa18
-css/app.ef1ec428.css,1636827157389,3946866fbd3aa82490f8fb0e4d10b5f2c6201c325a1c68155cf10ca3f3b72999
-img/higher-icon.68df973e.svg,1636827157390,258bcb0fc4c62a0ecd53681bfa4777451e0cb4b980e1094f68d89d4077fa657a
-img/lower-icon.7c306380.svg,1636827157387,286e1759ea8d4c11327f425f6d6af41603b329dab36c419b228acbea217c2080
-img/remove-icon.09c0dbc9.svg,1636827157390,1e01bccdf38cee755fc54c9768b4089fdb11d904a6b9aa86fcb20a2357dc8d61
-img/sub-icon.bfa10f67.svg,1636827157390,afa120d2f8afe18161a6ed011eb0482ef9604fd35c1d3be8cd93b1087b1138eb
-img/logo.c9fcc748.svg,1636827157390,59a9ce681c6123558f2b025931a262148f1d0bb47d5a3300a14a2e9020a85bc9
-js/app.71d7840f.js,1636827157390,39bfab8bb0f566eeb9221d08e2357acd85287f5ab33922d23ad2976c8a0ab929
-js/app.71d7840f.js.map,1636827157391,a5a78aaafdb21a2cf6318bb08bc24eafb0ae6c712e0c32f51cff743f6d10949b
-js/chunk-vendors.ed762bc1.js,1636827157390,38a7f26b89a6c5b680c0a97a5dc9687420e7a0b52b5259130ddd6a0ffbb21375
-js/chunk-vendors.ed762bc1.js.map,1636827157392,4e64727d5a57baffe7203fe67e814b80b4257060b5284f05e599e18037d18e33
+favicon.ico,1636827777911,665ba81c9556ba00abb1a0fa575fe801b3c35f23481b17528a211b8c3021f7cd
+index.html,1636827777911,fa8eaa2d6bd4e541427ec07347d7da71f50612ecf4ef3a45fdccaeace6928dc1
+css/app.0c78126f.css,1636827777919,1ebc7accdf21a47ba3ab8670b0418a2d02dbd8f3026a9dbb395d90e5e6892598
+img/add-icon.a0f313fe.svg,1636827777920,be43aa8b694c90777971ad2d7f611f52c7ee172131fe2e24a82348891bb6aa18
+img/higher-icon.68df973e.svg,1636827777920,258bcb0fc4c62a0ecd53681bfa4777451e0cb4b980e1094f68d89d4077fa657a
+img/lower-icon.7c306380.svg,1636827777911,286e1759ea8d4c11327f425f6d6af41603b329dab36c419b228acbea217c2080
+img/remove-icon.09c0dbc9.svg,1636827777919,1e01bccdf38cee755fc54c9768b4089fdb11d904a6b9aa86fcb20a2357dc8d61
+img/sub-icon.bfa10f67.svg,1636827777919,afa120d2f8afe18161a6ed011eb0482ef9604fd35c1d3be8cd93b1087b1138eb
+img/logo.c9fcc748.svg,1636827777919,59a9ce681c6123558f2b025931a262148f1d0bb47d5a3300a14a2e9020a85bc9
+js/app.78b717a5.js,1636827777919,ddc6792e8609c4c1f5d656e3a44976aa859459c5215fe845aba915abe52ce623
+js/app.78b717a5.js.map,1636827777919,b3a23756524af4e39c8f58e977f76d4696d81873ad5289b97329d3711ee0462f
+js/chunk-vendors.ed762bc1.js,1636827777919,38a7f26b89a6c5b680c0a97a5dc9687420e7a0b52b5259130ddd6a0ffbb21375
+js/chunk-vendors.ed762bc1.js.map,1636827777920,4e64727d5a57baffe7203fe67e814b80b4257060b5284f05e599e18037d18e33

src/components/ListSection.vue

@@ -4,7 +4,7 @@
       <div class="image__wrapper">
         <div class="image__content">
           <div class="no-img" v-if="!store.chosenCar && !store.chosenLoco">
-            POGLĄD WYBRANEGO POJAZDU
+            PODGLĄD WYBRANEGO POJAZDU
           </div>
           <div class="empty-message" v-if="store.imageLoading">
             ŁADOWANIE OBRAZU...
@@ -14,12 +14,14 @@
             :src="store.chosenLoco.imageSrc"
             :alt="store.chosenLoco.type"
             @load="onImageLoad"
+            @click="onImageClick"
           />
           <img
             v-if="store.chosenCar"
             :src="store.chosenCar.imageSrc"
             :alt="store.chosenCar.type"
             @load="onImageLoad"
+            @click="onImageClick"
           />
         </div>
       </div>
@@ -228,6 +230,7 @@ export default defineComponent({
         this.warnings.trainTooLong.value ||
         this.warnings.trainTooHeavy.value
       ) {
+        ``;
         const allowDownload = confirm(
           "Jazda tym pociągiem może być niezgodna z regulaminem symulatora! Czy na pewno chcesz kontynuować?"
         );
@@ -296,6 +299,14 @@ export default defineComponent({
     onImageLoad() {
       this.store.imageLoading = false;
     },
+
+    onImageClick() {
+      const chosenVehicle = this.store.chosenCar || this.store.chosenLoco;
+
+      if (!chosenVehicle) return;
+
+      console.log(chosenVehicle.imageSrc.replace("300", "800"));
+    },
   },
 });
 </script>

src/store.ts

@@ -266,6 +266,7 @@ export const warnings = {
     })
 }
 
+
 // export const trainTooLong = computed(() => {
 //     if (isTrainPassenger.value && totalLength.value > 350) return true;
 //     if (!isTrainPassenger.value && totalLength.value > 650) return true;