view client/src/router.js @ 1122:a4c74a95c177 store-refactoring

minor store refactoring removed unused getters from user store and renamed functions to adhere to nameing scheme removed unnecessary getter from map store
author Markus Kottlaender <markus@intevation.de>
date Tue, 06 Nov 2018 11:21:29 +0100
parents ca628dce90dd
children dc3f0277628a
line wrap: on
line source

/*
 * This is Free Software under GNU Affero General Public License v >= 3.0
 * without warranty, see README.md and license for details.
 * 
 * SPDX-License-Identifier: AGPL-3.0-or-later
 * License-Filename: LICENSES/AGPL-3.0.txt
 * 
 * Copyright (C) 2018 by via donau 
 *   – Österreichische Wasserstraßen-Gesellschaft mbH
 * Software engineering by Intevation GmbH
 * 
 * Author(s):
 * Thomas Junk <thomas.junk@intevation.de>
 */
import Vue from "vue";
import Router from "vue-router";
import store from "./store";
import {
  sessionStillActive,
  toMillisFromString
} from "./application/lib/session";

/*  facilitate codesplitting */
const Login = () => import("./login/Login.vue");
const Main = () => import("./application/Main.vue");
const Usermanagement = () => import("./usermanagement/Usermanagement.vue");
const Logs = () => import("./logs/logs.vue");
const Systemconfiguration = () =>
  import("./systemconfiguration/systemconfiguration.vue");

Vue.use(Router);

const router = new Router({
  routes: [
    {
      path: "/login",
      name: "login",
      component: Login
    },
    {
      path: "/usermanagement",
      name: "usermanagement",
      component: Usermanagement,
      meta: {
        requiresAuth: true
      },
      beforeEnter: (to, from, next) => {
        const isSysadmin = store.getters["user/isSysAdmin"];
        if (!isSysadmin) {
          next("/");
        } else {
          next();
        }
      }
    },
    {
      path: "/logs",
      name: "logs",
      component: Logs,
      meta: {
        requiresAuth: true
      },
      beforeEnter: (to, from, next) => {
        const isSysadmin = store.getters["user/isSysAdmin"];
        if (!isSysadmin) {
          next("/");
        } else {
          next();
        }
      }
    },
    {
      path: "/systemconfiguration",
      name: "systemconfiguration",
      component: Systemconfiguration,
      meta: {
        requiresAuth: true
      },
      beforeEnter: (to, from, next) => {
        const isSysadmin = store.getters["user/isSysAdmin"];
        if (!isSysadmin) {
          next("/");
        } else {
          next();
        }
      }
    },
    {
      path: "/",
      name: "mainview",
      component: Main,
      meta: {
        requiresAuth: true
      },
      beforeEnter: (to, from, next) => {
        const expiresFromPastSession = toMillisFromString(
          localStorage.getItem("expires")
        );
        if (sessionStillActive(expiresFromPastSession)) {
          store.commit("user/setUser", localStorage.getItem("user"));
          store.commit("user/setExpires", expiresFromPastSession);
          store.commit("user/setRoles", localStorage.getItem("roles"));
          store.commit("user/setIsAuthenticate", true);
        } else {
          store.commit("user/clearAuth");
        }
        next();
      }
    },
    {
      path: "*",
      component: Login
    }
  ]
});

router.beforeEach((to, from, next) => {
  const requiresAuth = to.matched.some(record => record.meta.requiresAuth);
  const loggedIn = store.state.user.isAuthenticated;
  const expiresFromPastSession = toMillisFromString(
    localStorage.getItem("expires")
  );
  const authRequired =
    requiresAuth && !(loggedIn || sessionStillActive(expiresFromPastSession));
  if (authRequired) {
    next("/login");
  } else if (!authRequired) {
    next();
  } else {
    next();
  }
});

export default router;