From 7975430c6f636bdeaf4d6b7f572df19dd777a057 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Wed, 22 Dec 2021 20:19:47 +0100
Subject: [PATCH] Filtrowanie kategoriami RJ (w.i.p.)

---
 src/components/TrainsView/TrainStats.vue | 10 +++++++++-
 src/views/TrainsView.vue                 |  7 ++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/TrainsView/TrainStats.vue b/src/components/TrainsView/TrainStats.vue
index c0fe283..ce764d6 100644
--- a/src/components/TrainsView/TrainStats.vue
+++ b/src/components/TrainsView/TrainStats.vue
@@ -82,7 +82,7 @@
 import ActionButton from "@/components/Global/ActionButton.vue";
 
 import Train from "@/scripts/interfaces/Train";
-import { computed, defineComponent } from "@vue/runtime-core";
+import { computed, defineComponent, inject } from "@vue/runtime-core";
 
 export default defineComponent({
   components: { ActionButton },
@@ -220,12 +220,16 @@ export default defineComponent({
       return [twrList.length, skrList.length];
     });
 
+    /* Inject list from TrainsView for category filter */
+    const chosenTrainCategories = inject("chosenTrainCategories") as string[];
+
     return {
       speedStats,
       timetableStats,
       categoryList,
       locoList,
       specialTrainCount,
+      chosenTrainCategories
     };
   },
 });
@@ -289,6 +293,10 @@ export default defineComponent({
   }
 }
 
+/* .category {
+  cursor: pointer;
+} */
+
 .category,
 .special {
   &-list {
diff --git a/src/views/TrainsView.vue b/src/views/TrainsView.vue
index 269bbe8..e908162 100644
--- a/src/views/TrainsView.vue
+++ b/src/views/TrainsView.vue
@@ -18,7 +18,7 @@
 </template>
 
 <script lang="ts">
-import { computed, ComputedRef, defineComponent, ref } from "vue";
+import { computed, ComputedRef, defineComponent, provide, reactive, ref } from "vue";
 
 import { DataStatus } from "@/scripts/enums/DataStatus";
 import Train from "@/scripts/interfaces/Train";
@@ -125,12 +125,17 @@ export default defineComponent({
       );
     });
 
+    /* Provide list for TrainStats category filter */
+    const chosenTrainCategories = reactive([] as string[]);
+    provide('chosenTrainCategories', chosenTrainCategories);
+
     return {
       trainList,
       computedTrains,
       searchedTrain,
       searchedDriver,
       sorterActive,
+      chosenTrainCategories
     };
   },