68 lines
2.4 KiB
JavaScript
68 lines
2.4 KiB
JavaScript
import { setActiveNavItem } from "./set-active-nav-item";
|
|
import { useContentStore } from "../stores/content";
|
|
import { useMapStore } from "../stores/map";
|
|
import { useLayoutStore } from '../stores/layout';
|
|
|
|
export async function initFirstLoadRouting(router, baseUrl, siteName) {
|
|
const store = useContentStore();
|
|
const decoupled_origin = JSON.parse(window.localStorage.getItem('decoupled_origin'));
|
|
|
|
if(decoupled_origin) {
|
|
router.push(decoupled_origin.url);
|
|
await store.fetchPartialContentData(baseUrl + decoupled_origin.url);
|
|
window.localStorage.removeItem("decoupled_origin");
|
|
document.title = store.pageTitle;
|
|
setActiveNavItem(store.contentType, decoupled_origin.url);
|
|
useLayoutStore().setHeaderPosition(false);
|
|
await store.fetchFullContentData(baseUrl + decoupled_origin.url);
|
|
} else {
|
|
document.title = siteName;
|
|
useLayoutStore().setHeaderPosition(true);
|
|
}
|
|
}
|
|
|
|
export function handleClickableElements(clickableElements, router, baseUrl, siteName) {
|
|
for (const link of clickableElements) {
|
|
let href = link.href || link.dataset.href;
|
|
if (href.startsWith(baseUrl)) href = href.replace(baseUrl, '');
|
|
|
|
link.onclick = async function (e) {
|
|
if (href !== window.location.pathname) {
|
|
router.push(href);
|
|
pageChange(href, siteName, baseUrl);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
export async function handleBrowserNavigation(baseUrl, siteName) {
|
|
let href = window.location.pathname;
|
|
if (href.startsWith(baseUrl)) href = href.replace(baseUrl, '');
|
|
pageChange(href, siteName, baseUrl)
|
|
}
|
|
|
|
export async function pageChange(href, siteName, baseUrl) {
|
|
const store = useContentStore();
|
|
const mapStore = useMapStore();
|
|
|
|
if (href === '/') {
|
|
store.resetStore(true);
|
|
document.title = siteName;
|
|
mapStore.resetMap();
|
|
useLayoutStore().setHeaderPosition(true);
|
|
} else {
|
|
await store.fetchPartialContentData(baseUrl + href);
|
|
document.title = store.pageTitle;
|
|
useLayoutStore().setHeaderPosition(false);
|
|
}
|
|
setActiveNavItem(store.contentType, href);
|
|
|
|
const listeEtape = document.querySelector('#etapes-liste');
|
|
const animationToggle = document.querySelector('#animation-toggle');
|
|
if (!useLayoutStore().isDesktop) useLayoutStore().collapseEtapeListe(listeEtape, animationToggle);
|
|
|
|
if (href !== '/') {
|
|
await store.fetchFullContentData(baseUrl + href);
|
|
}
|
|
}
|