Remove unnecessary Panes from trade view

This commit is contained in:
Matthias 2021-10-05 19:26:07 +02:00
parent 5858f4df6b
commit f4ccf31b6f
3 changed files with 15 additions and 54 deletions

View File

@ -2,7 +2,7 @@ import axios, { AxiosResponse } from 'axios';
import { AuthPayload, AuthResponse, BotDescriptors, AuthStorage, AuthStorageMulti } from '@/types';
const AUTH_LOGIN_INFO = 'auth_login_info';
const AUTH_LOGIN_INFO = 'ftAuthLoginInfo';
const APIBASE = '/api/v1';
export class UserService {
@ -215,6 +215,7 @@ export class UserService {
localStorage.removeItem(AUTH_REFRESH_TOKEN);
localStorage.removeItem(AUTH_ACCESS_TOKEN);
localStorage.removeItem(AUTH_API_URL);
localStorage.removeItem(AUTO_REFRESH);
}
}

View File

@ -1,12 +1,10 @@
import { GridItemData } from 'vue-grid-layout';
export enum TradeLayout {
botControls = 'g-botControls',
multiPane = 'g-multiPane',
openTrades = 'g-openTrades',
tradeHistory = 'g-tradeHistory',
tradeDetail = 'g-tradeDetail',
logView = 'g-logView',
chartView = 'g-chartView',
}
@ -40,13 +38,11 @@ export enum LayoutMutations {
}
// Define default layouts
const DEFAULT_TRADING_LAYOUT: GridItemData[] = [
{ i: TradeLayout.botControls, x: 0, y: 0, w: 3, h: 3 },
{ i: TradeLayout.multiPane, x: 0, y: 3, w: 3, h: 32 },
{ i: TradeLayout.multiPane, x: 0, y: 0, w: 3, h: 35 },
{ i: TradeLayout.chartView, x: 3, y: 0, w: 9, h: 14 },
{ i: TradeLayout.tradeDetail, x: 3, y: 19, w: 9, h: 6 },
{ i: TradeLayout.openTrades, x: 3, y: 14, w: 9, h: 5 },
{ i: TradeLayout.tradeHistory, x: 3, y: 25, w: 9, h: 10 },
{ i: TradeLayout.logView, x: 0, y: 35, w: 12, h: 13 },
];
const DEFAULT_DASHBOARD_LAYOUT: GridItemData[] = [

View File

@ -9,18 +9,6 @@
:is-draggable="!getLayoutLocked"
@layout-updated="layoutUpdatedEvent"
>
<GridItem
:i="gridLayoutBotControls.i"
:x="gridLayoutBotControls.x"
:y="gridLayoutBotControls.y"
:w="gridLayoutBotControls.w"
:h="gridLayoutBotControls.h"
drag-allow-from=".card-header"
>
<DraggableContainer header="Bot Controls">
<!-- <ReloadControl class="mr-3" /> -->
</DraggableContainer>
</GridItem>
<GridItem
:i="gridLayoutMultiPane.i"
:x="gridLayoutMultiPane.x"
@ -108,18 +96,6 @@
<TradeDetail :trade="tradeDetail"> </TradeDetail>
</DraggableContainer>
</GridItem>
<GridItem
:i="gridLayoutLogView.i"
:x="gridLayoutLogView.x"
:y="gridLayoutLogView.y"
:w="gridLayoutLogView.w"
:h="gridLayoutLogView.h"
drag-allow-from=".card-header"
>
<DraggableContainer header="Logs">
<LogViewer />
</DraggableContainer>
</GridItem>
<GridItem
:i="gridLayoutChartView.i"
:x="gridLayoutChartView.x"
@ -147,20 +123,18 @@ import { Component, Vue } from 'vue-property-decorator';
import { namespace } from 'vuex-class';
import { GridLayout, GridItem, GridItemData } from 'vue-grid-layout';
import TradeList from '@/components/ftbot/TradeList.vue';
import Performance from '@/components/ftbot/Performance.vue';
import Balance from '@/components/ftbot/Balance.vue';
import BotControls from '@/components/ftbot/BotControls.vue';
import BotStatus from '@/components/ftbot/BotStatus.vue';
import Balance from '@/components/ftbot/Balance.vue';
import CandleChartContainer from '@/components/charts/CandleChartContainer.vue';
import DailyStats from '@/components/ftbot/DailyStats.vue';
import DraggableContainer from '@/components/layout/DraggableContainer.vue';
import FTBotAPIPairList from '@/components/ftbot/FTBotAPIPairList.vue';
import PairLockList from '@/components/ftbot/PairLockList.vue';
import PairSummary from '@/components/ftbot/PairSummary.vue';
import Performance from '@/components/ftbot/Performance.vue';
import TradeDetail from '@/components/ftbot/TradeDetail.vue';
import ReloadControl from '@/components/ftbot/ReloadControl.vue';
import LogViewer from '@/components/ftbot/LogViewer.vue';
import DraggableContainer from '@/components/layout/DraggableContainer.vue';
import CandleChartContainer from '@/components/charts/CandleChartContainer.vue';
import TradeList from '@/components/ftbot/TradeList.vue';
import { Lock, Trade } from '@/types';
import { BotStoreGetters } from '@/store/modules/ftbot';
@ -171,22 +145,20 @@ const layoutNs = namespace('layout');
@Component({
components: {
GridLayout,
GridItem,
DraggableContainer,
TradeList,
Performance,
Balance,
BotControls,
BotStatus,
Balance,
CandleChartContainer,
DailyStats,
DraggableContainer,
FTBotAPIPairList,
GridItem,
GridLayout,
PairLockList,
PairSummary,
Performance,
TradeDetail,
ReloadControl,
LogViewer,
CandleChartContainer,
TradeList,
},
})
export default class Trading extends Vue {
@ -216,10 +188,6 @@ export default class Trading extends Vue {
return this.getTradingLayout;
}
get gridLayoutBotControls(): GridItemData {
return findGridLayout(this.gridLayout, TradeLayout.botControls);
}
get gridLayoutMultiPane(): GridItemData {
return findGridLayout(this.gridLayout, TradeLayout.multiPane);
}
@ -236,10 +204,6 @@ export default class Trading extends Vue {
return findGridLayout(this.gridLayout, TradeLayout.tradeDetail);
}
get gridLayoutLogView(): GridItemData {
return findGridLayout(this.gridLayout, TradeLayout.logView);
}
get gridLayoutChartView(): GridItemData {
return findGridLayout(this.gridLayout, TradeLayout.chartView);
}