frequi_origin/src/components/ftbot/BotControls.vue

forceexit
<template>
  <div>
    <button
      class="btn btn-secondary btn-sm ms-1"
      :disabled="!botStore.activeBot.isTrading || isRunning"
      title="Start Trading"
      @click="botStore.activeBot.startBot()"
    >
      <PlayIcon height="24" width="24" />
    </button>
    <button
      class="btn btn-secondary btn-sm ms-1"
      :disabled="!botStore.activeBot.isTrading || !isRunning"
      title="Stop Trading - Also stops handling open trades."
      @click="handleStopBot()"
    >
      <StopIcon height="24" width="24" />
    </button>
    <button
      class="btn btn-secondary btn-sm ms-1"
      :disabled="!botStore.activeBot.isTrading || !isRunning"
      title="StopBuy - Stops buying, but still handles open trades"
      @click="handleStopBuy()"
    >
      <PauseIcon height="24" width="24" />
    </button>
    <button
      class="btn btn-secondary btn-sm ms-1"
      :disabled="!botStore.activeBot.isTrading"
      title="Reload Config - reloads configuration including strategy, resetting all settings changed on the fly."
      @click="handleReloadConfig()"
    >
      <ReloadIcon height="24" width="24" />
    </button>
    <button
      class="btn btn-secondary btn-sm ms-1"
      :disabled="!botStore.activeBot.isTrading"
      title="Force exit all"
      @click="handleForceExit()"
    >
      <ForceExitIcon height="24" width="24" />
    </button>
    <button
      v-if="botStore.activeBot.botState && botStore.activeBot.botState.force_entry_enable"
      class="btn btn-secondary btn-sm ms-1"
      :disabled="!botStore.activeBot.isTrading || !isRunning"
      title="Force enter - Immediately enter a trade at an optional price. Exits are then handled according to strategy rules."
      @click="forceEnter = true"
    >
      <ForceEntryIcon style="font-size: 20px" />
    </button>
    <button
      v-if="botStore.activeBot.isWebserverMode && false"
      :disabled="botStore.activeBot.isTrading"
      class="btn btn-secondary btn-sm ms-1"
      title="Start Trading mode"
      @click="botStore.activeBot.startTrade()"
    >
      <PlayIcon class="fs-4" />
    </button>
    <ForceEntryForm v-model="forceEnter" :pair="botStore.activeBot.selectedPair" />
    <MessageBox ref="msgBox" />
  </div>
</template>

<script lang="ts">
import MessageBox, { MsgBoxObject } from '@/components/general/MessageBox.vue';
import { useBotStore } from '@/stores/ftbotwrapper';
import { ForceSellPayload } from '@/types';
import { computed, defineComponent, ref } from 'vue';
import ForceExitIcon from '~icons/mdi/close-box-multiple';
import PauseIcon from '~icons/mdi/pause';
import PlayIcon from '~icons/mdi/play';
import ForceEntryIcon from '~icons/mdi/plus-box-multiple-outline';
import ReloadIcon from '~icons/mdi/reload';
import StopIcon from '~icons/mdi/stop';

import ForceEntryForm from './ForceEntryForm.vue';

export default defineComponent({
  name: 'BotControls',
  components: {
    ForceEntryForm,
    PlayIcon,
    StopIcon,
    PauseIcon,
    ReloadIcon,
    ForceExitIcon,
    ForceEntryIcon,
    MessageBox,
  },
  setup() {
    const botStore = useBotStore();
    const forceEnter = ref<boolean>(false);
    const msgBox = ref<typeof MessageBox>();

    const isRunning = computed((): boolean => {
      return botStore.activeBot.botState?.state === 'running';
    });

    const handleStopBot = () => {
      const msg: MsgBoxObject = {
        title: 'Stop Bot',
        message: 'Stop the bot loop from running?',
        accept: () => {
          botStore.activeBot.stopBot();
        },
      };
      msgBox.value?.show(msg);
    };

    const handleStopBuy = () => {
      const msg: MsgBoxObject = {
        title: 'Stop Buying',
        message: 'Freqtrade will continue to handle open trades.',
        accept: () => {
          botStore.activeBot.stopBuy();
        },
      };
      msgBox.value?.show(msg);
    };

    const handleReloadConfig = () => {
      const msg: MsgBoxObject = {
        title: 'Reload',
        message: 'Reload configuration (including strategy)?',
        accept: () => {
          console.log('reload...');
          botStore.activeBot.reloadConfig();
        },
      };
      msgBox.value?.show(msg);
    };

    const handleForceExit = () => {
      const msg: MsgBoxObject = {
        title: 'ForceExit all',
        message: 'Really forceexit ALL trades?',
        accept: () => {
          const payload: ForceSellPayload = {
            tradeid: 'all',
            // TODO: support ordertype (?)
          };
          botStore.activeBot.forceexit(payload);
        },
      };
      msgBox.value?.show(msg);
    };
    return {
      handleStopBot,
      handleStopBuy,
      handleReloadConfig,
      handleForceExit,
      forceEnter,
      botStore,
      isRunning,
      msgBox,
    };
  },
});
</script>