Reinitialize Sidebar Component about mazer HOT 5 CLOSED

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

from mazer.

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

from mazer.

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") )

from mazer.

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

from mazer.

Fixed the bug, i'll update the code later

from mazer.