X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Frouter.js;h=68148959f7a19f55da384fa974d043e55211c7a1;hb=786e0065dcafc0f190aa0b541e635fbf5844ed2a;hp=7c2e2a68f26fc015016c0cc01d6101b6511889d0;hpb=ccd4a2b74aecdd6e52960a9ed42acea3e40c9271;p=vchess.git diff --git a/client/src/router.js b/client/src/router.js index 7c2e2a68..68148959 100644 --- a/client/src/router.js +++ b/client/src/router.js @@ -1,6 +1,6 @@ import Vue from "vue"; import Router from "vue-router"; -import Home from "./views/Home.vue"; +import Hall from "./views/Hall.vue"; Vue.use(Router); @@ -8,12 +8,50 @@ function loadView(view) { return () => import(/* webpackChunkName: "view-[request]" */ `@/views/${view}.vue`) } -export default new Router({ +import { ajax } from "@/utils/ajax"; +import { store } from "@/store"; + +const router = new Router({ routes: [ { path: "/", - name: "home", - component: Home, + name: "hall", + component: Hall, + }, + { + path: "/variants", + name: "variants", + component: loadView("Variants"), + }, + { + path: "/variants/:vname([a-zA-Z0-9]+)", + name: "rules", + component: loadView("Rules"), + }, + { + path: "/authenticate/:token", + name: "authenticate", + beforeEnter: (to, from, next) => { + ajax( + "/authenticate", + "GET", + {token: to.params["token"]}, + (res) => { + if (!res.errmsg) //if not already logged in + { + store.state.user.id = res.id; + store.state.user.name = res.name; + store.state.user.email = res.email; + store.state.user.notify = res.notify; + localStorage["myname"] = res.name; + localStorage["myid"] = res.id; + } + next(); + } + ); + }, + component: Hall, + //redirect: "/", //problem: redirection before end of AJAX request }, // { // path: "/about", @@ -26,11 +64,14 @@ export default new Router({ // // return import(/* webpackChunkName: "about" */ "./views/About.vue"); // //} // }, -// { -// path: "/test", -// name: "test", -// component: loadView("Test"), -// }, // TODO: gameRef, 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 + next(); +}); + +export default router;