initial commit
This commit is contained in:
124
webroot/js/jquery.smartmenus.bootstrap.js
Normal file
124
webroot/js/jquery.smartmenus.bootstrap.js
Normal file
@@ -0,0 +1,124 @@
|
||||
/*
|
||||
* SmartMenus jQuery Bootstrap Addon - v0.2.0+
|
||||
* http://www.smartmenus.org/
|
||||
*
|
||||
* Copyright 2015 Vasil Dinkov, Vadikom Web Ltd.
|
||||
* http://vadikom.com/
|
||||
*
|
||||
* Released under the MIT license:
|
||||
* http://www.opensource.org/licenses/MIT
|
||||
*/
|
||||
|
||||
(function($) {
|
||||
|
||||
$.extend($.SmartMenus.Bootstrap = {}, {
|
||||
init: function() {
|
||||
// init all navbars that don't have the "data-sm-skip" attribute set
|
||||
var $navbars = $('ul.navbar-nav:not([data-sm-skip])');
|
||||
$navbars.each(function() {
|
||||
var $this = $(this),
|
||||
obj = $this.data('smartmenus');
|
||||
// if this navbar is not initialized
|
||||
if (!obj) {
|
||||
$this.smartmenus({
|
||||
|
||||
// these are some good default options that should work for all
|
||||
// you can, of course, tweak these as you like
|
||||
subMenusSubOffsetX: 2,
|
||||
subMenusSubOffsetY: -6,
|
||||
subIndicators: false,
|
||||
collapsibleShowFunction: null,
|
||||
collapsibleHideFunction: null,
|
||||
rightToLeftSubMenus: $this.hasClass('navbar-right'),
|
||||
bottomToTopSubMenus: $this.closest('.navbar').hasClass('navbar-fixed-bottom')
|
||||
})
|
||||
.bind({
|
||||
// set/unset proper Bootstrap classes for some menu elements
|
||||
'show.smapi': function(e, menu) {
|
||||
var $menu = $(menu),
|
||||
$scrollArrows = $menu.dataSM('scroll-arrows');
|
||||
if ($scrollArrows) {
|
||||
// they inherit border-color from body, so we can use its background-color too
|
||||
$scrollArrows.css('background-color', $(document.body).css('background-color'));
|
||||
}
|
||||
$menu.parent().addClass('open');
|
||||
},
|
||||
'hide.smapi': function(e, menu) {
|
||||
$(menu).parent().removeClass('open');
|
||||
}
|
||||
})
|
||||
// set Bootstrap's "active" class to SmartMenus "current" items (should someone decide to enable markCurrentItem: true)
|
||||
.find('a.current').parent().addClass('active');
|
||||
|
||||
obj = $this.data('smartmenus');
|
||||
|
||||
// custom "isCollapsible" method for Bootstrap
|
||||
obj.isCollapsible = function() {
|
||||
return this.$firstLink.parent().css('float') != 'left';
|
||||
};
|
||||
|
||||
// custom "refresh" method for Bootstrap
|
||||
obj.refresh = function() {
|
||||
$.SmartMenus.prototype.refresh.call(this);
|
||||
$this.find('a.current').parent().addClass('active');
|
||||
// update collapsible detection
|
||||
detectCollapsible(true);
|
||||
}
|
||||
|
||||
// custom "destroy" method for Bootstrap
|
||||
obj.destroy = function(refresh) {
|
||||
$this.find('a.current').parent().removeClass('active');
|
||||
$.SmartMenus.prototype.destroy.call(this, refresh);
|
||||
}
|
||||
|
||||
// keep Bootstrap's default behavior for parent items when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav
|
||||
// i.e. use the whole item area just as a sub menu toggle and don't customize the carets
|
||||
if ($this.is('[data-sm-skip-collapsible-behavior]')) {
|
||||
$this.bind({
|
||||
// click the parent item to toggle the sub menus (and reset deeper levels and other branches on click)
|
||||
'click.smapi': function(e, item) {
|
||||
if (obj.isCollapsible()) {
|
||||
var $item = $(item),
|
||||
$sub = $item.parent().dataSM('sub');
|
||||
if ($sub && $sub.dataSM('shown-before') && $sub.is(':visible')) {
|
||||
obj.itemActivate($item);
|
||||
obj.menuHide($sub);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// onresize detect when the navbar becomes collapsible and add it the "sm-collapsible" class
|
||||
var winW;
|
||||
function detectCollapsible(force) {
|
||||
var newW = obj.getViewportWidth();
|
||||
if (newW != winW || force) {
|
||||
var $carets = $this.find('.caret');
|
||||
if (obj.isCollapsible()) {
|
||||
$this.addClass('sm-collapsible');
|
||||
// set "navbar-toggle" class to carets (so they look like a button) if the "data-sm-skip-collapsible-behavior" attribute is not set to the ul.navbar-nav
|
||||
if (!$this.is('[data-sm-skip-collapsible-behavior]')) {
|
||||
$carets.addClass('navbar-toggle sub-arrow');
|
||||
}
|
||||
} else {
|
||||
$this.removeClass('sm-collapsible');
|
||||
if (!$this.is('[data-sm-skip-collapsible-behavior]')) {
|
||||
$carets.removeClass('navbar-toggle sub-arrow');
|
||||
}
|
||||
}
|
||||
winW = newW;
|
||||
}
|
||||
};
|
||||
detectCollapsible();
|
||||
$(window).bind('resize.smartmenus' + obj.rootId, detectCollapsible);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// init ondomready
|
||||
$($.SmartMenus.Bootstrap.init);
|
||||
|
||||
})(jQuery);
|
||||
Reference in New Issue
Block a user