import Vue from 'vue'
import Router from 'vue-router'
import Meta from 'vue-meta'

import globals from '@/globals'

// Layouts
import Layout2 from '@/layout/Layout2'

Vue.use(Router)
Vue.use(Meta)

const router = new Router({
  base: '/',
  routes: [
    {
      path: '/login',
      name: 'login',
      component: () =>
        import('@/pages/Login/Login')
    }, {
      path: '/',
      component: Layout2,
      name: 'Layout',
      meta: {
        // 添加该字段，表示进入这个路由是需要登录的
        requireAuth: true
      },
      children: [{
        path: '',
        name: 'Home',
        component: () =>
            import('@/pages/Home/Home'),
        meta: {
          requireAuth: true
        }
      }]
    }, {
      path: '/401',
      component: () => import('@/pages/Error/401.vue')
    }, {
      path: '*',
      component: () => import('@/pages/Error/404.vue')
    }
  ]
})

router.afterEach(() => {
  // 主页动画
  const splashScreen = document.querySelector('.app-splash-screen')
  if (splashScreen) {
    splashScreen.style.opacity = 0
    setTimeout(() => splashScreen && splashScreen.parentNode && splashScreen.parentNode.removeChild(splashScreen), 300)
  }
  // On small screens collapse sidenav
  if (window.layoutHelpers && window.layoutHelpers.isSmallScreen() && !window.layoutHelpers.isCollapsed()) {
    setTimeout(() => window.layoutHelpers.setCollapsed(true, true), 10)
  }

  // Scroll to top of the page
  globals().scrollTop(0, 0)
})

router.beforeEach((to, from, next) => {
  // Set loading state
  document.body.classList.add('app-loading')

  // Add tiny timeout to finish page transition
  setTimeout(() => next(), 10)
})

export default router