X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Frouter.js;h=1eb88f913a20f8b6c8a9687e9ba0538fdddd7018;hb=652f40de91b2694093ba9755f24b76b81caff232;hp=68148959f7a19f55da384fa974d043e55211c7a1;hpb=786e0065dcafc0f190aa0b541e635fbf5844ed2a;p=vchess.git diff --git a/client/src/router.js b/client/src/router.js index 68148959..1eb88f91 100644 --- a/client/src/router.js +++ b/client/src/router.js @@ -46,6 +46,8 @@ const router = new Router({ localStorage["myname"] = res.name; localStorage["myid"] = res.id; } + // TODO: I don't like these 2 lines, "next('/')" should be enough + window.location = "/"; next(); } ); @@ -53,24 +55,36 @@ const router = new Router({ component: Hall, //redirect: "/", //problem: redirection before end of AJAX request }, -// { -// 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: "/mygames", + name: "mygames", + component: loadView("MyGames"), + }, + { + path: "/game/:id", + name: "game", + component: loadView("Game"), + }, + { + path: "/analyze/:vname([a-zA-Z0-9]+)", + name: "analyze", + component: loadView("Analyze"), + }, + { + path: "/about", + name: "about", + component: loadView("About"), + }, ] }); 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(); });