lychiyu/frequi_origin
1
0
Fork 0
mirror of https://github.com/freqtrade/frequi.git synced 2024-11-26 21:15:15 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Improve trade-profit visualization for alternative profits

Browse Source
This commit is contained in:
Matthias 2023-02-28 21:01:20 +01:00
parent cb71d88af9
commit 608bbde032
2 changed files with 26 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ftbot/TradeDetail.vue
View File

@ -25,10 +25,10 @@
v-if="trade.is_open && trade.realized_profit && !trade.total_profit_abs"
description="Realized Profit"
>
{{ formatPriceCurrency(trade.realized_profit, stakeCurrency) }}
<trade-profit class="ms-2" :trade="trade" mode="realized" />
</ValuePair>
<ValuePair v-if="trade.is_open && trade.total_profit_abs" description="Total Profit">
{{ formatPriceCurrency(trade.total_profit_abs, stakeCurrency) }}
<trade-profit class="ms-2" :trade="trade" mode="total" />
</ValuePair>
<ValuePair
v-if="trade.profit_ratio && trade.profit_abs"

28
src/components/ftbot/TradeProfit.vue
View File

@ -12,11 +12,15 @@ import { formatPercent, timestampms } from '@/shared/formatters';
import { Trade } from '@/types';
import ProfitPill from '@/components/general/ProfitPill.vue';
import { computed } from 'vue';
import { computed, PropType } from 'vue';
const props = defineProps({
trade: { required: true, type: Object as () => Trade },
mode: { required: false, default: 'default', type: String },
mode: {
required: false,
default: 'default',
type: String as PropType<'default' | 'total' | 'realized'>,
},
});
const profitDesc = computed((): string => {
let profit = `Current profit: ${formatPercent(props.trade.profit_ratio)} (${
@ -27,10 +31,26 @@ const profitDesc = computed((): string => {
});
const profitRatio = computed<number | undefined>(() => {
return props.trade.profit_ratio;
switch (props.mode) {
case 'default':
return props.trade.profit_ratio;
case 'total':
return undefined;
default:
return undefined;
}
});
const profitAbs = computed<number | undefined>(() => {
return props.trade.profit_abs;
switch (props.mode) {
case 'default':
return props.trade.profit_abs;
case 'total':
return props.trade.total_profit_abs;
case 'realized':
return props.trade.realized_profit;
default:
return undefined;
}
});
</script>