frequi_origin/src/components/ftbot/TradeActions.vue

<template>
  <div class="d-flex flex-column">
    <b-button
      v-if="botApiVersion <= 1.1"
      class="btn-xs text-left"
      size="sm"
      title="Forceexit"
      @click="$emit('forceSell', trade)"
    >
      <ForceSellIcon :size="16" title="Forceexit" class="mr-1" />Forceexit
    </b-button>
    <b-button
      v-if="botApiVersion > 1.1"
      class="btn-xs text-left"
      size="sm"
      title="Forceexit limit"
      @click="$emit('forceSell', trade, 'limit')"
    >
      <ForceSellIcon :size="16" title="Forceexit limit" class="mr-1" />Forceexit limit
    </b-button>
    <b-button
      v-if="botApiVersion > 1.1"
      class="btn-xs text-left mt-1"
      size="sm"
      title="Forceexit market"
      @click="$emit('forceSell', trade, 'market')"
    >
      <ForceSellIcon :size="16" title="Forceexit market" class="mr-1" />Forceexit market
    </b-button>

    <b-button
      class="btn-xs text-left mt-1"
      size="sm"
      title="Delete trade"
      @click="$emit('deleteTrade', trade)"
    >
      <DeleteIcon :size="16" title="Delete trade" class="mr-1" />
      Delete
    </b-button>
  </div>
</template>

<script lang="ts">
import { Trade } from '@/types';
import { defineComponent } from 'vue';
import DeleteIcon from 'vue-material-design-icons/Delete.vue';
import ForceSellIcon from 'vue-material-design-icons/CloseBoxMultiple.vue';

export default defineComponent({
  name: 'TradeActions',
  components: { DeleteIcon, ForceSellIcon },
  props: {
    botApiVersion: {
      type: Number,
      default: 1.0,
    },
    trade: {
      type: Object as () => Trade,
      required: true,
    },
  },
  emits: ['forceSell', 'deleteTrade'],
  setup() {
    return {};
  },
});
</script>

<style scoped lang="scss"></style>