diff --git a/src/components/app/AppSidebar.vue b/src/components/app/AppSidebar.vue index f268f54..2fd7ea8 100644 --- a/src/components/app/AppSidebar.vue +++ b/src/components/app/AppSidebar.vue @@ -7,6 +7,18 @@ export default { }, mounted() { + function processAjaxData(urlPath:string) { + window.history.pushState({"html":null,"pageTitle":document.title},"", urlPath); + } + + document.getElementById("help")?.addEventListener("click", () => { + processAjaxData("/app/help") + }); + + document.getElementById("docs")?.addEventListener("click", () => { + processAjaxData("/app/docs") + }); + //Cats document.getElementById('dropdown-pages-button')?.addEventListener('click', () => { const button = document.getElementById('dropdown-pages-button'); @@ -19,6 +31,12 @@ export default { button?.setAttribute('aria-expanded', 'false'); } }); + document.getElementById("parks-side")?.addEventListener("click", () => { + processAjaxData("/app/parks") + }); + document.getElementById("attractions-side")?.addEventListener("click", () => { + processAjaxData("/app/attractions") + }); //database document.getElementById('dropdown-sales-button')?.addEventListener('click', () => { @@ -32,6 +50,12 @@ export default { button?.setAttribute('aria-expanded', 'false'); } }); + document.getElementById("stats-page")?.addEventListener("click", () => { + processAjaxData("/database/statistics") + }); + document.getElementById("techstats-page")?.addEventListener("click", () => { + processAjaxData("/database/technical-information") + }); //last thing (outcommented) document.getElementById('dropdown-authentication-button')?.addEventListener('click', () => { @@ -216,7 +240,7 @@ export default {