From 8ec31cbb350f1bbc5d290a893466d42551f00118 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sat, 24 Oct 2020 20:04:01 +0200
Subject: [PATCH] Add Pairlock view

---
 src/components/ftbot/PairLockList.vue | 39 +++++++++++++++++++++++++++
 src/store/index.ts                    |  1 +
 src/store/modules/ftbot.ts            |  2 +-
 src/store/modules/layout.ts           |  2 +-
 src/views/Trading.vue                 |  5 ++++
 5 files changed, 47 insertions(+), 2 deletions(-)
 create mode 100644 src/components/ftbot/PairLockList.vue

diff --git a/src/components/ftbot/PairLockList.vue b/src/components/ftbot/PairLockList.vue
new file mode 100644
index 00000000..a22c82e5
--- /dev/null
+++ b/src/components/ftbot/PairLockList.vue
@@ -0,0 +1,39 @@
+<template>
+  <div>
+    <div class="mb-2">
+      <label class="mr-auto h3">Pair Locks</label>
+      <b-button class="float-right" size="sm" @click="getLocks">&#x21bb;</b-button>
+    </div>
+    <div>
+      <b-table class="table-sm" :items="locks.locks" :fields="tableFields"> </b-table>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { timestampms } from '@/shared/formatters';
+import { LockResponse } from '@/types';
+import { Component, Vue } from 'vue-property-decorator';
+import { namespace } from 'vuex-class';
+
+const ftbot = namespace('ftbot');
+
+@Component({})
+export default class PairLockList extends Vue {
+  @ftbot.Action getLocks;
+
+  @ftbot.State locks!: LockResponse;
+
+  timestampms = timestampms;
+
+  get tableFields() {
+    return [
+      { key: 'pair', label: 'Pair' },
+      { key: 'lock_end_timestamp', label: 'Until', formatter: 'timestampms' },
+      { key: 'reason', label: 'Reason' },
+    ];
+  }
+}
+</script>
+
+<style scoped></style>
diff --git a/src/store/index.ts b/src/store/index.ts
index 88895ec9..76e6dc14 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -75,6 +75,7 @@ export default new Vuex.Store({
       // Refresh data that's needed in near realtime
       dispatch('ftbot/getOpenTrades');
       dispatch('ftbot/getState');
+      dispatch('ftbot/getLocks');
     },
   },
 });
diff --git a/src/store/modules/ftbot.ts b/src/store/modules/ftbot.ts
index 019c9619..71f4b01d 100644
--- a/src/store/modules/ftbot.ts
+++ b/src/store/modules/ftbot.ts
@@ -64,7 +64,7 @@ export default {
     strategyList: [],
     strategy: {},
     pairlist: [],
-    currentLocks: [],
+    locks: [],
   },
   getters: {
     [BotStoreGetters.plotConfig](state) {
diff --git a/src/store/modules/layout.ts b/src/store/modules/layout.ts
index 3bd08340..ecf029d6 100644
--- a/src/store/modules/layout.ts
+++ b/src/store/modules/layout.ts
@@ -29,7 +29,7 @@ export enum LayoutActions {
   resetTradingLayout = 'resetTradingLayout',
 }
 
-enum LayoutMutations {
+export enum LayoutMutations {
   setDashboardLayout = 'setDashboardLayout',
   setTradingLayout = 'setTradingLayout',
 }
diff --git a/src/views/Trading.vue b/src/views/Trading.vue
index d66c0ca5..0b062c47 100644
--- a/src/views/Trading.vue
+++ b/src/views/Trading.vue
@@ -45,6 +45,9 @@
           <b-tab title="Pairlist" lazy>
             <FTBotAPIPairList />
           </b-tab>
+          <b-tab title="Pair Locks" lazy>
+            <PairLockList />
+          </b-tab>
         </b-tabs>
       </DraggableContainer>
     </GridItem>
@@ -143,6 +146,7 @@ import BotStatus from '@/components/ftbot/BotStatus.vue';
 import Balance from '@/components/ftbot/Balance.vue';
 import DailyStats from '@/components/ftbot/DailyStats.vue';
 import FTBotAPIPairList from '@/components/ftbot/FTBotAPIPairList.vue';
+import PairLockList from '@/components/ftbot/PairLockList.vue';
 import TradeDetail from '@/components/ftbot/TradeDetail.vue';
 import ReloadControl from '@/components/ftbot/ReloadControl.vue';
 import LogViewer from '@/components/ftbot/LogViewer.vue';
@@ -168,6 +172,7 @@ const layoutNs = namespace('layout');
     Balance,
     DailyStats,
     FTBotAPIPairList,
+    PairLockList,
     TradeDetail,
     ReloadControl,
     LogViewer,