github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

feat(control-sidebar): add ability to toggle between multiple control-sidebars 

- instead of collapse and show (2 clicks)
pull/4058/head
REJack 2021-11-25 02:11:39 +01:00
parent adc28b9dae
commit a936e220f6
1 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
build/js/ControlSidebar.js
View File

@ -66,7 +66,6 @@ class ControlSidebar {
collapse() {
const $body = $('body')
const $html = $('html')
const { target } = this._config
// Show the control sidebar
if (this._config.controlsidebarSlide) {
@ -87,10 +86,14 @@ class ControlSidebar {
}, this._config.animationSpeed)
}
show() {
show(toggle = false) {
const $body = $('body')
const $html = $('html')
if (toggle) {
$(SELECTOR_CONTROL_SIDEBAR).hide()
}
// Collapse the control sidebar
if (this._config.controlsidebarSlide) {
$html.addClass(CLASS_NAME_CONTROL_SIDEBAR_ANIMATE)
@ -113,15 +116,20 @@ class ControlSidebar {
toggle() {
const $body = $('body')
const shouldClose = $body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_OPEN) ||
$body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_SLIDE)
const { target } = this._config
if (shouldClose) {
const notVisible = !$(target).is(':visible')
const shouldClose = ($body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_OPEN) ||
$body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_SLIDE))
const shouldToggle = notVisible && ($body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_OPEN) ||
$body.hasClass(CLASS_NAME_CONTROL_SIDEBAR_SLIDE))
if (notVisible || shouldToggle) {
// Open the control sidebar
this.show(notVisible)
} else if (shouldClose) {
// Close the control sidebar
this.collapse()
} else {
// Open the control sidebar
this.show()
}
}