Reinitialize Sidebar Component

[mocfaisal]

Hi, can you make this one accessible to reinit the sidebar?

mazer/src/assets/static/js/components/sidebar.js

Line 258 in 94c8759

window.sidebar = new Sidebar(sidebarEl)

currently it only loads once, I want it to be able to be reinitialize when entering another page.
because there is an issue when build SPA application, which must be reinit again

[billalxcode]

Hi, can you clarify what you mean? I don't understand what you mean. Will a reusable function be created later?

[mocfaisal]

Hi, can you clarify what you mean? I don't understand what you mean. Will a reusable function be created later?

make Sidebar method as a global function
there is an issue when build SPA application, that need to reinitialize the sidebar

like select2 or DataTable js plugin that can destroy and reinitialize

[billalxcode]

mazer/src/assets/static/js/components/sidebar.js

Line 258 in 94c8759

window.sidebar = new Sidebar(sidebarEl)

Change

window.sidebar = new Sidebar(sidebarEl)

to

window.Sidebar = Sidebar

You can call it in the following way

const sidebar = new window.Sidebar( document.getElementById("sidebar") )

[mocfaisal]

mazer/src/assets/static/js/components/sidebar.js

Line 258 in 94c8759

window.sidebar = new Sidebar(sidebarEl)

Change

window.sidebar = new Sidebar(sidebarEl)

to

window.Sidebar = Sidebar

You can call it in the following way

const sidebar = new window.Sidebar( document.getElementById("sidebar") )

Thanks mate this code is working 🔥

Current code

window.Sidebar = Sidebar
if (sidebarEl) {
const sidebar = new window.Sidebar(sidebarEl)
}

---

Found another bug :
Submenu dropdown toggle not smooth
Style attribute are gone

First initialize

<ul class="submenu submenu-closed" style="--submenu-height: 86px;">

Second initialize

<ul class="submenu submenu-closed">

---

My suggestion better implement destroy method too

[mocfaisal]

Fixed the bug, i'll update the code later