storj/web/satellite/src/router/index.ts

180 lines
6.4 KiB
TypeScript
Raw Normal View History

2019-01-24 20:15:10 +00:00
// Copyright (C) 2019 Storj Labs, Inc.
// See LICENSE for copying information.
import Vue from 'vue';
import Router from 'vue-router';
import ROUTES from '@/utils/constants/routerConstants';
import Login from '@/views/login/Login.vue';
import Register from '@/views/register/Register.vue';
import ForgotPassword from '@/views/forgotPassword/ForgotPassword.vue';
import Dashboard from '@/views/Dashboard.vue';
import AccountArea from '@/components/account/AccountArea.vue';
2019-06-03 13:19:48 +01:00
import Profile from '@/components/account/Profile.vue';
import AccountBillingHistory from '@/components/account/billing/BillingArea.vue';
import AccountPaymentMethods from '@/components/account/AccountPaymentMethods.vue';
import ProjectOverviewArea from '@/components/project/ProjectOverviewArea.vue';
import TeamArea from '@/components/team/TeamArea.vue';
import Page404 from '@/components/errors/Page404.vue';
import ApiKeysArea from '@/components/apiKeys/ApiKeysArea.vue';
2019-04-02 20:33:03 +01:00
import UsageReport from '@/components/project/UsageReport.vue';
import ProjectDetails from '@/components/project/ProjectDetails.vue';
2019-06-03 13:19:48 +01:00
import ProjectBillingHistory from '@/components/project/billing/BillingArea.vue';
import ProjectPaymentMethods from '@/components/project/ProjectPaymentMethods.vue';
2019-03-14 12:48:43 +00:00
import BucketArea from '@/components/buckets/BucketArea.vue';
import { AuthToken } from '@/utils/authToken';
import store from '@/store';
Vue.use(Router);
let router = new Router({
mode: 'history',
routes: [
{
path: ROUTES.LOGIN.path,
name: ROUTES.LOGIN.name,
component: Login
},
{
path: ROUTES.REGISTER.path,
name: ROUTES.REGISTER.name,
component: Register
},
{
path: ROUTES.REFERRAL.path,
name: ROUTES.REFERRAL.name,
component: Register
},
{
path: ROUTES.FORGOT_PASSWORD.path,
name: ROUTES.FORGOT_PASSWORD.name,
component: ForgotPassword
},
{
path: ROUTES.DASHBOARD.path,
meta: {
requiresAuth: true
},
component: Dashboard,
children: [
{
path: ROUTES.ACCOUNT_SETTINGS.path,
name: ROUTES.ACCOUNT_SETTINGS.name,
2019-06-03 13:19:48 +01:00
component: AccountArea,
children: [
{
path: ROUTES.PROFILE.path,
name: ROUTES.PROFILE.name,
component: Profile,
},
{
path: ROUTES.PAYMENT_METHODS.path,
name: ROUTES.PAYMENT_METHODS.name,
component: AccountPaymentMethods,
},
{
path: ROUTES.BILLING_HISTORY.path,
name: ROUTES.BILLING_HISTORY.name,
component: AccountBillingHistory,
},
]
},
{
path: ROUTES.PROJECT_OVERVIEW.path,
name: ROUTES.PROJECT_OVERVIEW.name,
component: ProjectOverviewArea,
children: [
{
path: ROUTES.USAGE_REPORT.path,
name: ROUTES.USAGE_REPORT.name,
component: UsageReport,
},
{
path: ROUTES.PROJECT_DETAILS.path,
name: ROUTES.PROJECT_DETAILS.name,
component: ProjectDetails
},
{
path: ROUTES.BILLING_HISTORY.path,
name: ROUTES.BILLING_HISTORY.name,
2019-06-03 13:19:48 +01:00
component: ProjectBillingHistory
},
{
path: ROUTES.PAYMENT_METHODS.path,
name: ROUTES.PAYMENT_METHODS.name,
2019-06-03 13:19:48 +01:00
component: ProjectPaymentMethods
},
]
},
// Remove when dashboard will be created
{
path: '/',
name: 'default',
component: ProjectOverviewArea
},
{
path: ROUTES.TEAM.path,
name: ROUTES.TEAM.name,
component: TeamArea
},
{
path: ROUTES.API_KEYS.path,
name: ROUTES.API_KEYS.name,
component: ApiKeysArea
},
2019-05-16 11:43:46 +01:00
{
path: ROUTES.BUCKETS.path,
name: ROUTES.BUCKETS.name,
component: BucketArea
},
// {
// path: ROUTES.BUCKETS.path,
// name: ROUTES.BUCKETS.name,
// component: BucketArea
// },
// {
// path: '/',
// name: 'dashboardArea',
// component: DashboardArea
// },
]
},
{
path: '*',
name: '404',
component: Page404
2019-03-14 12:48:43 +00:00
},
]
});
// Makes check that Token exist at session storage before any route except Login and Register
// and if we are able to navigate to page without existing project
router.beforeEach((to, from, next) => {
if (isUnavailablePageWithoutProject(to.name as string)) {
2019-06-06 16:40:17 +01:00
next(ROUTES.PROJECT_OVERVIEW.path + '/' + ROUTES.PROJECT_DETAILS.path);
return;
}
if (to.matched.some(route => route.meta.requiresAuth)) {
if (!AuthToken.get()) {
next(ROUTES.LOGIN);
return;
}
}
next();
});
// isUnavailablePageWithoutProject checks if we are able to navigate to page without existing project
function isUnavailablePageWithoutProject(pageName: string): boolean {
let unavailablePages: string[] = [ROUTES.TEAM.name, ROUTES.API_KEYS.name, ROUTES.BUCKETS.name];
const state = store.state as any;
let isProjectSelected = state.projectsModule.selectedProject.id !== '';
return unavailablePages.includes(pageName) && !isProjectSelected;
}
export default router;