X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Frouter.js;h=380ccc6cd2575301da919dd85be5a487d7fa20a9;hb=e69f159dfdeb8dbe5eee89c6e6f78fd9e7323640;hp=5879a1e8c733638b870ea0b1ddf080a1409f84cb;hpb=f7121527579a543e01449e752d630ecf2452ec80;p=vchess.git diff --git a/client/src/router.js b/client/src/router.js index 5879a1e8..380ccc6c 100644 --- a/client/src/router.js +++ b/client/src/router.js @@ -46,7 +46,7 @@ const router = new Router({ localStorage["myname"] = res.name; localStorage["myid"] = res.id; } - next(); + next("/"); } ); }, @@ -58,25 +58,26 @@ const router = new Router({ name: "game", component: loadView("Game"), }, -// { -// path: "/about", -// name: "about", -// // route level code-splitting -// // this generates a separate chunk (about.[hash].js) for this route -// // which is lazy-loaded when the route is visited. -// component: loadView('About'), -// //function() { -// // return import(/* webpackChunkName: "about" */ "./views/About.vue"); -// //} -// }, - // TODO: gameRef, problemId: https://router.vuejs.org/guide/essentials/dynamic-matching.html + { + path: "/about", + name: "about", + component: loadView("About"), + }, + // TODO: myGames, problemId: https://router.vuejs.org/guide/essentials/dynamic-matching.html ] }); router.beforeEach((to, from, next) => { - window.scrollTo(0, 0); //TODO: check if a live game is running; if yes, call next('/game') - //https://router.vuejs.org/guide/advanced/navigation-guards.html#global-before-guards + window.scrollTo(0, 0); + if (!!store.state.conn) //uninitialized at first page + { + // Notify WebSockets server (TODO: path or fullPath?) + store.state.conn.send(JSON.stringify({code: "pagechange", page: to.path})); + } next(); + // TODO?: redirect to current game (through GameStorage.getCurrent()) if any? + // (and if the URL doesn't already match it) (use next("/game/GID")) + //https://router.vuejs.org/guide/advanced/navigation-guards.html#global-before-guards }); export default router;