mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-02 12:08:01 +00:00
We previously relied on user roles to determine whether to render specific routes in our frontend components. A permissions-based model is replacing this approach. Follow up: #9695 Co-authored-by: Pranav <pranavrajs@gmail.com>
47 lines
1.3 KiB
JavaScript
47 lines
1.3 KiB
JavaScript
import VueRouter from 'vue-router';
|
|
|
|
import { frontendURL } from '../helper/URLHelper';
|
|
import dashboard from './dashboard/dashboard.routes';
|
|
import store from '../store';
|
|
import { validateLoggedInRoutes } from '../helper/routeHelpers';
|
|
import AnalyticsHelper from '../helper/AnalyticsHelper';
|
|
import { buildPermissionsFromRouter } from '../helper/permissionsHelper';
|
|
|
|
const routes = [...dashboard.routes];
|
|
|
|
export const router = new VueRouter({ mode: 'history', routes });
|
|
export const routesWithPermissions = buildPermissionsFromRouter(routes);
|
|
|
|
export const validateAuthenticateRoutePermission = (to, next, { getters }) => {
|
|
const { isLoggedIn, getCurrentUser: user } = getters;
|
|
|
|
if (!isLoggedIn) {
|
|
window.location = '/app/login';
|
|
return '/app/login';
|
|
}
|
|
|
|
if (!to.name) {
|
|
return next(frontendURL(`accounts/${user.account_id}/dashboard`));
|
|
}
|
|
|
|
const nextRoute = validateLoggedInRoutes(to, getters.getCurrentUser);
|
|
return nextRoute ? next(frontendURL(nextRoute)) : next();
|
|
};
|
|
|
|
export const initalizeRouter = () => {
|
|
const userAuthentication = store.dispatch('setUser');
|
|
|
|
router.beforeEach((to, from, next) => {
|
|
AnalyticsHelper.page(to.name || '', {
|
|
path: to.path,
|
|
name: to.name,
|
|
});
|
|
|
|
userAuthentication.then(() => {
|
|
return validateAuthenticateRoutePermission(to, next, store);
|
|
});
|
|
});
|
|
};
|
|
|
|
export default router;
|