- replaced slimScroll to overlayScrollbars - added new layout types (fixed, navbar-fixed & footer-fixed) - changed old default layout from "fixed" to non-fixed - enhanced PushMenu.js to load options via data - enhanced Layout.js new layout calcs, options via data for scrollbar - fixed forms fontawesome icons - added warning-feedback (without icon) - added sidebar-mini-md - updated index to use layout-fixed - updated index2 to use layout-fixed, layout-navbar-fixed & layout-footer-fixed
142 lines
3.2 KiB
JavaScript
142 lines
3.2 KiB
JavaScript
/**
|
|
* --------------------------------------------
|
|
* AdminLTE ControlSidebar.js
|
|
* License MIT
|
|
* --------------------------------------------
|
|
*/
|
|
|
|
const ControlSidebar = (($) => {
|
|
/**
|
|
* Constants
|
|
* ====================================================
|
|
*/
|
|
|
|
const NAME = 'ControlSidebar'
|
|
const DATA_KEY = 'lte.control.sidebar'
|
|
const EVENT_KEY = `.${DATA_KEY}`
|
|
const JQUERY_NO_CONFLICT = $.fn[NAME]
|
|
const DATA_API_KEY = '.data-api'
|
|
|
|
const Event = {
|
|
CLICK_DATA_API: `click${EVENT_KEY}${DATA_API_KEY}`
|
|
}
|
|
|
|
const Selector = {
|
|
CONTROL_SIDEBAR: '.control-sidebar',
|
|
DATA_TOGGLE : '[data-widget="control-sidebar"]',
|
|
MAIN_HEADER : '.main-header'
|
|
}
|
|
|
|
const ClassName = {
|
|
CONTROL_SIDEBAR_OPEN : 'control-sidebar-open',
|
|
CONTROL_SIDEBAR_SLIDE: 'control-sidebar-slide-open'
|
|
}
|
|
|
|
const Default = {
|
|
slide: true
|
|
}
|
|
|
|
/**
|
|
* Class Definition
|
|
* ====================================================
|
|
*/
|
|
|
|
class ControlSidebar {
|
|
constructor(element, config) {
|
|
this._element = element
|
|
this._config = this._getConfig(config)
|
|
}
|
|
|
|
// Public
|
|
|
|
show() {
|
|
// Show the control sidebar
|
|
if (this._config.slide) {
|
|
$('body').removeClass(ClassName.CONTROL_SIDEBAR_SLIDE)
|
|
} else {
|
|
$('body').removeClass(ClassName.CONTROL_SIDEBAR_OPEN)
|
|
}
|
|
}
|
|
|
|
collapse() {
|
|
// Collapse the control sidebar
|
|
if (this._config.slide) {
|
|
$('body').addClass(ClassName.CONTROL_SIDEBAR_SLIDE)
|
|
} else {
|
|
$('body').addClass(ClassName.CONTROL_SIDEBAR_OPEN)
|
|
}
|
|
}
|
|
|
|
toggle() {
|
|
this._setMargin()
|
|
|
|
const shouldOpen = $('body').hasClass(ClassName.CONTROL_SIDEBAR_OPEN) || $('body')
|
|
.hasClass(ClassName.CONTROL_SIDEBAR_SLIDE)
|
|
if (shouldOpen) {
|
|
// Open the control sidebar
|
|
this.show()
|
|
} else {
|
|
// Close the control sidebar
|
|
this.collapse()
|
|
}
|
|
}
|
|
|
|
// Private
|
|
|
|
_getConfig(config) {
|
|
return $.extend({}, Default, config)
|
|
}
|
|
|
|
_setMargin() {
|
|
$(Selector.CONTROL_SIDEBAR).css({
|
|
top: $(Selector.MAIN_HEADER).innerHeight()
|
|
})
|
|
}
|
|
|
|
// Static
|
|
|
|
static _jQueryInterface(operation) {
|
|
return this.each(function () {
|
|
let data = $(this).data(DATA_KEY)
|
|
|
|
if (!data) {
|
|
data = new ControlSidebar(this, $(this).data())
|
|
$(this).data(DATA_KEY, data)
|
|
}
|
|
|
|
if (data[operation] === 'undefined') {
|
|
throw new Error(`${operation} is not a function`)
|
|
}
|
|
|
|
data[operation]()
|
|
})
|
|
}
|
|
}
|
|
|
|
/**
|
|
*
|
|
* Data Api implementation
|
|
* ====================================================
|
|
*/
|
|
$(document).on('click', Selector.DATA_TOGGLE, function (event) {
|
|
event.preventDefault()
|
|
|
|
ControlSidebar._jQueryInterface.call($(this), 'toggle')
|
|
})
|
|
|
|
/**
|
|
* jQuery API
|
|
* ====================================================
|
|
*/
|
|
|
|
$.fn[NAME] = ControlSidebar._jQueryInterface
|
|
$.fn[NAME].Constructor = ControlSidebar
|
|
$.fn[NAME].noConflict = function () {
|
|
$.fn[NAME] = JQUERY_NO_CONFLICT
|
|
return ControlSidebar._jQueryInterface
|
|
}
|
|
|
|
return ControlSidebar
|
|
})(jQuery)
|
|
|
|
export default ControlSidebar
|