sidebarmenu.js 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342
  1. /*
  2. Template Name: Monster Admin
  3. Author: Themedesigner
  4. Email: niravjoshi87@gmail.com
  5. File: js
  6. */
  7. (function (global, factory) {
  8. if (typeof define === "function" && define.amd) {
  9. define(['jquery'], factory);
  10. } else if (typeof exports !== "undefined") {
  11. factory(require('jquery'));
  12. } else {
  13. var mod = {
  14. exports: {}
  15. };
  16. factory(global.jquery);
  17. global.metisMenu = mod.exports;
  18. }
  19. })(this, function (_jquery) {
  20. 'use strict';
  21. var _jquery2 = _interopRequireDefault(_jquery);
  22. function _interopRequireDefault(obj) {
  23. return obj && obj.__esModule ? obj : {
  24. default: obj
  25. };
  26. }
  27. var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
  28. return typeof obj;
  29. } : function (obj) {
  30. return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
  31. };
  32. function _classCallCheck(instance, Constructor) {
  33. if (!(instance instanceof Constructor)) {
  34. throw new TypeError("Cannot call a class as a function");
  35. }
  36. }
  37. var Util = function ($) {
  38. var transition = false;
  39. var TransitionEndEvent = {
  40. WebkitTransition: 'webkitTransitionEnd',
  41. MozTransition: 'transitionend',
  42. OTransition: 'oTransitionEnd otransitionend',
  43. transition: 'transitionend'
  44. };
  45. function getSpecialTransitionEndEvent() {
  46. return {
  47. bindType: transition.end,
  48. delegateType: transition.end,
  49. handle: function handle(event) {
  50. if ($(event.target).is(this)) {
  51. return event.handleObj.handler.apply(this, arguments);
  52. }
  53. return undefined;
  54. }
  55. };
  56. }
  57. function transitionEndTest() {
  58. if (window.QUnit) {
  59. return false;
  60. }
  61. var el = document.createElement('mm');
  62. for (var name in TransitionEndEvent) {
  63. if (el.style[name] !== undefined) {
  64. return {
  65. end: TransitionEndEvent[name]
  66. };
  67. }
  68. }
  69. return false;
  70. }
  71. function transitionEndEmulator(duration) {
  72. var _this2 = this;
  73. var called = false;
  74. $(this).one(Util.TRANSITION_END, function () {
  75. called = true;
  76. });
  77. setTimeout(function () {
  78. if (!called) {
  79. Util.triggerTransitionEnd(_this2);
  80. }
  81. }, duration);
  82. return this;
  83. }
  84. function setTransitionEndSupport() {
  85. transition = transitionEndTest();
  86. $.fn.emulateTransitionEnd = transitionEndEmulator;
  87. if (Util.supportsTransitionEnd()) {
  88. $.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent();
  89. }
  90. }
  91. var Util = {
  92. TRANSITION_END: 'mmTransitionEnd',
  93. triggerTransitionEnd: function triggerTransitionEnd(element) {
  94. $(element).trigger(transition.end);
  95. },
  96. supportsTransitionEnd: function supportsTransitionEnd() {
  97. return Boolean(transition);
  98. }
  99. };
  100. setTransitionEndSupport();
  101. return Util;
  102. }(jQuery);
  103. var MetisMenu = function ($) {
  104. var NAME = 'metisMenu';
  105. var DATA_KEY = 'metisMenu';
  106. var EVENT_KEY = '.' + DATA_KEY;
  107. var DATA_API_KEY = '.data-api';
  108. var JQUERY_NO_CONFLICT = $.fn[NAME];
  109. var TRANSITION_DURATION = 350;
  110. var Default = {
  111. toggle: true,
  112. preventDefault: true,
  113. activeClass: 'active',
  114. collapseClass: 'collapse',
  115. collapseInClass: 'in',
  116. collapsingClass: 'collapsing',
  117. triggerElement: 'a',
  118. parentTrigger: 'li',
  119. subMenu: 'ul'
  120. };
  121. var Event = {
  122. SHOW: 'show' + EVENT_KEY,
  123. SHOWN: 'shown' + EVENT_KEY,
  124. HIDE: 'hide' + EVENT_KEY,
  125. HIDDEN: 'hidden' + EVENT_KEY,
  126. CLICK_DATA_API: 'click' + EVENT_KEY + DATA_API_KEY
  127. };
  128. var MetisMenu = function () {
  129. function MetisMenu(element, config) {
  130. _classCallCheck(this, MetisMenu);
  131. this._element = element;
  132. this._config = this._getConfig(config);
  133. this._transitioning = null;
  134. this.init();
  135. }
  136. MetisMenu.prototype.init = function init() {
  137. var self = this;
  138. $(this._element).find(this._config.parentTrigger + '.' + this._config.activeClass).has(this._config.subMenu).children(this._config.subMenu).attr('aria-expanded', true).addClass(this._config.collapseClass + ' ' + this._config.collapseInClass);
  139. $(this._element).find(this._config.parentTrigger).not('.' + this._config.activeClass).has(this._config.subMenu).children(this._config.subMenu).attr('aria-expanded', false).addClass(this._config.collapseClass);
  140. $(this._element).find(this._config.parentTrigger).has(this._config.subMenu).children(this._config.triggerElement).on(Event.CLICK_DATA_API, function (e) {
  141. var _this = $(this);
  142. var _parent = _this.parent(self._config.parentTrigger);
  143. var _siblings = _parent.siblings(self._config.parentTrigger).children(self._config.triggerElement);
  144. var _list = _parent.children(self._config.subMenu);
  145. if (self._config.preventDefault) {
  146. e.preventDefault();
  147. }
  148. if (_this.attr('aria-disabled') === 'true') {
  149. return;
  150. }
  151. if (_parent.hasClass(self._config.activeClass)) {
  152. _this.attr('aria-expanded', false);
  153. self._hide(_list);
  154. } else {
  155. self._show(_list);
  156. _this.attr('aria-expanded', true);
  157. if (self._config.toggle) {
  158. _siblings.attr('aria-expanded', false);
  159. }
  160. }
  161. if (self._config.onTransitionStart) {
  162. self._config.onTransitionStart(e);
  163. }
  164. });
  165. };
  166. MetisMenu.prototype._show = function _show(element) {
  167. if (this._transitioning || $(element).hasClass(this._config.collapsingClass)) {
  168. return;
  169. }
  170. var _this = this;
  171. var _el = $(element);
  172. var startEvent = $.Event(Event.SHOW);
  173. _el.trigger(startEvent);
  174. if (startEvent.isDefaultPrevented()) {
  175. return;
  176. }
  177. _el.parent(this._config.parentTrigger).addClass(this._config.activeClass);
  178. if (this._config.toggle) {
  179. this._hide(_el.parent(this._config.parentTrigger).siblings().children(this._config.subMenu + '.' + this._config.collapseInClass).attr('aria-expanded', false));
  180. }
  181. _el.removeClass(this._config.collapseClass).addClass(this._config.collapsingClass).height(0);
  182. this.setTransitioning(true);
  183. var complete = function complete() {
  184. _el.removeClass(_this._config.collapsingClass).addClass(_this._config.collapseClass + ' ' + _this._config.collapseInClass).height('').attr('aria-expanded', true);
  185. _this.setTransitioning(false);
  186. _el.trigger(Event.SHOWN);
  187. };
  188. if (!Util.supportsTransitionEnd()) {
  189. complete();
  190. return;
  191. }
  192. _el.height(_el[0].scrollHeight).one(Util.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
  193. };
  194. MetisMenu.prototype._hide = function _hide(element) {
  195. if (this._transitioning || !$(element).hasClass(this._config.collapseInClass)) {
  196. return;
  197. }
  198. var _this = this;
  199. var _el = $(element);
  200. var startEvent = $.Event(Event.HIDE);
  201. _el.trigger(startEvent);
  202. if (startEvent.isDefaultPrevented()) {
  203. return;
  204. }
  205. _el.parent(this._config.parentTrigger).removeClass(this._config.activeClass);
  206. _el.height(_el.height())[0].offsetHeight;
  207. _el.addClass(this._config.collapsingClass).removeClass(this._config.collapseClass).removeClass(this._config.collapseInClass);
  208. this.setTransitioning(true);
  209. var complete = function complete() {
  210. if (_this._transitioning && _this._config.onTransitionEnd) {
  211. _this._config.onTransitionEnd();
  212. }
  213. _this.setTransitioning(false);
  214. _el.trigger(Event.HIDDEN);
  215. _el.removeClass(_this._config.collapsingClass).addClass(_this._config.collapseClass).attr('aria-expanded', false);
  216. };
  217. if (!Util.supportsTransitionEnd()) {
  218. complete();
  219. return;
  220. }
  221. _el.height() == 0 || _el.css('display') == 'none' ? complete() : _el.height(0).one(Util.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
  222. };
  223. MetisMenu.prototype.setTransitioning = function setTransitioning(isTransitioning) {
  224. this._transitioning = isTransitioning;
  225. };
  226. MetisMenu.prototype.dispose = function dispose() {
  227. $.removeData(this._element, DATA_KEY);
  228. $(this._element).find(this._config.parentTrigger).has(this._config.subMenu).children(this._config.triggerElement).off('click');
  229. this._transitioning = null;
  230. this._config = null;
  231. this._element = null;
  232. };
  233. MetisMenu.prototype._getConfig = function _getConfig(config) {
  234. config = $.extend({}, Default, config);
  235. return config;
  236. };
  237. MetisMenu._jQueryInterface = function _jQueryInterface(config) {
  238. return this.each(function () {
  239. var $this = $(this);
  240. var data = $this.data(DATA_KEY);
  241. var _config = $.extend({}, Default, $this.data(), (typeof config === 'undefined' ? 'undefined' : _typeof(config)) === 'object' && config);
  242. if (!data && /dispose/.test(config)) {
  243. this.dispose();
  244. }
  245. if (!data) {
  246. data = new MetisMenu(this, _config);
  247. $this.data(DATA_KEY, data);
  248. }
  249. if (typeof config === 'string') {
  250. if (data[config] === undefined) {
  251. throw new Error('No method named "' + config + '"');
  252. }
  253. data[config]();
  254. }
  255. });
  256. };
  257. return MetisMenu;
  258. }();
  259. /**
  260. * ------------------------------------------------------------------------
  261. * jQuery
  262. * ------------------------------------------------------------------------
  263. */
  264. $.fn[NAME] = MetisMenu._jQueryInterface;
  265. $.fn[NAME].Constructor = MetisMenu;
  266. $.fn[NAME].noConflict = function () {
  267. $.fn[NAME] = JQUERY_NO_CONFLICT;
  268. return MetisMenu._jQueryInterface;
  269. };
  270. return MetisMenu;
  271. }(jQuery);
  272. });