mirror of
https://github.com/freqtrade/frequi.git
synced 2024-09-20 09:31:10 +00:00
Move exit actions to popover
This commit is contained in:
parent
cf398f98e8
commit
b48038e47d
|
@ -20,17 +20,50 @@
|
|||
@row-selected="onRowSelected"
|
||||
>
|
||||
<template #cell(actions)="row">
|
||||
<b-button class="btn-xs" size="sm" title="Forcesell" @click="forcesellHandler(row.item)">
|
||||
<ForceSellIcon :size="16" title="Forcesell" />
|
||||
</b-button>
|
||||
<b-button
|
||||
class="btn-xs ml-1"
|
||||
size="sm"
|
||||
title="Delete trade"
|
||||
@click="removeTradeHandler(row.item)"
|
||||
>
|
||||
<DeleteIcon :size="16" title="Delete trade" />
|
||||
<b-button :id="`btn-actions_${row.index}`" class="btn-xs" size="sm" title="Actions">
|
||||
<ActionIcon :size="16" title="Actions" />
|
||||
</b-button>
|
||||
<b-popover :target="`btn-actions_${row.index}`" triggers="focus" placement="left">
|
||||
<div class="d-flex flex-column">
|
||||
<b-button
|
||||
v-if="botApiVersion <= 1.1"
|
||||
class="btn-xs text-left"
|
||||
size="sm"
|
||||
title="Forcesell"
|
||||
@click="forcesellHandler(row.item)"
|
||||
>
|
||||
<ForceSellIcon :size="16" title="Forcesell" class="mr-1" />Forcesell
|
||||
</b-button>
|
||||
<b-button
|
||||
v-if="botApiVersion > 1.1"
|
||||
class="btn-xs text-left"
|
||||
size="sm"
|
||||
title="Forcesell limit"
|
||||
@click="forcesellHandler(row.item, 'limit')"
|
||||
>
|
||||
<ForceSellIcon :size="16" title="Forcesell" class="mr-1" />Forcesell limit
|
||||
</b-button>
|
||||
<b-button
|
||||
v-if="botApiVersion > 1.1"
|
||||
class="btn-xs text-left mt-1"
|
||||
size="sm"
|
||||
title="Forcesell market"
|
||||
@click="forcesellHandler(row.item, 'market')"
|
||||
>
|
||||
<ForceSellIcon :size="16" title="Forcesell" class="mr-1" />Forcesell market
|
||||
</b-button>
|
||||
|
||||
<b-button
|
||||
class="btn-xs text-left mt-1"
|
||||
size="sm"
|
||||
title="Delete trade"
|
||||
@click="removeTradeHandler(row.item)"
|
||||
>
|
||||
<DeleteIcon :size="16" title="Delete trade" class="mr-1" />
|
||||
Delete
|
||||
</b-button>
|
||||
</div>
|
||||
</b-popover>
|
||||
</template>
|
||||
<template #cell(pair)="row">
|
||||
<span>
|
||||
|
@ -80,6 +113,7 @@ import { formatPercent, formatPrice } from '@/shared/formatters';
|
|||
import { MultiDeletePayload, MultiForcesellPayload, Trade } from '@/types';
|
||||
import DeleteIcon from 'vue-material-design-icons/Delete.vue';
|
||||
import ForceSellIcon from 'vue-material-design-icons/CloseBoxMultiple.vue';
|
||||
import ActionIcon from 'vue-material-design-icons/GestureTap.vue';
|
||||
import DateTimeTZ from '@/components/general/DateTimeTZ.vue';
|
||||
import { BotStoreGetters } from '@/store/modules/ftbot';
|
||||
import TradeProfit from './TradeProfit.vue';
|
||||
|
@ -87,7 +121,7 @@ import TradeProfit from './TradeProfit.vue';
|
|||
const ftbot = namespace('ftbot');
|
||||
|
||||
@Component({
|
||||
components: { DeleteIcon, ForceSellIcon, DateTimeTZ, TradeProfit },
|
||||
components: { DeleteIcon, ForceSellIcon, ActionIcon, DateTimeTZ, TradeProfit },
|
||||
})
|
||||
export default class TradeList extends Vue {
|
||||
$refs!: {
|
||||
|
@ -116,6 +150,8 @@ export default class TradeList extends Vue {
|
|||
|
||||
@ftbot.Getter [BotStoreGetters.stakeCurrencyDecimals]!: number;
|
||||
|
||||
@ftbot.Getter [BotStoreGetters.botApiVersion]: number;
|
||||
|
||||
@ftbot.Action setDetailTrade;
|
||||
|
||||
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
||||
|
@ -190,7 +226,7 @@ export default class TradeList extends Vue {
|
|||
return formatPrice(price, this.stakeCurrencyDecimals);
|
||||
}
|
||||
|
||||
forcesellHandler(item: Trade) {
|
||||
forcesellHandler(item: Trade, ordertype: string | undefined = undefined) {
|
||||
this.$bvModal
|
||||
.msgBoxConfirm(`Really forcesell trade ${item.trade_id} (Pair ${item.pair})?`)
|
||||
.then((value: boolean) => {
|
||||
|
@ -199,6 +235,9 @@ export default class TradeList extends Vue {
|
|||
tradeid: String(item.trade_id),
|
||||
botId: item.botId,
|
||||
};
|
||||
if (ordertype) {
|
||||
payload.ordertype = ordertype;
|
||||
}
|
||||
this.forceSellMulti(payload)
|
||||
.then((xxx) => console.log(xxx))
|
||||
.catch((error) => console.log(error.response));
|
||||
|
|
|
@ -6,6 +6,7 @@ export interface ForcebuyPayload {
|
|||
|
||||
export interface ForceSellPayload {
|
||||
tradeid: string;
|
||||
ordertype?: string;
|
||||
}
|
||||
|
||||
/** Interface only used internally to ensure the right bot is being called in a multibot environment. */
|
||||
|
|
Loading…
Reference in New Issue
Block a user