AdminLTE/dist/js/adminlte.js

862 lines
21 KiB
JavaScript
Raw Normal View History

2016-01-16 17:27:23 +01:00
'use strict';
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
2016-01-16 17:27:23 +01:00
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
2015-11-11 20:29:54 +01:00
/*!
* AdminLTE v3.0.0-alpha (https://almsaeedstudio.com)
2016-01-16 17:27:23 +01:00
* Copyright 2014-2016 Abdullah Almsaeed <abdullah@almsaeedstudio.com>
2015-11-11 20:29:54 +01:00
* Project website Almsaeed Studio (https://almsaeedstudio.com)
* Licensed under MIT (https://github.com/almasaeed2010/AdminLTE/blob/master/LICENSE)
*/
var Layout = function ($) {
2016-01-16 17:27:23 +01:00
'use strict';
2015-11-11 20:29:54 +01:00
2016-01-16 17:27:23 +01:00
/**
* Constants
* ====================================================
*/
2015-11-11 20:29:54 +01:00
2016-01-16 17:27:23 +01:00
var NAME = 'Layout';
var DATA_KEY = 'lte.layout';
var EVENT_KEY = '.' + DATA_KEY;
var JQUERY_NO_CONFLICT = $.fn[NAME];
2015-11-11 20:29:54 +01:00
2016-01-16 17:27:23 +01:00
var Event = {
SIDEBAR: 'sidebar'
};
var Selector = {
SIDEBAR: '.main-sidebar',
HEADER: '.main-header',
CONTENT: '.content-wrapper',
CONTENT_HEADER: '.content-header',
2016-01-16 17:27:23 +01:00
WRAPPER: '.wrapper',
CONTROL_SIDEBAR: '.control-sidebar',
LAYOUT_FIXED: '.layout-fixed',
FOOTER: '.main-footer'
};
var ClassName = {
HOLD: 'hold-transition',
SIDEBAR: 'main-sidebar',
LAYOUT_FIXED: 'layout-fixed'
};
/**
* Class Definition
* ====================================================
*/
var Layout = function () {
2016-01-16 17:27:23 +01:00
function Layout(element) {
_classCallCheck(this, Layout);
this._element = element;
this._init();
}
// Public
_createClass(Layout, [{
key: 'fixLayoutHeight',
value: function fixLayoutHeight() {
2016-10-15 19:20:53 +02:00
var heights = [$(window).height(), $(Selector.HEADER).outerHeight(), $(Selector.FOOTER).outerHeight(), $(Selector.SIDEBAR).height()],
max = this._max(heights);
2016-01-16 17:27:23 +01:00
2016-10-15 19:20:53 +02:00
$(Selector.CONTENT).css('min-height', max - (heights[1] + heights[2]));
2016-01-16 17:27:23 +01:00
}
// Private
}, {
key: '_init',
value: function _init() {
var _this = this;
// Enable transitions
2016-01-16 17:27:23 +01:00
$('body').removeClass(ClassName.HOLD);
// Activate layout height watcher
2016-01-16 17:27:23 +01:00
this.fixLayoutHeight();
2016-10-15 19:20:53 +02:00
$(Selector.SIDEBAR).on('collapsed.lte.treeview expanded.lte.treeview collapsed.lte.pushmenu expanded.lte.pushmenu', function () {
2016-01-16 17:27:23 +01:00
_this.fixLayoutHeight();
});
$(window).resize(function () {
_this.fixLayoutHeight();
});
2016-10-22 21:32:28 +02:00
$('body, html').css('height', 'auto');
2016-01-16 17:27:23 +01:00
}
}, {
key: '_max',
value: function _max(numbers) {
// Calculate the maximum number in a list
2016-01-16 17:27:23 +01:00
var max = 0;
numbers.forEach(function (v) {
if (v > max) {
max = v;
}
});
return max;
}
// Static
}], [{
key: '_jQueryInterface',
value: function _jQueryInterface(operation) {
return this.each(function () {
var data = $(this).data(DATA_KEY);
if (!data) {
data = new Layout(this);
$(this).data(DATA_KEY, data);
}
if (operation) {
data[operation]();
}
});
}
}]);
return Layout;
}();
2016-01-16 17:27:23 +01:00
/**
* Data API
* ====================================================
*/
$(window).on('load', function () {
Layout._jQueryInterface.call($('body'));
});
2016-01-16 17:27:23 +01:00
/**
* jQuery API
* ====================================================
*/
$.fn[NAME] = Layout._jQueryInterface;
$.fn[NAME].Constructor = Layout;
$.fn[NAME].noConflict = function () {
$.fn[NAME] = JQUERY_NO_CONFLICT;
return Layout._jQueryInterface;
};
return Layout;
}(jQuery);
2015-11-11 20:29:54 +01:00
var Treeview = function ($) {
2015-11-11 20:29:54 +01:00
/**
* Constants
* ====================================================
*/
var NAME = 'Treeview';
var DATA_KEY = 'lte.treeview';
var EVENT_KEY = '.' + DATA_KEY;
var JQUERY_NO_CONFLICT = $.fn[NAME];
2016-01-16 17:27:23 +01:00
var Event = {
SELECTED: 'selected' + EVENT_KEY,
EXPANDED: 'expanded' + EVENT_KEY,
COLLAPSED: 'collapsed' + EVENT_KEY,
LOAD_DATA_API: 'load' + EVENT_KEY
2015-11-11 20:29:54 +01:00
};
var Selector = {
LI: '.nav-item',
LINK: '.nav-link',
2016-01-16 17:27:23 +01:00
TREEVIEW_MENU: '.nav-treeview',
OPEN: '.menu-open',
2015-11-11 20:29:54 +01:00
DATA_WIDGET: '[data-widget="treeview"]'
};
2016-01-16 17:27:23 +01:00
var ClassName = {
LI: 'nav-item',
LINK: 'nav-link',
TREEVIEW_MENU: 'nav-treeview',
OPEN: 'menu-open'
};
var Default = {
trigger: Selector.DATA_WIDGET + ' ' + Selector.LINK,
animationSpeed: 300,
2016-10-15 19:20:53 +02:00
accordion: true
2016-01-16 17:27:23 +01:00
};
2015-11-11 20:29:54 +01:00
/**
* Class Definition
* ====================================================
*/
var Treeview = function () {
2015-11-11 20:29:54 +01:00
function Treeview(element, config) {
_classCallCheck(this, Treeview);
this._config = config;
this._element = element;
}
// Public
2016-01-16 17:27:23 +01:00
_createClass(Treeview, [{
key: 'init',
value: function init() {
this._setupListeners();
}
}, {
key: 'expand',
value: function expand(treeviewMenu, parentLi) {
var _this2 = this;
var expandedEvent = $.Event(Event.EXPANDED);
if (this._config.accordion) {
var openMenuLi = parentLi.siblings(Selector.OPEN).first();
var openTreeview = openMenuLi.find(Selector.TREEVIEW_MENU).first();
this.collapse(openTreeview, openMenuLi);
}
treeviewMenu.slideDown(this._config.animationSpeed, function () {
parentLi.addClass(ClassName.OPEN);
$(_this2._element).trigger(expandedEvent);
});
}
}, {
key: 'collapse',
value: function collapse(treeviewMenu, parentLi) {
var _this3 = this;
var collapsedEvent = $.Event(Event.COLLAPSED);
treeviewMenu.slideUp(this._config.animationSpeed, function () {
parentLi.removeClass(ClassName.OPEN);
$(_this3._element).trigger(collapsedEvent);
treeviewMenu.find(Selector.OPEN + ' > ' + Selector.TREEVIEW_MENU).slideUp();
treeviewMenu.find(Selector.OPEN).removeClass(ClassName.OPEN);
});
}
}, {
key: 'collapseAll',
value: function collapseAll() {}
}, {
key: 'expandAll',
value: function expandAll() {}
}, {
key: 'toggle',
value: function toggle(event) {
var $relativeTarget = $(event.currentTarget);
var treeviewMenu = $relativeTarget.next();
if (!treeviewMenu.is(Selector.TREEVIEW_MENU)) {
return;
}
event.preventDefault();
var parentLi = $relativeTarget.parents(Selector.LI).first();
var isOpen = parentLi.hasClass(ClassName.OPEN);
if (isOpen) {
this.collapse($(treeviewMenu), parentLi);
} else {
this.expand($(treeviewMenu), parentLi);
}
}
// Private
2015-11-11 20:29:54 +01:00
2016-01-16 17:27:23 +01:00
}, {
key: '_setupListeners',
value: function _setupListeners() {
var _this4 = this;
2015-11-11 20:29:54 +01:00
2016-01-16 17:27:23 +01:00
$(document).on('click', this._config.trigger, function (event) {
_this4.toggle(event);
});
}
// Static
}], [{
2015-11-11 20:29:54 +01:00
key: '_jQueryInterface',
value: function _jQueryInterface(config) {
return this.each(function () {
2016-01-16 17:27:23 +01:00
var data = $(this).data(DATA_KEY);
var _config = $.extend({}, Default, $(this).data());
if (!data) {
data = new Treeview($(this), _config);
$(this).data(DATA_KEY, data);
}
if (config === 'init') {
data[config]();
}
2015-11-11 20:29:54 +01:00
});
}
}]);
return Treeview;
}();
2015-11-11 20:29:54 +01:00
2016-01-16 17:27:23 +01:00
/**
* Data API
* ====================================================
*/
$(window).on(Event.LOAD_DATA_API, function () {
$(Selector.DATA_WIDGET).each(function () {
var $treeview = $(this);
Treeview._jQueryInterface.call($treeview, 'init');
});
});
2015-11-11 20:29:54 +01:00
/**
* jQuery API
* ====================================================
*/
$.fn[NAME] = Treeview._jQueryInterface;
$.fn[NAME].Constructor = Treeview;
$.fn[NAME].noConflict = function () {
$.fn[NAME] = JQUERY_NO_CONFLICT;
return Treeview._jQueryInterface;
};
return Treeview;
}(jQuery);
2015-11-11 20:29:54 +01:00
var PushMenu = function ($) {
2015-11-11 20:29:54 +01:00
'use strict';
/**
* Constants
* ====================================================
*/
var NAME = 'PushMenu';
var DATA_KEY = 'lte.pushmenu';
var EVENT_KEY = '.' + DATA_KEY;
var JQUERY_NO_CONFLICT = $.fn[NAME];
var Event = {
COLLAPSED: 'collapsed' + EVENT_KEY,
2016-01-16 17:27:23 +01:00
SHOWN: 'shown' + EVENT_KEY
2015-11-11 20:29:54 +01:00
};
var Selector = {
COLLAPSED: 'sidebar-collapse',
TOGGLE_BUTTON: '[data-widget="pushmenu"]'
};
/**
* Class Definition
* ====================================================
*/
var PushMenu = function () {
2016-01-16 17:27:23 +01:00
function PushMenu(element) {
2015-11-11 20:29:54 +01:00
_classCallCheck(this, PushMenu);
2016-01-16 17:27:23 +01:00
this._element = element;
this._isShown = !$('body').hasClass(Selector.COLLAPSED) || $('body').hasClass('sidebar-open');
}
2015-11-11 20:29:54 +01:00
2016-01-16 17:27:23 +01:00
// Public
2015-11-11 20:29:54 +01:00
2016-01-16 17:27:23 +01:00
_createClass(PushMenu, [{
2015-11-11 20:29:54 +01:00
key: 'show',
value: function show() {
2016-01-16 17:27:23 +01:00
$('body').addClass('sidebar-open').removeClass(Selector.COLLAPSED);
2015-11-11 20:29:54 +01:00
this._isShown = true;
var shownEvent = $.Event(Event.SHOWN);
$(this._element).trigger(shownEvent);
}
}, {
key: 'collapse',
value: function collapse() {
2016-01-16 17:27:23 +01:00
$('body').removeClass('sidebar-open').addClass(Selector.COLLAPSED);
2015-11-11 20:29:54 +01:00
this._isShown = false;
var collapsedEvent = $.Event(Event.COLLAPSED);
$(this._element).trigger(collapsedEvent);
}
}, {
key: 'toggle',
value: function toggle() {
if (typeof this._isShown === 'undefined') {
2016-01-16 17:27:23 +01:00
this._isShown = !$('body').hasClass(Selector.COLLAPSED) || $('body').hasClass('sidebar-open');
2015-11-11 20:29:54 +01:00
}
if (this._isShown) {
this.collapse();
} else {
this.show();
}
}
// Static
}], [{
key: '_jQueryInterface',
value: function _jQueryInterface(operation) {
return this.each(function () {
var data = $(this).data(DATA_KEY);
if (!data) {
data = new PushMenu(this);
$(this).data(DATA_KEY, data);
}
if (operation) {
data[operation]();
}
});
}
}]);
return PushMenu;
}();
2015-11-11 20:29:54 +01:00
/**
* Data API
* ====================================================
*/
$(document).on('click', Selector.TOGGLE_BUTTON, function (event) {
event.preventDefault();
2016-01-16 17:27:23 +01:00
var button = event.currentTarget;
2015-11-11 20:29:54 +01:00
if ($(button).data('widget') !== 'pushmenu') {
button = $(button).closest(Selector.TOGGLE_BUTTON);
}
PushMenu._jQueryInterface.call($(button), 'toggle');
});
/**
* jQuery API
* ====================================================
*/
$.fn[NAME] = PushMenu._jQueryInterface;
$.fn[NAME].Constructor = PushMenu;
$.fn[NAME].noConflict = function () {
$.fn[NAME] = JQUERY_NO_CONFLICT;
return PushMenu._jQueryInterface;
};
return PushMenu;
}(jQuery);
2015-11-11 20:29:54 +01:00
var Widget = function ($) {
2015-11-11 20:29:54 +01:00
'use strict';
var Widget = function () {
2016-01-16 17:27:23 +01:00
function Widget(element) {
2015-11-11 20:29:54 +01:00
_classCallCheck(this, Widget);
2016-01-16 17:27:23 +01:00
this._element = element;
2015-11-11 20:29:54 +01:00
}
2016-01-16 17:27:23 +01:00
_createClass(Widget, null, [{
2015-11-11 20:29:54 +01:00
key: '_jQueryInterface',
value: function _jQueryInterface(element) {
var $this = $(element);
$this.show();
}
}]);
return Widget;
}();
2015-11-11 20:29:54 +01:00
return Widget;
}(jQuery);
var ControlSidebar = function ($) {
'use strict';
/**
* Constants
* ====================================================
*/
var NAME = 'ControlSidebar';
var DATA_KEY = 'lte.control.sidebar';
var EVENT_KEY = '.' + DATA_KEY;
var JQUERY_NO_CONFLICT = $.fn[NAME];
var DATA_API_KEY = '.data-api';
var Event = {
CLICK_DATA_API: 'click' + EVENT_KEY + DATA_API_KEY
};
var Selector = {
CONTROL_SIDEBAR: '.control-sidebar',
DATA_TOGGLE: '[data-widget="control-sidebar"]'
};
var ClassName = {
CONTROL_SIDEBAR_OPEN: 'control-sidebar-open',
CONTROL_SIDEBAR_SLIDE: 'control-sidebar-slide-open'
};
var Default = {
slide: true
};
/**
* Class Definition
* ====================================================
*/
var ControlSidebar = function () {
function ControlSidebar(element, config) {
_classCallCheck(this, ControlSidebar);
this._element = element;
this._config = this._getConfig(config);
}
// Public
_createClass(ControlSidebar, [{
key: 'show',
value: function show() {
// Show the control sidebar
if (this._config.slide) {
$('body').removeClass(ClassName.CONTROL_SIDEBAR_SLIDE);
} else {
$('body').removeClass(ClassName.CONTROL_SIDEBAR_OPEN);
}
}
}, {
key: 'collapse',
value: function collapse() {
// Collapse the control sidebar
if (this._config.slide) {
$('body').addClass(ClassName.CONTROL_SIDEBAR_SLIDE);
} else {
$('body').addClass(ClassName.CONTROL_SIDEBAR_OPEN);
}
}
}, {
key: 'toggle',
value: function toggle() {
if ($('body').hasClass(ClassName.CONTROL_SIDEBAR_OPEN) || $('body').hasClass(ClassName.CONTROL_SIDEBAR_SLIDE)) {
// Open the control sidebar
this.show();
} else {
// Close the control sidebar
this.collapse();
}
}
// Private
}, {
key: '_getConfig',
value: function _getConfig(config) {
return $.extend({}, Default, config);
}
// Static
}], [{
key: '_jQueryInterface',
value: function _jQueryInterface(operation) {
return this.each(function () {
var 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]();
});
}
}]);
return ControlSidebar;
}();
/**
*
* 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);
2016-10-26 15:30:59 +02:00
var Search = function ($) {
/**
* Constants
* ====================================================
*/
var NAME = 'Search';
var DATA_KEY = 'lte.search';
var EVENT_KEY = '.' + DATA_KEY;
var JQUERY_NO_CONFLICT = $.fn[NAME];
var Event = {
LOAD_DATA_API: 'load' + EVENT_KEY
};
var Selector = {
LI: '.nav-item',
LINK: '.nav-link',
OPEN: '.menu-open',
ACTIVE: '.active',
TREEVIEW_MENU: '[data-widget="treeview"]',
NAV_TREEVIEW: '.nav-treeview',
NAV_HEADER: '.nav-header',
2016-10-26 15:30:59 +02:00
DATA_WIDGET: '[data-widget="search"]'
};
var ClassName = {
LI: 'nav-item',
LINK: 'nav-link',
NAV_TREEVIEW: 'nav-treeview',
OPEN: 'menu-open'
};
var Default = {
target: '',
case_sensitive: false
};
/**
* Class Definition
* ====================================================
*/
var Search = function () {
function Search(element, config) {
_classCallCheck(this, Search);
this._config = config;
this._element = element;
this._open_menus = null;
}
// Public
_createClass(Search, [{
key: 'init',
value: function init() {
var _this5 = this;
2016-10-26 15:30:59 +02:00
if (this._config.target === '') {
this._config.target = this._element.closest(Selector.TREEVIEW_MENU);
} else {
this._config.target = $(this._config.target);
}
// Set treeview original state
this._open_menus = this._config.target.find(Selector.OPEN);
// Prevent form submission
this._element.parents('form').first().submit(function (event) {
event.preventDefault();
});
// Setup search function
this._element.keyup(function (event) {
event.preventDefault();
var value = $(event.currentTarget).val();
if (!_this5._config.case_sensitive) {
2016-10-26 15:30:59 +02:00
value = value.toLowerCase();
}
_this5.search(value);
});
2016-10-26 15:30:59 +02:00
}
}, {
key: 'search',
value: function search(value) {
var items = this._config.target.find(Selector.LI);
var headers = this._config.target.find(Selector.NAV_HEADER);
2016-10-26 15:30:59 +02:00
// If the value is back to null
if (!value) {
// Show all headers
headers.css('display', 'block');
2016-10-26 15:30:59 +02:00
// Close all treeviews
items.css('display', 'block').removeClass(ClassName.OPEN).find(Selector.NAV_TREEVIEW).css('display', 'none');
2016-10-26 15:30:59 +02:00
// Open the originally opened treeviews
var _iteratorNormalCompletion = true;
var _didIteratorError = false;
var _iteratorError = undefined;
try {
for (var _iterator = this._open_menus[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
var menu = _step.value;
if (!$(menu).hasClass(ClassName.OPEN)) {
$(menu).addClass(ClassName.OPEN).css('display', 'block');
$(menu).children(Selector.NAV_TREEVIEW).css('display', 'block');
}
2016-10-26 15:30:59 +02:00
}
} catch (err) {
_didIteratorError = true;
_iteratorError = err;
} finally {
try {
if (!_iteratorNormalCompletion && _iterator.return) {
_iterator.return();
}
} finally {
if (_didIteratorError) {
throw _iteratorError;
}
}
}
2016-10-26 15:30:59 +02:00
return;
}
// Hide all elements
items.css('display', 'none');
headers.css('display', 'none');
2016-10-26 15:30:59 +02:00
// Search through the tree elements
var _iteratorNormalCompletion2 = true;
var _didIteratorError2 = false;
var _iteratorError2 = undefined;
2016-10-26 15:30:59 +02:00
try {
for (var _iterator2 = items[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
var item = _step2.value;
var text = $(item).children('a').text();
2016-10-26 15:30:59 +02:00
if (!this._config.case_sensitive) {
text = text.toLowerCase();
}
if (text.indexOf(value) != -1) {
// Found the result
// Make the parent LI visible
$(item).parents(Selector.LI).css('display', 'block').addClass('menu-open');
$(item).parents(Selector.NAV_TREEVIEW).css('display', 'block');
2016-10-26 15:30:59 +02:00
// If this is a treeview parent, make all of its children visible
$(item).children(Selector.NAV_TREEVIEW).css('display', 'block').children(Selector.LI).css('display', 'block').addClass('menu-open');
2016-10-26 15:30:59 +02:00
// Make this element visible
$(item).css('display', 'block');
}
2016-10-26 15:30:59 +02:00
}
} catch (err) {
_didIteratorError2 = true;
_iteratorError2 = err;
} finally {
try {
if (!_iteratorNormalCompletion2 && _iterator2.return) {
_iterator2.return();
}
} finally {
if (_didIteratorError2) {
throw _iteratorError2;
}
}
}
2016-10-26 15:30:59 +02:00
}
// Static
}], [{
key: '_jQueryInterface',
value: function _jQueryInterface(config) {
return this.each(function () {
var data = $(this).data(DATA_KEY);
var _config = $.extend({}, Default, $(this).data());
if (!data) {
data = new Search($(this), _config);
$(this).data(DATA_KEY, data);
}
if (config === 'init') {
data[config]();
}
});
}
}]);
return Search;
}();
/**
* Data API
* ====================================================
*/
$(window).on(Event.LOAD_DATA_API, function () {
$(Selector.DATA_WIDGET).each(function () {
Search._jQueryInterface.call($(this), 'init');
});
});
/**
* jQuery API
* ====================================================
*/
$.fn[NAME] = Search._jQueryInterface;
$.fn[NAME].Constructor = Search;
$.fn[NAME].noConflict = function () {
$.fn[NAME] = JQUERY_NO_CONFLICT;
return Search._jQueryInterface;
};
return Search;
}(jQuery);
2016-01-16 17:27:23 +01:00
//# sourceMappingURL=adminlte.js.map