lychiyu/frequi_origin
1
0
Fork 0
mirror of https://github.com/freqtrade/frequi.git synced 2024-11-24 03:55:15 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

feat: initial working version of download-data component

Browse Source
This commit is contained in:
Matthias 2024-11-02 20:20:35 +01:00
parent 303bb8b67a
commit d654f955d9
2 changed files with 95 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
src/components/ftbot/DownloadDataMain.vue Normal file
View File

@ -0,0 +1,82 @@
<script setup lang="ts">
import { DownloadDataPayload } from '@/types';
const botStore = useBotStore();
const pairs = ref<string[]>(['XRP/USDT', 'BTC/USDT']);
const timeframes = ref<string[]>(['5m', '1h']);
const exchange = ref({
customExchange: false,
selectedExchange: {
exchange: 'binance',
trade_mode: {
margin_mode: '',
trading_mode: 'spot',
},
},
});
function addPair() {
pairs.value.push('');
}
function addTimeframe() {
timeframes.value.push('');
}
async function startDownload() {
const payload: DownloadDataPayload = {
pairs: pairs.value.filter((pair) => pair !== ''),
timeframes: timeframes.value.filter((tf) => tf !== ''),
timerange: '20240101-',
};
if (exchange.value.customExchange) {
console.log('setting custom exchange props');
payload.exchange = exchange.value.selectedExchange.exchange;
payload.trading_mode = exchange.value.selectedExchange.trade_mode.trading_mode;
payload.margin_mode = exchange.value.selectedExchange.trade_mode.margin_mode;
}
console.log(payload);
await botStore.activeBot.startDataDownload(payload);
}
</script>
<template>
<div class="d-flex px-3 mb-3 gap-3 flex-column flex-lg-column">
<h2>Download Data</h2>
<div class="d-flex flex-row gap-5">
<div class="d-flex flex-fill align-items-end gap-2">
<div class="d-flex flex-column flex-shrink">
<h4 class="text-start">Select Pairs</h4>
<div v-for="(pair, index) in pairs" :key="index">
<BFormInput v-model="pairs[index]" placeholder="Pair"></BFormInput>
</div>
</div>
<BButton variant="primary" title="Add Pair" @click="addPair"><i-mdi-plus /></BButton>
</div>
<div class="d-flex flex-fill align-items-end gap-2">
<div class="d-flex flex-column flex-shrink">
<h4 class="text-start">Select timeframes</h4>
<div v-for="(tf, index) in timeframes" :key="index">
<BFormInput v-model="timeframes[index]" placeholder="Timeframe"></BFormInput>
</div>
</div>
<BButton variant="primary" title="Add timeframe" @click="addTimeframe"
><i-mdi-plus
/></BButton>
</div>
</div>
<div class="mb-2 border rounded-1 p-2 text-start">
<BFormCheckbox v-model="exchange.customExchange" class="mb-2">
Custom Exchange
</BFormCheckbox>
<ExchangeSelect v-if="exchange.customExchange" v-model="exchange.selectedExchange" />
</div>
<BButton variant="primary" @click="startDownload">Start Download</BButton>
</div>
</template>
<style scoped>
.mb-3 {
margin-bottom: 1rem;
}
</style>

13
src/stores/ftbot.ts
View File

@ -54,6 +54,7 @@ import {
PairHistory,
HyperoptLossListResponse,
HyperoptLossObj,
DownloadDataPayload,
} from '@/types';
import axios, { AxiosResponse } from 'axios';
import { useWebSocket } from '@vueuse/core';
@ -704,6 +705,18 @@ export function createBotSubStore(botId: string, botName: string) {
return Promise.reject(error);
}
},
async startDataDownload(payload: DownloadDataPayload) {
try {
const { data } = await api.post<DownloadDataPayload, AxiosResponse<BgTaskStarted>>(
'/download_data',
payload,
);
return Promise.resolve(data);
} catch (error) {
console.error(error);
return Promise.reject(error);
}
},
// // Post methods
// // TODO: Migrate calls to API to a seperate module unrelated to pinia?
async startBot() {