mirror of
https://github.com/freqtrade/frequi.git
synced 2024-11-13 11:43:52 +00:00
67 lines
1.9 KiB
Vue
67 lines
1.9 KiB
Vue
|
<script setup lang="ts">
|
||
|
|
import ActionIcon from 'vue-material-design-icons/GestureTap.vue';
|
||
|
|
import TradeActions from './TradeActions.vue';
|
||
|
|
import CancelIcon from 'vue-material-design-icons/Cancel.vue';
|
||
|
|
import { Trade } from '@/types';
|
||
|
|
import { ref } from 'vue';
|
||
|
|
|
||
|
|
defineProps({
|
||
|
|
trade: { type: Object as () => Trade, required: true },
|
||
|
|
id: { type: Number, required: true },
|
||
|
|
botApiVersion: { type: Number, required: true },
|
||
|
|
});
|
||
|
|
const emit = defineEmits(['forceExit', 'forceExitPartial', 'cancelOpenOrder', 'deleteTrade']);
|
||
|
|
const popoverOpen = ref(false);
|
||
|
|
|
||
|
|
const forceExitHandler = (item: Trade, ordertype: string | undefined = undefined) => {
|
||
|
|
popoverOpen.value = false;
|
||
|
|
emit('forceExit', item, ordertype);
|
||
|
|
};
|
||
|
|
const forceExitPartialHandler = (item: Trade) => {
|
||
|
|
popoverOpen.value = false;
|
||
|
|
emit('forceExitPartial', item);
|
||
|
|
};
|
||
|
|
const cancelOpenOrderHandler = (item: Trade) => {
|
||
|
|
popoverOpen.value = false;
|
||
|
|
emit('cancelOpenOrder', item);
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div>
|
||
|
|
<b-button
|
||
|
|
:id="`btn-actions-${id}`"
|
||
|
|
class="btn-xs"
|
||
|
|
size="sm"
|
||
|
|
title="Actions"
|
||
|
|
@click="popoverOpen = !popoverOpen"
|
||
|
|
>
|
||
|
|
<ActionIcon :size="16" title="Actions" />
|
||
|
|
</b-button>
|
||
|
|
<b-popover
|
||
|
|
:target="`btn-actions-${id}`"
|
||
|
|
:title="`Actions for ${trade.pair}`"
|
||
|
|
triggers="manual"
|
||
|
|
:show="popoverOpen"
|
||
|
|
placement="left"
|
||
|
|
>
|
||
|
|
<trade-actions
|
||
|
|
:trade="trade"
|
||
|
|
:bot-api-version="botApiVersion"
|
||
|
|
@force-exit="forceExitHandler"
|
||
|
|
@force-exit-partial="forceExitPartialHandler"
|
||
|
|
@deleteTrade="
|
||
|
|
popoverOpen = false;
|
||
|
|
$emit('deleteTrade', trade);
|
||
|
|
"
|
||
|
|
@cancel-open-order="cancelOpenOrderHandler"
|
||
|
|
/>
|
||
|
|
<b-button class="mt-1 w-100 text-start" size="sm" @click="popoverOpen = false">
|
||
|
|
<CancelIcon :size="16" title="Close popup" class="me-1" />Close Actions menu
|
||
|
|
</b-button>
|
||
|
|
</b-popover>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style scoped></style>
|