Opcje filtrów: tłumaczenia

src/components/JournalView/JournalOptions.vue

@@ -10,7 +10,8 @@
     <transition name="options-anim">
       <div class="options_wrapper" v-if="showOptions">
         <div class="options_content">
-          <h1>SORTUJ WG:</h1>
+          <h1>{{ $t('options.sort-title') }}</h1>
+
           <div class="options_sorters">
             <div v-for="opt in translatedSorterOptions">
               <button class="sort-option" :data-selected="opt.id == sorterActive.id" @click="onSorterChange(opt)">
@@ -18,7 +19,8 @@
               </button>
             </div>
           </div>
-          <h1 v-if="filters.length != 0">FILTRUJ WG:</h1>
+
+          <h1 v-if="filters.length != 0">{{ $t('options.filter-title') }}</h1>
           <div class="options_filters">
             <button
               v-for="filter in filters"
@@ -30,7 +32,8 @@
               {{ $t(`options.filter-${filter.id}`) }}
             </button>
           </div>
-          <h1>SZUKAJ:</h1>
+
+          <h1>{{ $t('options.search-title') }}</h1>
           <div class="content_search">
             <div class="search-box" v-for="(_, propName) in searchersValues" :key="propName">
               <input
@@ -44,13 +47,7 @@
                 <img :src="getIcon('exit')" alt="exit-icon" @click="onInputClear(propName)" />
               </button>
             </div>
-            <!-- <label for="">Data</label>
+
-            <div class="search-box">
-              <input class="search-input" placeholder="Data" type="date" v-model="searchDate" />
-              <button class="search-exit">
-                <img :src="getIcon('exit')" alt="exit-icon" />
-              </button>
-            </div> -->
             <action-button class="search-button" @click="onSearchConfirm">
               {{ $t('options.search-button') }}
             </action-button>

src/components/JournalView/JournalTimetables.vue

@@ -103,7 +103,7 @@ export default defineComponent({
     const searchersValues = reactive({
       'search-train': '',
       'search-driver': '',
-      // 'search-date': '',
+      'search-date': '',
     } as JournalTimetableSearcher);
 
     const countFromIndex = ref(0);

src/components/TrainsView/TrainOptions.vue

@@ -18,6 +18,7 @@
               </button>
             </div>
           </div>
+          
           <h1 v-if="trainFilterList.length != 0">{{ $t('options.filter-title') }}</h1>
           <div class="options_filters">
             <div class="filter-option" v-for="filter in trainFilterList">
@@ -28,10 +29,10 @@
           </div>
           <div class="options_filters">
             <div class="filter-option">
-              <button @click="clearAllFilters">WYŁĄCZ WSZYSTKIE FILTRY</button>
+              <button @click="clearAllFilters">{{ $t('options.filter-clear') }}</button>
             </div>
             <div class="filter-option">
-              <button @click="resetAllFilters">ZRESETUJ FILTRY</button>
+              <button @click="resetAllFilters">{{ $t('options.filter-reset') }}</button>
             </div>
           </div>
           <h1>{{ $t('options.search-title') }}</h1>

src/locales/en.json

@@ -84,7 +84,8 @@
     "search-train": "Train no.",
     "search-driver": "Driver name",
     "search-dispatcher": "Dispatcher name",
-    "search-scenery": "Scenery name",
+    "search-station": "Scenery name",
+    "search-date": "Timetable date",
 
     "sort-mass": "mass",
     "sort-speed": "speed",
@@ -107,7 +108,9 @@
     "filter-freight": "FREIGHT",
     "filter-other": "OTHER",
     "filter-noTimetable": "NO TIMETABLE",
-    "filter-reset": "X RESET",
+
+    "filter-reset": "RESET FILTERS",
+    "filter-clear": "CLEAR FILTERS",
 
     "filter-all": "ALL ENTRIES",
     "filter-abandoned": "ABANDONED",

src/locales/pl.json

@@ -87,6 +87,7 @@
     "search-driver": "Nick maszynisty",
     "search-dispatcher": "Nick dyżurnego",
     "search-station": "Nazwa scenerii",
+    "search-date": "Data rozkładu jazdy",
 
     "sort-distance": "kilometraż",
     "sort-total-stops": "stacje",
@@ -110,7 +111,9 @@
     "filter-freight": "TOWAROWE",
     "filter-other": "INNE",
     "filter-noTimetable": "BEZ RJ",
-    "filter-reset": "X RESETUJ",
+
+    "filter-reset": "ZRESETUJ FILTRY",
+    "filter-clear": "WYŁĄCZ FILTRY",
 
     "filter-all": "WSZYSTKIE",
     "filter-abandoned": "PORZUCONE",