mirror of
https://github.com/freqtrade/frequi.git
synced 2024-11-23 11:35:14 +00:00
80 lines
2.6 KiB
Vue
80 lines
2.6 KiB
Vue
<template>
|
|
<div class="d-flex flex-column h-100">
|
|
<!-- <div v-if="isWebserverMode" class="me-auto ms-3"> -->
|
|
<!-- Currently only available in Webserver mode -->
|
|
<!-- <b-form-checkbox v-model="historicView">HistoricData</b-form-checkbox> -->
|
|
<!-- </div> -->
|
|
<div v-if="botStore.activeBot.isWebserverMode" class="mx-md-3 mt-2">
|
|
<div class="d-flex flex-wrap mx-1 gap-1 gap-md-2">
|
|
<div class="col-12 col-md-3 text-start me-md-1">
|
|
<span>Strategy</span>
|
|
<StrategySelect v-model="strategy" class="mt-1"></StrategySelect>
|
|
</div>
|
|
<div class="col-12 col-md-3 text-start">
|
|
<span>Timeframe</span>
|
|
<TimeframeSelect v-model="selectedTimeframe" class="mt-1" />
|
|
</div>
|
|
<TimeRangeSelect v-model="timerange"></TimeRangeSelect>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mx-md-2 mt-2 pb-1 h-100">
|
|
<CandleChartContainer
|
|
:available-pairs="availablePairs"
|
|
:historic-view="botStore.activeBot.isWebserverMode"
|
|
:timeframe="finalTimeframe"
|
|
:trades="botStore.activeBot.trades"
|
|
:timerange="botStore.activeBot.isWebserverMode ? timerange : ''"
|
|
:strategy="botStore.activeBot.isWebserverMode ? strategy : ''"
|
|
:plot-config-modal="false"
|
|
>
|
|
</CandleChartContainer>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { useBotStore } from '@/stores/ftbotwrapper';
|
|
|
|
const botStore = useBotStore();
|
|
const strategy = ref('');
|
|
const timerange = ref('');
|
|
const selectedTimeframe = ref('');
|
|
|
|
const finalTimeframe = computed<string>(() => {
|
|
return botStore.activeBot.isWebserverMode
|
|
? selectedTimeframe.value || botStore.activeBot.strategy.timeframe || ''
|
|
: botStore.activeBot.timeframe;
|
|
});
|
|
|
|
const availablePairs = computed<string[]>(() => {
|
|
if (botStore.activeBot.isWebserverMode) {
|
|
if (finalTimeframe.value && finalTimeframe.value !== '') {
|
|
const tf = finalTimeframe.value;
|
|
return botStore.activeBot.pairlistWithTimeframe
|
|
.filter(([_, timeframe]) => {
|
|
// console.log(pair, timeframe, tf);
|
|
return timeframe === tf;
|
|
})
|
|
.map(([pair]) => pair);
|
|
}
|
|
return botStore.activeBot.pairlist;
|
|
}
|
|
return botStore.activeBot.whitelist;
|
|
});
|
|
|
|
onMounted(() => {
|
|
if (botStore.activeBot.isWebserverMode) {
|
|
// this.refresh();
|
|
botStore.activeBot.getAvailablePairs({ timeframe: botStore.activeBot.timeframe });
|
|
// .then((val) => {
|
|
// console.log(val);
|
|
// });
|
|
} else if (!botStore.activeBot.whitelist || botStore.activeBot.whitelist.length === 0) {
|
|
botStore.activeBot.getWhitelist();
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<style scoped></style>
|