eveal/gemory
2
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

threshold

Browse Source
This commit is contained in:
Sirttas
2023-09-19 10:45:34 +02:00
parent 4a0da46f2c
commit 205aef7a3c
1 changed files with 17 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/market/MarketResultTable.vue
View File

@@ -34,6 +34,7 @@ const props = withDefaults(defineProps<Props>(), {
defineEmits<Emits>(); defineEmits<Emits>();
const days = useStorage('market-days', 365); const days = useStorage('market-days', 365);
const threshold = useStorage('market-threshold', 10);
const filter = ref(""); const filter = ref("");
const { sortedArray, headerProps } = useSort<Result>(computed(() => props.items const { sortedArray, headerProps } = useSort<Result>(computed(() => props.items
.filter(r => r.type.name.toLowerCase().includes(filter.value.toLowerCase())) .filter(r => r.type.name.toLowerCase().includes(filter.value.toLowerCase()))
@@ -56,7 +57,7 @@ const { sortedArray, headerProps } = useSort<Result>(computed(() => props.items
defaultSortDirection: 'asc' defaultSortDirection: 'asc'
}) })
const getLineColor = (result: Result) => { const getLineColor = (result: Result) => {
if (result.profit < 0.1) { if (result.profit < (threshold.value / 100)) {
return 'line-red'; return 'line-red';
} else if (result.sell <= result.q1) { } else if (result.sell <= result.q1) {
return 'line-blue'; return 'line-blue';
@@ -70,18 +71,22 @@ const getLineColor = (result: Result) => {
<template> <template>
<div class="flex"> <div class="flex">
<div class="flex justify-self-end mb-2 mt-4 ms-auto"> <div class="flex justify-self-end mb-2 mt-4 ms-auto">
<div class="end"> <div class="end">
<span>Days: </span> <span>Profit Threshold: </span>
<input type="number" min="1" max="365" step="1" v-model="days" /> <input type="number" min="0" max="1000" step="1" v-model="threshold" />
</div>
<div class="end">
<span>Days: </span>
<input type="number" min="1" max="365" step="1" v-model="days" />
</div>
<div class="end">
<span>Filter: </span>
<input type="search" class="w-96" v-model="filter" >
</div>
<div class="end">
<button class="flex" @click="$emit('relaodAll')"><ArrowPathIcon class="stroke-slate-100 sh-6 w-6 me-2" />Reload all</button>
</div>
</div> </div>
<div class="end">
<span>Filter: </span>
<input type="search" class="w-96" v-model="filter" >
</div>
<div class="end">
<button class="flex" @click="$emit('relaodAll')"><ArrowPathIcon class="stroke-slate-100 sh-6 w-6 me-2" />Reload all</button>
</div>
</div>
</div> </div>
<table> <table>
<thead> <thead>