mirror of
https://github.com/freqtrade/frequi.git
synced 2024-09-21 18:11:08 +00:00
66 lines
1.9 KiB
Vue
66 lines
1.9 KiB
Vue
<template>
|
|
<div>
|
|
<div v-if="whitelist.length > 0" class="d-flex flex-column flex-lg-row px-2">
|
|
<!-- TODO: look into flexbox solution to have overflow scroll? -->
|
|
<b-list-group class="col-12 col-md-2 overflow-auto" style="height: calc(100vh - 135px)">
|
|
<b-list-group-item
|
|
v-for="(pair, i) in whitelist"
|
|
:key="pair.pair"
|
|
button
|
|
class="d-flex py-2"
|
|
:active="pair.pair === botStore.activeBot.selectedPair"
|
|
:title="pair.pair"
|
|
@click="botStore.activeBot.selectedPair = pair.pair"
|
|
>
|
|
<b-form-checkbox v-model="whitelist[i].enabled"></b-form-checkbox>
|
|
{{ pair.pair }}
|
|
</b-list-group-item>
|
|
</b-list-group>
|
|
<div class="flex-fill">
|
|
<ChartView />
|
|
</div>
|
|
<div class="col-12 col-md-2">
|
|
<CopyableTextfield
|
|
style="height: calc(100vh - 135px)"
|
|
class="overflow-auto"
|
|
:content="
|
|
JSON.stringify(
|
|
whitelist.filter((p) => p.enabled === true).map((p) => p.pair),
|
|
null,
|
|
2,
|
|
)
|
|
"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div v-else>
|
|
<p>Evaluation returned 0 pairs</p>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref, watch } from 'vue';
|
|
import { useBotStore } from '@/stores/ftbotwrapper';
|
|
import { usePairlistConfigStore } from '@/stores/pairlistConfig';
|
|
import ChartView from '@/views/ChartsView.vue';
|
|
import CopyableTextfield from '@/components/general/CopyableTextfield.vue';
|
|
|
|
const botStore = useBotStore();
|
|
const pairlistStore = usePairlistConfigStore();
|
|
|
|
const whitelist = ref<{ enabled: boolean; pair: string }[]>([]);
|
|
|
|
watch(
|
|
() => pairlistStore.whitelist,
|
|
() => {
|
|
whitelist.value = pairlistStore.whitelist.map((p) => {
|
|
return {
|
|
enabled: true,
|
|
pair: p,
|
|
};
|
|
});
|
|
},
|
|
);
|
|
</script>
|