mirror of
https://github.com/freqtrade/frequi.git
synced 2024-11-14 12:13:52 +00:00
40 lines
1.1 KiB
Vue
40 lines
1.1 KiB
Vue
<template>
|
|
<div class="container d-flex flex-column align-items-center">
|
|
<h3>Available results:</h3>
|
|
<b-list-group class="ml-2">
|
|
<b-list-group-item
|
|
v-for="[key, strat] in Object.entries(backtestHistory)"
|
|
:key="key"
|
|
button
|
|
:active="key === selectedBacktestResultKey"
|
|
class="d-flex justify-content-between align-items-center py-1"
|
|
@click="setBacktestResult(key)"
|
|
>
|
|
{{ key }} {{ strat.total_trades }} {{ formatPercent(strat.profit_total) }}
|
|
</b-list-group-item>
|
|
</b-list-group>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { formatPercent } from '@/shared/formatters';
|
|
import { StrategyBacktestResult } from '@/types';
|
|
import { Component, Emit, Prop, Vue } from 'vue-property-decorator';
|
|
|
|
@Component({})
|
|
export default class BacktestResultSelect extends Vue {
|
|
@Prop({ required: true }) backtestHistory!: StrategyBacktestResult[];
|
|
|
|
@Prop({ required: false, default: '' }) selectedBacktestResultKey!: string;
|
|
|
|
@Emit('selectionChange')
|
|
setBacktestResult(key) {
|
|
return key;
|
|
}
|
|
|
|
formatPercent = formatPercent;
|
|
}
|
|
</script>
|
|
|
|
<style scoped></style>
|