chore: added pl & en locales

src/components/Timetable/TimetableHeader.vue

@@ -1,23 +1,23 @@
 <template>
   <thead>
     <tr>
-      <th width="40" class="border border-black dark:border-white">Nr <br />linii</th>
-      <th width="100" class="border border-black dark:border-white">Km</th>
+      <th width="40" class="border border-black dark:border-white">{{ $t('headers.line_no') }}</th>
+      <th width="100" class="border border-black dark:border-white">{{ $t('headers.line_km') }}</th>
       <th width="35" class="border border-black dark:border-white">V<sub>P</sub></th>
       <th width="35" class="border border-black dark:border-white">V<sub>L</sub></th>
-      <th width="200" class="border border-black dark:border-white">Stacja</th>
-      <th width="100" class="border border-black dark:border-white">Godzina</th>
+      <th width="200" class="border border-black dark:border-white">{{ $t('headers.station') }}</th>
+      <th width="100" class="border border-black dark:border-white">{{ $t('headers.time') }}</th>
       <th width="50" class="border border-black dark:border-white text-xs p-0">
         <table class="h-full w-full border-collapse">
           <tbody>
-            <tr class="border-b-black dark:border-b-white border-b">
-              <td class="">Lok I</td>
+            <tr class="border-b border-b-black dark:border-b-white">
+              <td class="">{{ $t('headers.loco_1') }}</td>
             </tr>
-            <tr class="border-b-black dark:border-b-white border-b">
-              <td>Lok II</td>
+            <tr class="border-b border-b-black dark:border-b-white">
+              <td>{{ $t('headers.loco_2') }}</td>
             </tr>
             <tr>
-              <td>Lok III</td>
+              <td>{{ $t('headers.loco_3') }}</td>
             </tr>
           </tbody>
         </table>
@@ -26,24 +26,24 @@
         <div class="absolute top-0 left-0 w-full h-full">
           <table class="h-full w-full border-collapse">
             <tbody>
-              <tr class="border-b-black dark:border-b-white border-b k">
-                <td>Obc. lok.</td>
+              <tr class="border-b border-b-black dark:border-b-white">
+                <td>{{ $t('headers.mass') }}</td>
               </tr>
               <tr>
-                <td>Dł. poc.</td>
+                <td>{{ $t('headers.length') }}</td>
               </tr>
             </tbody>
           </table>
         </div>
       </th>
-      <th width="50" class="border border-black dark:border-white">Vmax</th>
+      <th width="50" class="border border-black dark:border-white">{{ $t('headers.vmax') }}</th>
     </tr>
   </thead>
 </template>
 
 <style scoped>
 @media print {
-  th {
+  th, tr {
     border-color: theme('colors.black');
   }
 }

src/components/Timetable/TimetableSelect.vue

@@ -20,7 +20,9 @@
       v-if="globalStore.viewMode == 'active'"
       @change="selectTrain"
     >
-      <option :value="null" disabled>{{ apiStore.activeDataStatus == DataStatus.LOADING ? 'Ładowanie danych...' : 'Wybierz pociąg z listy' }}</option>
+      <option :value="null" disabled>
+        {{ apiStore.activeDataStatus == DataStatus.LOADING ? $t('data-loading-text') : $t('train-select-placeholder') }}
+      </option>
       <option :value="train.id" v-for="train in globalStore.activeTimetableTrains">
         {{ train.driverName }} | {{ train.timetable?.category }} {{ train.trainNo }} [{{ getRegionNameById(train.region) }}]
       </option>
@@ -30,7 +32,7 @@
       type="text"
       v-if="globalStore.viewMode == 'storage'"
       class="bg-zinc-800 p-1 rounded-md print:hidden w-full"
-      placeholder="Wpisz szczegóły RJ, który chcesz znaleźć (np. numer, relacja)"
+      :placeholder="$t('train-select-placeholder')"
     />
 
     <button class="bg-zinc-800 p-1 rounded-md hover:bg-zinc-700" @click="toggleDarkMode">
@@ -43,7 +45,7 @@
     </button>
 
     <button
-      class=" p-1 rounded-md "
+      class="p-1 rounded-md"
       :class="{
         'bg-green-600 hover:bg-green-700': isTimetableSaved,
         'bg-zinc-800 hover:bg-zinc-700': !isTimetableSaved,

src/components/Timetable/TimetableStorage.vue

@@ -1,8 +1,8 @@
 <template>
   <div>
     <div v-if="globalStore.selectedStorageTimetable == null && Object.keys(globalStore.storageTimetables).length == 0">
-      <div class="font-bold text-xl">TRYB WYSZUKIWANA ZAPISANYCH ROZKŁADÓW JAZDY</div>
-      <div>Użyj funkcji zapisu rozkładu jazdy, aby go tutaj wyświetlić.</div>
+      <div class="font-bold text-xl">{{ $t('storage-empty-header') }}</div>
+      <div>{{ $t('storage-empty-info') }}</div>
     </div>
 
     <div v-else>

src/components/Timetable/TrainTimetable.vue

@@ -6,7 +6,7 @@
   >
     <div>
       <div class="p-1 font-bold w-max">
-        {{ globalStore.currentTimetableData.category }} {{ globalStore.currentTimetableData.trainNo }} Relacja
+        {{ globalStore.currentTimetableData.category }} {{ globalStore.currentTimetableData.trainNo }} {{ $t('headers.relation') }}
         {{ globalStore.currentTimetableData.route.replace('|', ' - ') }}
       </div>
 
@@ -19,7 +19,7 @@
 
   <div class="overflow-auto text-center font-bold text-zinc-400 p-1 min-h-full" v-else>
     <div v-if="globalStore.viewMode == 'active'">
-      <div>Wybierz aktywny pociąg, aby wygenerować SRJP</div>
+      <div>{{$t('train-select-info')}}</div>
     </div>
 
     <div v-else>