/* ------------------------------------------------------------------------------
*
* # Multiple navbars
*
* Specific JS code additions for multiple navbar pages
*
* Version: 1.0
* Latest update: Aug 1, 2015
*
* ---------------------------------------------------------------------------- */
$(function() {
// We use Select2 for selects
// ------------------------------
// Single
$('#single').select2({
width: 180,
minimumResultsForSearch: '-1',
allowClear: true,
dropdownCssClass: 'bg-slate-600'
});
// Multiple
$('#multiple').select2({
width: 180,
minimumResultsForSearch: '-1',
allowClear: true,
dropdownCssClass: 'bg-slate-600'
})
// Operate multiple navbars
// ------------------------------
//
// Single navbar
//
$('#single').on('change', function(){
// Value of selected item
var vals = $(this).val();
// If one select is active, another one is disabled
if ((vals == 'main_top') || (vals == 'main_bottom') || (vals == 'secondary_top')) {
$("#multiple").select2("disable");
}
else {
$("#multiple").select2("enable");
}
// Main top
if (vals == 'main_top') {
$('body').addClass('navbar-top');
$('#navbar-main').addClass('navbar-fixed-top');
}
else {
$('body').removeClass('navbar-top');
$('#navbar-main').removeClass('navbar-fixed-top');
}
// Secondary top (with affix)
if (vals == 'secondary_top') {
// Add affix
$('#navbar-second').addClass('navbar-affix-xs');
$('.navbar-affix-xs').affix({
offset: {
top: function() {
return (this.top = $('body').children('.navbar').outerHeight(true))
}
}
});
// When affixed
$('.navbar-affix-xs').on('affixed.bs.affix', function() {
$(this).next('.page-container').css('margin-top', $(this).outerHeight())
});
// When on top
$('.navbar-affix-xs').on('affixed-top.bs.affix', function() {
$(this).next('.page-container').css('margin-top', '')
});
}
else {
$('#navbar-second').removeClass('navbar-affix-xs');
$(window).off('.affix');
$('#navbar-second').removeData('bs.affix').removeClass('affix affix-top affix-bottom')
}
// Main bottom
if (vals == 'main_bottom') {
$('#navbar-main').addClass('navbar-fixed-bottom');
$('body').addClass('navbar-bottom')
}
else {
$('#navbar-main').removeClass('navbar-fixed-bottom');
$('body').removeClass('navbar-bottom')
}
});
//
// Multiple navbars
//
$('#multiple').on('change', function(){
// Value of selected items
var vals = $(this).val();
// If one select is active, another one is disabled
if ((vals == 'multiple_top') || (vals == 'multiple_bottom')) {
$("#single").select2("disable");
}
else {
$("#single").select2("enable");
}
// Multiple top
if (vals == 'multiple_top') {
$('body').addClass('navbar-top-md-xs');
$('#navbar-main, #navbar-second').wrapAll('');
}
else {
$('body').removeClass('navbar-top-md-xs');
$('body').children('.navbar-fixed-top').children().unwrap();
}
// Multiple bottom
if (vals == 'multiple_bottom') {
$('body').addClass('navbar-bottom-md-xs');
$('#navbar-main, #navbar-second').wrapAll('');
}
else {
$('body').removeClass('navbar-bottom-md-xs');
$('body').children('.navbar-fixed-bottom').children().unwrap();
}
});
});