Add daily statistics

src/ftbot/Balance.vue

@@ -20,7 +20,7 @@
 </template>
 
 <script>
-import { mapState } from 'vuex';
+import { mapActions, mapState } from 'vuex';
 
 export default {
   name: 'Balance',
@@ -35,9 +35,13 @@ export default {
     },
   },
   methods: {
+    ...mapActions('ftbot', ['getBalance']),
     formatCurrency(value) {
       return value ? value.toFixed(5) : '';
     },
   },
+  mounted() {
+    this.getBalance();
+  },
 };
 </script>

src/ftbot/DailyStats.vue

@@ -0,0 +1,30 @@
+<template>
+  <div>
+    <b-table class="table-sm" :items="dailyStats.data" :fields="daily_fields"> </b-table>
+  </div>
+</template>
+
+<script>
+import { mapActions, mapState } from 'vuex';
+
+export default {
+  name: 'DailyStats',
+  computed: {
+    ...mapState('ftbot', ['dailyStats']),
+    daily_fields() {
+      return [
+        { key: 'date', label: 'Day' },
+        { key: 'abs_profit', label: 'Profit' },
+        { key: 'fiat_value', label: `In ${this.dailyStats.fiat_display_currency}` },
+        { key: 'trade_count', label: 'Trades' },
+      ];
+    },
+  },
+  methods: {
+    ...mapActions('ftbot', ['getDaily']),
+  },
+  mounted() {
+    this.getDaily();
+  },
+};
+</script>

src/ftbot/TradeView.vue

@@ -16,9 +16,13 @@
                 <b-tab title="Performance">
                   <Performance class="performance-view" />
                 </b-tab>
-                <b-tab title="Balance">
+                <b-tab title="Balance" lazy>
                   <Balance />
                 </b-tab>
+                <b-tab title="Daily Stats" lazy>
+                  <DailyStats />
+                </b-tab>
+
                 <b-tab title="Whitelist"> </b-tab>
               </b-tabs>
             </div>
@@ -54,10 +58,11 @@ import Performance from './Performance.vue';
 import BotControls from './BotControls.vue';
 import BotStatus from './BotStatus.vue';
 import Balance from './Balance.vue';
+import DailyStats from './DailyStats.vue';
 
 export default {
   name: 'TradeView',
-  components: { TradeList, Performance, BotControls, BotStatus, Balance },
+  components: { TradeList, Performance, BotControls, BotStatus, Balance, DailyStats },
   created() {
     this.refreshAll();
   },

src/store/index.js

@@ -35,17 +35,19 @@ export default new Vuex.Store({
     refreshAll({dispatch}) {
       dispatch('refreshFrequent');
       dispatch('refreshSlow');
+      dispatch('ftbot/getDaily');
+      dispatch('ftbot/getBalance');
 
     },
     refreshSlow({ dispatch }) {
-      dispatch('ftbot/getBalance');
+      // dispatch('ftbot/getDaily');
       dispatch('ftbot/getPerformance');
       dispatch('ftbot/getProfit');
     },
     refreshFrequent({dispatch}) {
       // Refresh all data
-      dispatch('ftbot/getState');
       dispatch('ftbot/getOpentrades');
+      dispatch('ftbot/getState');
       dispatch('ftbot/getTrades');
       dispatch('ftbot/getWhitelist');
       dispatch('ftbot/getBlacklist');

src/store/modules/ftbot.js

@@ -11,7 +11,8 @@ export default {
     blacklist: [],
     profit: {},
     botState: {},
-    balance: {}
+    balance: {},
+    dailyStats: [],
   },
   getters: {
     openTrades(state) {
@@ -42,6 +43,9 @@ export default {
     updateProfit(state, profit) {
       state.profit = profit;
     },
+    updateDaily(state, daily) {
+      state.dailyStats = daily;
+    },
     updateBalance(state, balance) {
       state.balance = balance;
     },
@@ -86,6 +90,11 @@ export default {
         .then((result) => commit('updateBalance', result.data))
         .catch(console.error);
     },
+    getDaily({ commit }) {
+      return api.get(`/daily`)
+        .then((result) => commit('updateDaily', result.data))
+        .catch(console.error);
+    },
     getState({ commit }) {
       return api.get(`/show_config`)
         .then((result) => commit('updateState', result.data))