Add seperate Log View

src/components/layout/NavBar.vue

@@ -13,6 +13,7 @@
           <b-nav-item v-if="!canRunBacktest" to="/trade">Trade</b-nav-item>
           <b-nav-item v-if="!canRunBacktest" to="/dashboard">Dashboard</b-nav-item>
           <b-nav-item to="/graph">Graph</b-nav-item>
+          <b-nav-item to="/logs">Logs</b-nav-item>
           <b-nav-item v-if="canRunBacktest" to="/backtest">Backtest</b-nav-item>
           <BootswatchThemeSelect />
         </b-navbar-nav>

src/router/index.ts

@@ -26,6 +26,11 @@ const routes: Array<RouteConfig> = [
     name: 'Freqtrade Graph',
     component: () => import(/* webpackChunkName: "graph" */ '@/views/Graphs.vue'),
   },
+  {
+    path: '/logs',
+    name: 'Freqtrade Logs',
+    component: () => import(/* webpackChunkName: "graph" */ '@/views/LogView.vue'),
+  },
   {
     path: '/backtest',
     name: 'Freqtrade Backtest',

src/views/LogView.vue

@@ -0,0 +1,17 @@
+<template>
+  <div class="p-4 h-100">
+    <LogViewer />
+  </div>
+</template>
+
+<script lang="ts">
+import { Component, Vue } from 'vue-property-decorator';
+import LogViewer from '@/components/ftbot/LogViewer.vue';
+
+@Component({
+  components: { LogViewer },
+})
+export default class LogView extends Vue {}
+</script>
+
+<style scoped></style>