130 lines
No EOL
4.3 KiB
JavaScript
130 lines
No EOL
4.3 KiB
JavaScript
import { createWebHistory, createRouter } from "vue-router";
|
|
import { lazyLoadComponent } from "./dynamic-routing/component-loader";
|
|
import { endpoints } from "../constants/mock-endpoints";
|
|
import globalMethods from "@/global-methods";
|
|
|
|
const routes = [
|
|
{
|
|
path: '/',
|
|
name: 'root',
|
|
async beforeEnter(to, from, next) {
|
|
try {
|
|
if (router.hasRoute(to.query.issPage)) {
|
|
return next({ name: to.query.issPage, query: to.query, params: to.params });
|
|
}
|
|
const routeData = await GetRouteInfoFromPageName(to.query.issPage);
|
|
|
|
if(routeData[0].name.toLowerCase() === "error")
|
|
{
|
|
throw("Page not found!")
|
|
}
|
|
|
|
// Add our dynamic route.
|
|
router.addRoute({
|
|
path: routeData[0].path, // Always the same path, because we control it with query strings.
|
|
name: routeData[0].name,
|
|
component: routeData[0].component,
|
|
});
|
|
|
|
// Assign current query string parameters, as well as our fmgPage one.
|
|
next({
|
|
name: routeData[0].name,
|
|
query: Object.assign(to.query, { issPage: routeData[0].name }),
|
|
params: to.params
|
|
});
|
|
|
|
} catch (error) {
|
|
console.log(error);
|
|
GoToStartOn404(next);
|
|
}
|
|
}
|
|
}];
|
|
|
|
const router = createRouter({
|
|
history: createWebHistory("/"),
|
|
routes,
|
|
});
|
|
|
|
// Get route information by page name.
|
|
// This will reach out to the Cms and there is a 1:1 relationship between page names and route names.
|
|
async function GetRouteInfoFromPageName(pageName) {
|
|
|
|
//move to store actions later?
|
|
/*
|
|
const response = await store.dispatch(storeActions.GET_ROUTE_INFO_ACTION, {
|
|
pageName: pageName,
|
|
});
|
|
*/
|
|
|
|
const response = await globalMethods.mockCallHttpClient("GET", endpoints.GetRouteInfo.url + "?route=" + pageName)
|
|
const jsonFromResponse = JSON.parse(response.data.Result);
|
|
let routeData = [];
|
|
|
|
// Add our route data and return our array.
|
|
Object.keys(jsonFromResponse).forEach((key) => {
|
|
routeData.push({
|
|
path: "/",
|
|
name: `${key}`,
|
|
component: lazyLoadComponent(jsonFromResponse[key].LayoutName),
|
|
});
|
|
});
|
|
|
|
return routeData;
|
|
}
|
|
|
|
// Navigate to the next route, depending on the scenario.
|
|
async function navigate(scenario, currentRoute, optionalQuery = {}, optionalParams = {}) {
|
|
if (!scenario) {
|
|
console.error("No scenario provided. Please review the routing table.");
|
|
return;
|
|
}
|
|
|
|
// Match our maps up and navigate if we have a destination.
|
|
const matchingScenarioMap = getNavigationMap(scenario, currentRoute);
|
|
const destinationIssPageValue = matchingScenarioMap.destinationIssPageValue;
|
|
|
|
if (destinationIssPageValue !== undefined) {
|
|
// We're always pushing the same path, just changing query strings. Make sure our optional query strings get combined with our issPage one.
|
|
router.push({
|
|
name: "root",
|
|
query: Object.assign(optionalQuery, {
|
|
fmgPage: destinationIssPageValue,
|
|
}),
|
|
params: optionalParams
|
|
});
|
|
} else if (matchingScenarioMap.destinationUrl !== undefined) {
|
|
navigateToUrl(matchingScenarioMap.destinationUrl, optionalQuery);
|
|
}
|
|
}
|
|
|
|
// Get navigation map depending on the scenario and the current 'page' you're on.
|
|
function getNavigationMap(scenario, currentRoute) {
|
|
const issPageValue = currentRoute.query.issPage;
|
|
const matchedQueryValue = routingTable(store)
|
|
.filter(
|
|
(item) =>
|
|
item.issPageValue === issPageValue &&
|
|
item.maps.filter((map) => map.scenario === scenario).length > 0
|
|
)
|
|
.map((m) => m.maps.filter((map) => map.scenario === scenario))[0]
|
|
.filter(x => x.filter === true || x.filter === undefined);
|
|
|
|
return matchedQueryValue[0];
|
|
}
|
|
|
|
function GoToStartOn404(next) {
|
|
const errorPageName = "error-404"
|
|
router.addRoute({
|
|
path: "/",
|
|
name: errorPageName,
|
|
component: lazyLoadComponent(errorPageName),
|
|
});
|
|
|
|
next({
|
|
name: errorPageName,
|
|
query: {issPage: errorPageName },
|
|
});
|
|
|
|
};
|
|
|
|
export default router; |