From d09dc489446c5c61c4fe96817bf57d5fd9fcb097 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Mon, 27 Feb 2023 20:21:45 +0100
Subject: [PATCH] Pair summary -> script setup

---
 src/components/ftbot/PairSummary.vue | 173 +++++++++++++--------------
 1 file changed, 81 insertions(+), 92 deletions(-)

diff --git a/src/components/ftbot/PairSummary.vue b/src/components/ftbot/PairSummary.vue
index 1bd02e68..b68f6060 100644
--- a/src/components/ftbot/PairSummary.vue
+++ b/src/components/ftbot/PairSummary.vue
@@ -25,12 +25,12 @@
   </b-list-group>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 import { formatPercent, timestampms } from '@/shared/formatters';
 import { Lock, Trade } from '@/types';
 import TradeProfit from '@/components/ftbot/TradeProfit.vue';
 import ProfitPill from '@/components/general/ProfitPill.vue';
-import { defineComponent, computed } from 'vue';
+import { computed } from 'vue';
 import { useBotStore } from '@/stores/ftbotwrapper';
 
 interface CombinedPairList {
@@ -44,101 +44,90 @@ interface CombinedPairList {
   tradeCount: number;
 }
 
-export default defineComponent({
-  name: 'PairSummary',
-  components: { TradeProfit, ProfitPill },
-  props: {
-    // TOOD: Should be string list
-    pairlist: { required: true, type: Array as () => string[] },
-    currentLocks: { required: false, type: Array as () => Lock[], default: () => [] },
-    trades: { required: true, type: Array as () => Trade[] },
-    sortMethod: { default: 'normal', type: String },
-    backtestMode: { required: false, default: false, type: Boolean },
-  },
-  setup(props) {
-    const botStore = useBotStore();
-    const combinedPairList = computed(() => {
-      const comb: CombinedPairList[] = [];
+const props = defineProps({
+  // TOOD: Should be string list
+  pairlist: { required: true, type: Array as () => string[] },
+  currentLocks: { required: false, type: Array as () => Lock[], default: () => [] },
+  trades: { required: true, type: Array as () => Trade[] },
+  sortMethod: { default: 'normal', type: String },
+  backtestMode: { required: false, default: false, type: Boolean },
+});
+const botStore = useBotStore();
+const combinedPairList = computed(() => {
+  const comb: CombinedPairList[] = [];
 
-      props.pairlist.forEach((pair) => {
-        const trades: Trade[] = props.trades.filter((el) => el.pair === pair);
-        const allLocks = props.currentLocks.filter((el) => el.pair === pair);
-        let lockReason = '';
-        let locks;
+  props.pairlist.forEach((pair) => {
+    const trades: Trade[] = props.trades.filter((el) => el.pair === pair);
+    const allLocks = props.currentLocks.filter((el) => el.pair === pair);
+    let lockReason = '';
+    let locks;
 
-        // Sort to have longer timeframe in front
-        allLocks.sort((a, b) => (a.lock_end_timestamp > b.lock_end_timestamp ? -1 : 1));
-        if (allLocks.length > 0) {
-          [locks] = allLocks;
-          lockReason = `${timestampms(locks.lock_end_timestamp)} - ${locks.reason}`;
-        }
-        let profitString = '';
-        let profit = 0;
-        let profitAbs = 0;
-        trades.forEach((trade) => {
-          profit += trade.profit_ratio;
-          profitAbs += trade.profit_abs ?? 0;
-        });
-        const tradeCount = trades.length;
-        const trade = tradeCount ? trades[0] : undefined;
-        if (trades.length > 0) {
-          profitString = `Current profit: ${formatPercent(profit)}`;
-        }
-        if (trade) {
-          profitString += `\nOpen since: ${timestampms(trade.open_timestamp)}`;
-        }
-        comb.push({ pair, trade, locks, lockReason, profitString, profit, profitAbs, tradeCount });
-      });
-      if (props.sortMethod === 'profit') {
-        comb.sort((a, b) => {
-          if (a.profit > b.profit) {
-            return -1;
-          }
-          return 1;
-        });
-      } else {
-        // sort Pairs: "with open trade" -> available -> locked
-        comb.sort((a, b) => {
-          if (a.trade && !b.trade) {
-            return -1;
-          }
-          if (a.trade && b.trade) {
-            // 2 open trade pairs
-            return a.trade.trade_id > b.trade.trade_id ? 1 : -1;
-          }
-          if (!a.locks && b.locks) {
-            return -1;
-          }
-          if (a.locks && b.locks) {
-            // Both have locks
-            return a.locks.lock_end_timestamp > b.locks.lock_end_timestamp ? 1 : -1;
-          }
-          return 1;
-        });
+    // Sort to have longer timeframe in front
+    allLocks.sort((a, b) => (a.lock_end_timestamp > b.lock_end_timestamp ? -1 : 1));
+    if (allLocks.length > 0) {
+      [locks] = allLocks;
+      lockReason = `${timestampms(locks.lock_end_timestamp)} - ${locks.reason}`;
+    }
+    let profitString = '';
+    let profit = 0;
+    let profitAbs = 0;
+    trades.forEach((trade) => {
+      profit += trade.profit_ratio;
+      profitAbs += trade.profit_abs ?? 0;
+    });
+    const tradeCount = trades.length;
+    const trade = tradeCount ? trades[0] : undefined;
+    if (trades.length > 0) {
+      profitString = `Current profit: ${formatPercent(profit)}`;
+    }
+    if (trade) {
+      profitString += `\nOpen since: ${timestampms(trade.open_timestamp)}`;
+    }
+    comb.push({ pair, trade, locks, lockReason, profitString, profit, profitAbs, tradeCount });
+  });
+  if (props.sortMethod === 'profit') {
+    comb.sort((a, b) => {
+      if (a.profit > b.profit) {
+        return -1;
       }
-      return comb;
+      return 1;
     });
-    const tableFields = computed(() => {
-      return [
-        { key: 'pair', label: 'Pair' },
-        {
-          key: 'locks.lock_end_timestamp',
-          label: 'Lock',
-          formatter: (value) => (value ? `${timestampms(value)}` : ''),
-        },
-        {
-          key: 'trade.current_profit',
-          label: 'Position',
-          formatter: (value) => formatPercent(value, 3),
-        },
-      ];
+  } else {
+    // sort Pairs: "with open trade" -> available -> locked
+    comb.sort((a, b) => {
+      if (a.trade && !b.trade) {
+        return -1;
+      }
+      if (a.trade && b.trade) {
+        // 2 open trade pairs
+        return a.trade.trade_id > b.trade.trade_id ? 1 : -1;
+      }
+      if (!a.locks && b.locks) {
+        return -1;
+      }
+      if (a.locks && b.locks) {
+        // Both have locks
+        return a.locks.lock_end_timestamp > b.locks.lock_end_timestamp ? 1 : -1;
+      }
+      return 1;
     });
-    return {
-      combinedPairList,
-      tableFields,
-      botStore,
-    };
-  },
+  }
+  return comb;
+});
+const tableFields = computed(() => {
+  return [
+    { key: 'pair', label: 'Pair' },
+    {
+      key: 'locks.lock_end_timestamp',
+      label: 'Lock',
+      formatter: (value) => (value ? `${timestampms(value)}` : ''),
+    },
+    {
+      key: 'trade.current_profit',
+      label: 'Position',
+      formatter: (value) => formatPercent(value, 3),
+    },
+  ];
 });
 </script>