MiauRizius/CoasterDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

AppSidebar works now

Browse Source
This commit is contained in:
Maurice L.
2025-02-01 23:17:55 +01:00
parent 28ae19aa72
commit db8f3657d0
1 changed files with 47 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/components/app/AppSidebar.vue
View File

@@ -1,24 +1,56 @@
<script lang="ts">
export default {
components: {
},
mounted() {
//Pages
document.getElementById('dropdown-pages-button')?.addEventListener('click', () => {
const button = document.getElementById('dropdown-pages-button');
const dropdown = document.getElementById("dropdown-pages");
if (dropdown?.classList.contains('hidden')) {
dropdown?.classList.remove('hidden');
button?.setAttribute('aria-expanded', 'true');
} else {
dropdown?.classList.add('hidden');
button?.setAttribute('aria-expanded', 'false');
}
});
//Sales
document.getElementById('dropdown-sales-button')?.addEventListener('click', () => {
const button = document.getElementById('dropdown-sales-button');
const dropdown = document.getElementById("dropdown-sales");
if (dropdown?.classList.contains('hidden')) {
dropdown?.classList.remove('hidden');
button?.setAttribute('aria-expanded', 'true');
} else {
dropdown?.classList.add('hidden');
button?.setAttribute('aria-expanded', 'false');
}
});
//Authentication
document.getElementById('dropdown-authentication-button')?.addEventListener('click', () => {
const button = document.getElementById('dropdown-authentication-button');
const dropdown = document.getElementById("dropdown-authentication");
if (dropdown?.classList.contains('hidden')) {
dropdown?.classList.remove('hidden');
button?.setAttribute('aria-expanded', 'true');
} else {
dropdown?.classList.add('hidden');
button?.setAttribute('aria-expanded', 'false');
}
});
}
}
document.getElementById('pages-dropdown-button')?.addEventListener('click', () => {
const dropdown = document.getElementById('dropdown-pages');
const button = document.getElementById('pages-dropdown-button');
if (dropdown?.classList.contains('hidden')) {
dropdown?.classList.remove('hidden');
button?.setAttribute('aria-expanded', 'true');
} else {
dropdown?.classList.add('hidden');
button?.setAttribute('aria-expanded', 'false');
}
});
</script>
<template>
@@ -146,6 +178,7 @@ document.getElementById('pages-dropdown-button')?.addEventListener('click', () =
class="flex items-center p-2 w-full text-base font-medium text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700"
aria-controls="dropdown-sales"
data-collapse-toggle="dropdown-sales"
id="dropdown-sales-button"
>
<svg
aria-hidden="true"
@@ -234,6 +267,7 @@ document.getElementById('pages-dropdown-button')?.addEventListener('click', () =
class="flex items-center p-2 w-full text-base font-medium text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700"
aria-controls="dropdown-authentication"
data-collapse-toggle="dropdown-authentication"
id="dropdown-authentication-button"
>
<svg
aria-hidden="true"