lychiyu/frequi_origin
1
0
Fork 0
mirror of https://github.com/freqtrade/frequi.git synced 2024-11-27 05:25:17 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Additional responsive routes

Browse Source
This commit is contained in:
Matthias 2021-12-25 17:57:31 +01:00
parent 919c16a33a
commit 7bc6192f73
3 changed files with 27 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/layout/NavBar.vue
View File

@ -18,7 +18,7 @@
<router-link v-if="!canRunBacktest" class="nav-link navbar-nav" to="/dashboard" <router-link v-if="!canRunBacktest" class="nav-link navbar-nav" to="/dashboard"
>Dashboard</router-link >Dashboard</router-link
> >
<router-link class="nav-link navbar-nav" to="/graph">Graph</router-link> <router-link class="nav-link navbar-nav" to="/graph">Chart</router-link>
<router-link class="nav-link navbar-nav" to="/logs">Logs</router-link> <router-link class="nav-link navbar-nav" to="/logs">Logs</router-link>
<router-link v-if="canRunBacktest" class="nav-link navbar-nav" to="/backtest" <router-link v-if="canRunBacktest" class="nav-link navbar-nav" to="/backtest"
>Backtest</router-link >Backtest</router-link

22
src/components/layout/NavFooter.vue
View File

@ -5,11 +5,15 @@
<div class="d-flex flex-align-center justify-content-center"> <div class="d-flex flex-align-center justify-content-center">
<router-link v-if="!canRunBacktest" class="nav-link navbar-nav" to="/open_trades"> <router-link v-if="!canRunBacktest" class="nav-link navbar-nav" to="/open_trades">
<OpenTradesIcon /> <OpenTradesIcon />
Open Trades Trades
</router-link> </router-link>
<router-link v-if="!canRunBacktest" class="nav-link navbar-nav" to="/trade_history"> <router-link v-if="!canRunBacktest" class="nav-link navbar-nav" to="/trade_history">
<ClosedTradesIcon /> <ClosedTradesIcon />
Trade History History
</router-link>
<router-link v-if="!canRunBacktest" class="nav-link navbar-nav" to="/pairlist">
<PairListIcon />
Pairlist
</router-link> </router-link>
<router-link v-if="!canRunBacktest" class="nav-link navbar-nav" to="/balance"> <router-link v-if="!canRunBacktest" class="nav-link navbar-nav" to="/balance">
<BalanceIcon /> <BalanceIcon />
@ -30,14 +34,24 @@ import { BotStoreGetters } from '@/store/modules/ftbot';
import OpenTradesIcon from 'vue-material-design-icons/FolderOpen.vue'; import OpenTradesIcon from 'vue-material-design-icons/FolderOpen.vue';
import ClosedTradesIcon from 'vue-material-design-icons/FolderLock.vue'; import ClosedTradesIcon from 'vue-material-design-icons/FolderLock.vue';
import BalanceIcon from 'vue-material-design-icons/Bank.vue'; import BalanceIcon from 'vue-material-design-icons/Bank.vue';
import PairListIcon from 'vue-material-design-icons/ViewList.vue';
import DashboardIcon from 'vue-material-design-icons/ViewDashboardOutline.vue'; import DashboardIcon from 'vue-material-design-icons/ViewDashboardOutline.vue';
const ftbot = namespace('ftbot'); const ftbot = namespace('ftbot');
@Component({ components: { OpenTradesIcon, ClosedTradesIcon, BalanceIcon, DashboardIcon } }) @Component({
components: { OpenTradesIcon, ClosedTradesIcon, BalanceIcon, PairListIcon, DashboardIcon },
})
export default class NavFooter extends Vue { export default class NavFooter extends Vue {
@ftbot.Getter [BotStoreGetters.canRunBacktest]!: boolean; @ftbot.Getter [BotStoreGetters.canRunBacktest]!: boolean;
} }
</script> </script>
<style lang="scss" scoped></style> <style lang="scss" scoped>
[data-theme='dark'] {
.router-link-active,
.nav-link:active {
color: white !important;
}
}
</style>

10
src/router/index.ts
View File

@ -49,13 +49,19 @@ const routes: Array<RouteConfig> = [
}, },
{ {
path: '/open_trades', path: '/open_trades',
component: () => import(/* webpackChunkName: "balance" */ '@/views/TradesList.vue'), component: () => import(/* webpackChunkName: "trades" */ '@/views/TradesList.vue'),
}, },
{ {
path: '/trade_history', path: '/trade_history',
component: () => import(/* webpackChunkName: "balance" */ '@/views/TradesList.vue'), component: () => import(/* webpackChunkName: "trades" */ '@/views/TradesList.vue'),
props: { history: true }, props: { history: true },
}, },
{
path: '/pairlist',
component: () =>
import(/* webpackChunkName: "pairlist" */ '@/components/ftbot/FTBotAPIPairList.vue'),
},
{ {
path: '/settings', path: '/settings',
name: 'Freqtrade Settings', name: 'Freqtrade Settings',