leo-vue/src/router/index.js

Use the Leo Outlining Editor to Create Vue Web Apps

import Vue from 'vue'
import Router from 'vue-router'
import Dashboard from '@/components/Dashboard'
import TreeViewer from '@/components/TreeViewer'
import D3Viewer from '@/components/D3Viewer'
// import DbViewer from '@/components/DbViewer'
import Settings from '@/components/Settings'
import AccordionViewer from '@/components/AccordionViewer'
import NestedViewer from '@/components/NestedViewer'

Vue.use(Router)

let baseMode = window.lconfig.baseMode
if (!baseMode) { baseMode = 't' }

let startPage = '/1'
if (window.lconfig.coverPage) {
  startPage = '/2'
}

// TODO: add not found link
export default new Router({
  routes: [
    {
      path: '/t/:id',
      component: Dashboard,
      children: [{
        name: 'Node',
        path: '',
        component: TreeViewer
      }]
    },
    {
      path: '/a/:id',
      component: Dashboard,
      children: [{
        name: 'ANode',
        path: '',
        component: AccordionViewer
      }]
    },
    {
      path: '/n/:id',
      component: Dashboard,
      children: [{
        name: 'NNode',
        path: '',
        component: NestedViewer
      }]
    },
    {
      path: '/d/:id',
      component: Dashboard,
      children: [{
        name: 'DNode',
        path: '',
        component: D3Viewer
      }]
    },
    {
      path: '/z/:id',
      component: Dashboard,
      children: [{
        name: 'ZNode',
        path: '',
        component: D3Viewer
      }]
    },
    {
      path: '/r/:id',
      component: Dashboard,
      children: [{
        name: 'RNode',
        path: '',
        component: D3Viewer
      }]
    },
    /*
    {
      path: '/w/:id',
      component: Dashboard,
      children: [{
        name: 'WNode',
        path: '',
        component: DbViewer
      }]
    },
    */
    {
      path: '/settings',
      component: Settings
    },
    {
      path: '*',
      redirect: '/' + baseMode + startPage
    }
  ]
})