mirror of
https://github.com/freqtrade/frequi.git
synced 2024-11-23 03:25:15 +00:00
Some cleanup
This commit is contained in:
parent
601093a5cc
commit
b354ab66b5
|
@ -33,7 +33,7 @@
|
|||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { Component, Vue, Prop, Watch } from 'vue-property-decorator';
|
||||
import { Component, Vue, Prop } from 'vue-property-decorator';
|
||||
import { namespace } from 'vuex-class';
|
||||
|
||||
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
||||
|
@ -83,12 +83,10 @@ export default class CustomTradeList extends Vue {
|
|||
|
||||
@Prop({ default: 'No Trades to show.' }) emptyText!: string;
|
||||
|
||||
@Prop({ default: 3, type: Number }) stakeCurrencyDecimals!: number;
|
||||
|
||||
@ftbot.Getter [BotStoreGetters.detailTradeId]?: number;
|
||||
|
||||
@ftbot.Getter [BotStoreGetters.stakeCurrencyDecimals]!: number;
|
||||
|
||||
@ftbot.Getter [BotStoreGetters.botApiVersion]: number;
|
||||
|
||||
@ftbot.Action setDetailTrade;
|
||||
|
||||
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
||||
|
@ -103,62 +101,12 @@ export default class CustomTradeList extends Vue {
|
|||
|
||||
filterText = '';
|
||||
|
||||
@Watch('detailTradeId')
|
||||
watchTradeDetail(val) {
|
||||
const index = this.trades.findIndex((v) => v.trade_id === val);
|
||||
// Unselect when another tradeTable is selected!
|
||||
if (index < 0) {
|
||||
this.$refs.tradesTable.clearSelected();
|
||||
}
|
||||
}
|
||||
|
||||
get rows(): number {
|
||||
return this.trades.length;
|
||||
}
|
||||
|
||||
perPage = this.activeTrades ? 200 : 15;
|
||||
|
||||
// Added to table-fields for current trades
|
||||
openFields: Record<string, string | Function>[] = [{ key: 'actions' }];
|
||||
|
||||
// Added to table-fields for historic trades
|
||||
closedFields: Record<string, string | Function>[] = [
|
||||
{ key: 'close_timestamp', label: 'Close date' },
|
||||
{ key: 'sell_reason', label: 'Close Reason' },
|
||||
];
|
||||
|
||||
tableFields: Record<string, string | Function>[] = [
|
||||
this.multiBotView ? { key: 'botName', label: 'Bot' } : {},
|
||||
{ key: 'trade_id', label: 'ID' },
|
||||
{ key: 'pair', label: 'Pair' },
|
||||
{ key: 'amount', label: 'Amount' },
|
||||
{
|
||||
key: 'stake_amount',
|
||||
label: 'Stake amount',
|
||||
formatter: (value: number) => this.formatPriceWithDecimals(value),
|
||||
},
|
||||
{
|
||||
key: 'open_rate',
|
||||
label: 'Open rate',
|
||||
formatter: (value: number) => this.formatPrice(value),
|
||||
},
|
||||
{
|
||||
key: this.activeTrades ? 'current_rate' : 'close_rate',
|
||||
label: this.activeTrades ? 'Current rate' : 'Close rate',
|
||||
formatter: (value: number) => this.formatPrice(value),
|
||||
},
|
||||
{
|
||||
key: 'profit',
|
||||
label: this.activeTrades ? 'Current profit %' : 'Profit %',
|
||||
formatter: (value: number, key, item: Trade) => {
|
||||
const percent = formatPercent(item.profit_ratio, 2);
|
||||
return `${percent} ${`(${this.formatPriceWithDecimals(item.profit_abs)})`}`;
|
||||
},
|
||||
},
|
||||
{ key: 'open_timestamp', label: 'Open date' },
|
||||
...(this.activeTrades ? this.openFields : this.closedFields),
|
||||
];
|
||||
|
||||
formatPriceWithDecimals(price) {
|
||||
return formatPrice(price, this.stakeCurrencyDecimals);
|
||||
}
|
||||
|
|
|
@ -12,12 +12,14 @@
|
|||
:trades="openTrades"
|
||||
title="Open trades"
|
||||
:active-trades="true"
|
||||
:stake-currency-decimals="stakeCurrencyDecimals"
|
||||
empty-text="No open Trades."
|
||||
/>
|
||||
<CustomTradeList
|
||||
v-if="history"
|
||||
:trades="closedTrades"
|
||||
title="Trade history"
|
||||
:stake-currency-decimals="stakeCurrencyDecimals"
|
||||
empty-text="No closed trades so far."
|
||||
/>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue
Block a user