trends filter

src/market/scan/ScanResultTable.vue

@@ -2,7 +2,7 @@
 import {SliderCheckbox} from '@/components';
 import {SortableHeader, useSort, VirtualScrollTable} from '@/components/table';
 import {formatIsk, percentFormater} from "@/formaters";
-import {MarketTrend, MarketTrendIcon, MarketType, MarketTypeLabel} from "@/market";
+import {MarketTrend, MarketTrendIcon, MarketTrends, MarketType, MarketTypeLabel, TrendFilter} from "@/market";
 import {ShoppingCartIcon} from '@heroicons/vue/24/outline';
 import {useStorage} from '@vueuse/core';
 import {computed, ref} from 'vue';
@@ -54,6 +54,11 @@ const acquiredTypesStore = useAcquiredTypesStore();
 const threshold = useStorage('market-scan-threshold', 10);
 const filter = ref("");
 const onlyCheap = ref(false);
+const trackedTrends = useStorage<MarketTrend[]>('market-scan-trends', [
+    MarketTrends.Up,
+    MarketTrends.Flat,
+    MarketTrends.Down,
+]);
 const columnsToIgnore = computed(() => {
     const ic = typeof props.ignoredColums === 'string' ? [props.ignoredColums] : props.ignoredColums;
 
@@ -64,6 +69,7 @@ const columnsToIgnore = computed(() => {
 });
 const { sortedArray, headerProps, showColumn } = useSort<Result>(computed(() => props.items
     .filter(r => r.type.name.toLowerCase().includes(filter.value.toLowerCase()))
+    .filter(r => trackedTrends.value.includes(r.trend))
     .map(r => {
         const acquisitions = columnsToIgnore.value.includes('acquisitions') ? 0 : acquiredTypesStore.acquiredTypes
             .filter(t => t.type === r.type.id)
@@ -113,6 +119,9 @@ const getLineColor = (result: Result) => {
             <div class="end flex">
                 <SliderCheckbox class="me-1" v-model="onlyCheap" /> Show only cheap items
             </div>
+            <div class="end flex items-center">
+                <TrendFilter v-model="trackedTrends" />
+            </div>
             <div class="end">
                 <span>Filter: </span>
                 <input type="search" class="w-96" v-model="filter" />