refactor typów danych

src/components/TrainsView/TrainOptions.vue

@@ -23,7 +23,11 @@
                 v-model="searchedTrain"
               />
               <button class="search-exit">
-                <img src="/images/icon-exit.svg" alt="Trains search clear icon" @click="onInputClear('train')" />
+                <img
+                  src="/images/icon-exit.svg"
+                  alt="Trains search clear icon"
+                  @click="onInputClear('train')"
+                />
               </button>
             </div>
 
@@ -36,7 +40,11 @@
                 v-model="searchedDriver"
               />
               <button class="search-exit">
-                <img src="/images/icon-exit.svg" alt="Driver search clear icon" @click="onInputClear('driver')" />
+                <img
+                  src="/images/icon-exit.svg"
+                  alt="Driver search clear icon"
+                  @click="onInputClear('driver')"
+                />
               </button>
             </div>
           </div>
@@ -87,8 +95,7 @@
 <script lang="ts">
 import { defineComponent, inject, PropType } from 'vue';
 import keyMixin from '../../mixins/keyMixin';
-import { TrainFilterSection } from '../../scripts/enums/TrainFilterType';
-import { TrainFilter } from '../../scripts/interfaces/Trains/TrainFilter';
+import { TrainFilter, TrainFilterSection } from './typings';
 
 export default defineComponent({
   mixins: [keyMixin],

src/components/TrainsView/TrainSchedule.vue

@@ -72,10 +72,10 @@
 import { computed, defineComponent, PropType } from 'vue';
 import dateMixin from '../../mixins/dateMixin';
 import Train from '../../scripts/interfaces/Train';
-import TrainStop from '../../scripts/interfaces/TrainStop';
-import { useStore } from '../../store/store';
+import { useStore } from '../../store/mainStore';
 import StopDate from '../Global/StopDate.vue';
 import StockList from '../Global/StockList.vue';
+import { TrainStop } from '../../store/typings';
 
 export default defineComponent({
   components: { StopDate, StockList },

src/components/TrainsView/TrainTable.vue

@@ -36,7 +36,7 @@
 import { computed, defineComponent, inject, PropType, Ref } from 'vue';
 import modalTrainMixin from '../../mixins/modalTrainMixin';
 import Train from '../../scripts/interfaces/Train';
-import { useStore } from '../../store/store';
+import { useStore } from '../../store/mainStore';
 import Loading from '../Global/Loading.vue';
 import TrainInfo from './TrainInfo.vue';
 

src/components/TrainsView/typings.ts

@@ -0,0 +1,119 @@
+export enum TrainFilterSection {
+  TRAIN_TYPE = 'TRAIN_TYPE',
+  TIMETABLE_TYPE = 'TIMETABLE_TYPE',
+  COMMENTS = 'COMMENTS',
+  TIMETABLE = 'TIMETABLE'
+}
+
+export const enum TrainFilterId {
+  noComments = 'noComments',
+  withComments = 'withComments',
+
+  twr = 'twr',
+  skr = 'skr',
+  common = 'common',
+
+  passenger = 'passenger',
+  freight = 'freight',
+  other = 'other',
+  noTimetable = 'noTimetable',
+  withTimetable = 'withTimetable'
+}
+
+export interface TrainFilter {
+  id: TrainFilterId;
+  section: TrainFilterSection;
+  isActive: boolean;
+}
+
+export interface TrainSorter {
+  id: string;
+  value: string;
+}
+
+export const trainFilters: TrainFilter[] = [
+  {
+    id: TrainFilterId.twr,
+    section: TrainFilterSection.TRAIN_TYPE,
+    isActive: true
+  },
+  {
+    id: TrainFilterId.skr,
+    section: TrainFilterSection.TRAIN_TYPE,
+    isActive: true
+  },
+  {
+    id: TrainFilterId.common,
+    section: TrainFilterSection.TRAIN_TYPE,
+    isActive: true
+  },
+
+  {
+    id: TrainFilterId.passenger,
+    section: TrainFilterSection.TIMETABLE_TYPE,
+    isActive: true
+  },
+  {
+    id: TrainFilterId.freight,
+    section: TrainFilterSection.TIMETABLE_TYPE,
+    isActive: true
+  },
+  {
+    id: TrainFilterId.other,
+    section: TrainFilterSection.TIMETABLE_TYPE,
+    isActive: true
+  },
+
+  {
+    id: TrainFilterId.withComments,
+    section: TrainFilterSection.COMMENTS,
+    isActive: true
+  },
+  {
+    id: TrainFilterId.noComments,
+    section: TrainFilterSection.COMMENTS,
+    isActive: true
+  },
+
+  {
+    id: TrainFilterId.withTimetable,
+    section: TrainFilterSection.TIMETABLE,
+    isActive: true
+  },
+  {
+    id: TrainFilterId.noTimetable,
+    section: TrainFilterSection.TIMETABLE,
+    isActive: true
+  }
+];
+
+export const sorterOptions: TrainSorter[] = [
+  {
+    id: 'distance',
+    value: 'kilometraż'
+  },
+  {
+    id: 'id',
+    value: 'id rozkładu'
+  },
+  {
+    id: 'progress',
+    value: 'przebyta trasa'
+  },
+  {
+    id: 'delay',
+    value: 'opóźnienie'
+  },
+  {
+    id: 'mass',
+    value: 'masa'
+  },
+  {
+    id: 'speed',
+    value: 'prędkość'
+  },
+  {
+    id: 'length',
+    value: 'długość'
+  }
+];