From 5651978902050eafc45bc7885d7967dfcfccad0d Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sat, 25 Dec 2021 10:05:51 +0100
Subject: [PATCH] Add possibility for open / closed trades view

---
 src/router/index.ts      |  8 ++++++--
 src/views/TradesList.vue | 13 +++++++++++--
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/router/index.ts b/src/router/index.ts
index c42fb583..7df1fb2a 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -48,10 +48,14 @@ const routes: Array<RouteConfig> = [
     component: () => import(/* webpackChunkName: "balance" */ '@/components/ftbot/Balance.vue'),
   },
   {
-    path: '/trades',
-    name: 'Freqtrade trade',
+    path: '/open_trades',
     component: () => import(/* webpackChunkName: "balance" */ '@/views/TradesList.vue'),
   },
+  {
+    path: '/trade_history',
+    component: () => import(/* webpackChunkName: "balance" */ '@/views/TradesList.vue'),
+    props: { history: true },
+  },
   {
     path: '/settings',
     name: 'Freqtrade Settings',
diff --git a/src/views/TradesList.vue b/src/views/TradesList.vue
index a0647ed2..12603c8c 100644
--- a/src/views/TradesList.vue
+++ b/src/views/TradesList.vue
@@ -8,7 +8,14 @@
       empty-text="Currently no open trades."
     /> -->
     <CustomTradeList
-      class="trade-history"
+      v-if="!history"
+      :trades="openTrades"
+      title="Open trades"
+      :active-trades="true"
+      empty-text="No open Trades."
+    />
+    <CustomTradeList
+      v-if="history"
       :trades="closedTrades"
       title="Trade history"
       empty-text="No closed trades so far."
@@ -17,7 +24,7 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue } from 'vue-property-decorator';
+import { Component, Prop, Vue } from 'vue-property-decorator';
 import { namespace } from 'vuex-class';
 import CustomTradeList from '@/components/ftbot/CustomTradeList.vue';
 
@@ -33,6 +40,8 @@ const ftbot = namespace(StoreModules.ftbot);
   },
 })
 export default class Trading extends Vue {
+  @Prop({ default: false }) history!: boolean;
+
   @ftbot.Getter [BotStoreGetters.openTrades]!: Trade[];
 
   @ftbot.Getter [BotStoreGetters.closedTrades]!: Trade[];