|
|
|
|
@@ -6,6 +6,7 @@ import { getHistoryQuartils, MarketType, MarketTypeLabel, TaxInput, useMarketTax
|
|
|
|
|
import { BookmarkSlashIcon, ShoppingCartIcon } from '@heroicons/vue/24/outline';
|
|
|
|
|
import { useStorage } from '@vueuse/core';
|
|
|
|
|
import { computed, ref } from 'vue';
|
|
|
|
|
import { useAcquiredTypesStore } from '../acquisition';
|
|
|
|
|
import { TrackingResult } from './tracking';
|
|
|
|
|
|
|
|
|
|
type Result = {
|
|
|
|
|
@@ -17,6 +18,7 @@ type Result = {
|
|
|
|
|
q1: number;
|
|
|
|
|
median: number;
|
|
|
|
|
q3: number;
|
|
|
|
|
acquisitions: number;
|
|
|
|
|
profit: number;
|
|
|
|
|
score: number;
|
|
|
|
|
}
|
|
|
|
|
@@ -44,6 +46,7 @@ const props = withDefaults(defineProps<Props>(), {
|
|
|
|
|
defineEmits<Emits>();
|
|
|
|
|
|
|
|
|
|
const marketTaxStore = useMarketTaxStore();
|
|
|
|
|
const acquiredTypesStore = useAcquiredTypesStore();
|
|
|
|
|
|
|
|
|
|
const days = useStorage('market-tracking-days', 365);
|
|
|
|
|
const threshold = useStorage('market-tracking-threshold', 10);
|
|
|
|
|
@@ -63,6 +66,9 @@ const { sortedArray, headerProps, showColumn } = useSort<Result>(computed(() =>
|
|
|
|
|
const quartils = getHistoryQuartils(r.history, days.value);
|
|
|
|
|
const profit = quartils.q1 === 0 || quartils.q3 === 0 ? 0 : marketTaxStore.calculateProfit(quartils.q1, quartils.q3);
|
|
|
|
|
const score = profit <= 0 ? 0 : Math.sqrt((Math.pow(quartils.totalVolume, 1.1) * Math.pow(quartils.q1, 1.2) * Math.pow(profit, 0.5) * Math.pow(Math.max(1, r.orderCount), -0.7)) / days.value);
|
|
|
|
|
const acquisitions = columnsToIgnore.value.includes('acquisitions') ? 0 : acquiredTypesStore.acquiredTypes
|
|
|
|
|
.filter(t => t.type === r.type.id)
|
|
|
|
|
.reduce((a, b) => a + b.remaining, 0);
|
|
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
type: r.type,
|
|
|
|
|
@@ -73,6 +79,7 @@ const { sortedArray, headerProps, showColumn } = useSort<Result>(computed(() =>
|
|
|
|
|
q1: quartils.q1,
|
|
|
|
|
median: quartils.median,
|
|
|
|
|
q3: quartils.q3,
|
|
|
|
|
acquisitions,
|
|
|
|
|
profit,
|
|
|
|
|
score
|
|
|
|
|
};
|
|
|
|
|
@@ -128,6 +135,7 @@ const getLineColor = (result: Result) => {
|
|
|
|
|
<SortableHeader v-bind="headerProps" sortKey="q3">Q3</SortableHeader>
|
|
|
|
|
<SortableHeader v-bind="headerProps" sortKey="profit">Profit</SortableHeader>
|
|
|
|
|
<SortableHeader v-bind="headerProps" sortKey="score">Score</SortableHeader>
|
|
|
|
|
<SortableHeader v-bind="headerProps" sortKey="acquisitions">Acquisitions</SortableHeader>
|
|
|
|
|
<SortableHeader v-bind="headerProps" sortKey="buttons" unsortable />
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
@@ -143,6 +151,7 @@ const getLineColor = (result: Result) => {
|
|
|
|
|
<td v-if="showColumn('q3')" class="text-right">{{ formatIsk(r.data.q3) }}</td>
|
|
|
|
|
<td v-if="showColumn('profit')" class="text-right">{{ percentFormater.format(r.data.profit) }}</td>
|
|
|
|
|
<td v-if="showColumn('score')" class="text-right">{{ scoreFormater.format(r.data.score) }}</td>
|
|
|
|
|
<td v-if="showColumn('acquisitions')" class="text-right">{{ r.data.acquisitions }}</td>
|
|
|
|
|
<td v-if="showColumn('buttons')" class="text-right">
|
|
|
|
|
<button class="btn-icon me-1" title="Add acquisitions" @click="$emit('buy', r.data.type, r.data.buy, r.data.sell)"><ShoppingCartIcon /></button>
|
|
|
|
|
<button class="btn-icon me-1" title="Untrack" @click="$emit('remove', r.data.type)"><BookmarkSlashIcon /></button>
|
|
|
|
|
|