mirror of
https://github.com/freqtrade/frequi.git
synced 2024-09-22 10:31:09 +00:00
50 lines
1.2 KiB
Vue
50 lines
1.2 KiB
Vue
<template>
|
|
<div>
|
|
<div class="mb-2">
|
|
<label class="mr-auto h3">Daily Stats</label>
|
|
<b-button class="float-right" size="sm" @click="getDaily">↻</b-button>
|
|
</div>
|
|
<div>
|
|
<DailyChart v-if="dailyStats.data" :daily-stats="dailyStats" />
|
|
</div>
|
|
<div>
|
|
<b-table class="table-sm" :items="dailyStats.data" :fields="dailyFields"> </b-table>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import Vue from 'vue';
|
|
import { mapActions, mapState } from 'vuex';
|
|
import DailyChart from '@/components/charts/DailyChart.vue';
|
|
import { formatPrice } from '@/shared/formatters';
|
|
|
|
export default Vue.extend({
|
|
name: 'DailyStats',
|
|
components: {
|
|
DailyChart,
|
|
},
|
|
computed: {
|
|
...mapState('ftbot', ['dailyStats']),
|
|
dailyFields() {
|
|
return [
|
|
{ key: 'date', label: 'Day' },
|
|
{ key: 'abs_profit', label: 'Profit', formatter: (value) => formatPrice(value) },
|
|
{
|
|
key: 'fiat_value',
|
|
label: `In ${this.dailyStats.fiat_display_currency}`,
|
|
formatter: (value) => formatPrice(value, 2),
|
|
},
|
|
{ key: 'trade_count', label: 'Trades' },
|
|
];
|
|
},
|
|
},
|
|
mounted() {
|
|
this.getDaily();
|
|
},
|
|
methods: {
|
|
...mapActions('ftbot', ['getDaily']),
|
|
},
|
|
});
|
|
</script>
|