show all acquisitions in typeinfo

src/market/acquisition/AcquisitionResultTable.vue

@@ -24,6 +24,7 @@ type Result = {
 interface Props {
     items?: AcquiredType[];
     infoOnly?: boolean;
+    showAll?: boolean;
 }
 
 interface Emits {
@@ -33,7 +34,8 @@ interface Emits {
 
 const props = withDefaults(defineProps<Props>(), {
     items: () => [],
-    infoOnly: false
+    infoOnly: false,
+    showAll: false
 });
 defineEmits<Emits>();
 
@@ -42,6 +44,27 @@ const marketTaxStore = useMarketTaxStore();
 const threshold = useStorage('market-acquisition-threshold', 10);
 const filter = ref("");
 const { sortedArray, headerProps } = useSort<Result>(computed(() => {
+    if (props.showAll) {
+        return props.items
+            .filter(r => r.type.name.toLowerCase().includes(filter.value.toLowerCase()))
+            .map(r => {
+                const precentProfit = marketTaxStore.calculateProfit(r.price, r.sell);
+
+                return {
+                    type: r,
+                    typeID: r.type.id,
+                    name: r.type.name,
+                    buy: r.buy,
+                    sell: r.sell,
+                    price: r.price,
+                    remaining: r.remaining,
+                    quantity: r.quantity,
+                    precentProfit,
+                    iskProfit: r.price * precentProfit * r.remaining
+                };
+            });
+    }
+
     const list: Result[] = [];
     const groups = Map.groupBy(props.items.filter(r => r.type.name.toLowerCase().includes(filter.value.toLowerCase())), r => r.type);
 
@@ -56,6 +79,7 @@ const { sortedArray, headerProps } = useSort<Result>(computed(() => {
         const totalRemaining = group.reduce((acc, r) => acc + r.remaining, 0);
         const price = group.reduce((acc, r) => acc + r.price * r.remaining, 0) / totalRemaining;
         const precentProfit = marketTaxStore.calculateProfit(price, oldest.sell);
+
         list.push({
             type: oldest,
             typeID: type.id,
@@ -70,10 +94,10 @@ const { sortedArray, headerProps } = useSort<Result>(computed(() => {
         });
     });
     return list;
-    }), {
+}), {
     defaultSortKey: 'precentProfit',
     defaultSortDirection: 'desc'
-    })
+})
 const getLineColor = (result: Result) => {
     if (result.precentProfit >= (threshold.value / 100)) {
         return 'line-green';

src/pages/market/TypeInfo.vue

@@ -107,7 +107,7 @@ watch(useRoute(), async route => {
         </div>
         <div v-if="acquisitions && acquisitions.length > 0">
             <span>Acquisitions:</span>
-            <AcquisitionResultTable :items="acquisitions" infoOnly />
+            <AcquisitionResultTable :items="acquisitions" infoOnly showAll />
         </div>
     </template>
     <BuyModal ref="buyModal" />