Contents

import Vue from 'vue'
import VueRouter from 'vue-router'
import routes from './routes'
import store from '@/store'
import { hasAnyChanged } from '@/misc/utils'

Vue.use(VueRouter)

const router = new VueRouter({
  mode: 'history',
  base: window.baseUrl,
  routes,
})

router.beforeEach((to, from, next) => {
  // The router hasn't found a component to display so get back
  // to the screen without any UI drawer opened.
  if (to.matched.length === 0) {
    return next({
      name: 'editPage',
      params: {
        pageId: store.state.page.pathHash[store.state.locale],
        locale: store.state.locale,
      },
    })
  }

  // When an user wants to edit another page or to edit the current page
  // in a different locale, the router detects it and dispatch the new
  // page information to the Vuex store.
  // Important: we don't do that at startup because we already have the current page
  // and locale in the state.
  if (hasAnyChanged(to.params, from.params, 'pageId', 'locale'))
    store.dispatch('editPage', {
      id: to.params.pageId,
      locale: to.params.locale,
    })

  next()
})

export default router

Version data entries

5 entries across 5 versions & 1 rubygems

Version	Path
maglevcms-1.2.2	app/frontend/editor/router/index.js
maglevcms-1.2.1	app/frontend/editor/router/index.js
maglevcms-1.2.0	app/frontend/editor/router/index.js
maglevcms-1.1.7	app/frontend/editor/router/index.js
maglevcms-1.1.6	app/frontend/editor/router/index.js