54 lines
1.2 KiB
JavaScript
54 lines
1.2 KiB
JavaScript
/* ------------------------------------------------------------------------------
|
|
*
|
|
* # Vertical navigation sizing
|
|
*
|
|
* Specific JS code additions for navigation_vertical_sizing.html page
|
|
*
|
|
* Version: 1.0
|
|
* Latest update: Aug 1, 2015
|
|
*
|
|
* ---------------------------------------------------------------------------- */
|
|
|
|
$(function() {
|
|
|
|
// Initialize Select2 select
|
|
$('.select').select2({
|
|
width: 180,
|
|
minimumResultsForSearch: Infinity
|
|
});
|
|
|
|
|
|
// Apply size on change
|
|
$('.select').on('change', function(){
|
|
|
|
// Value of selected item
|
|
var vals = $(this).val();
|
|
|
|
|
|
// Large
|
|
if ((vals == 'large')) {
|
|
$('.navigation-main').addClass('navigation-lg');
|
|
}
|
|
else {
|
|
$('.navigation-main').removeClass('navigation-lg');
|
|
}
|
|
|
|
// Small
|
|
if ((vals == 'small')) {
|
|
$('.navigation-main').addClass('navigation-sm');
|
|
}
|
|
else {
|
|
$('.navigation-main').removeClass('navigation-sm');
|
|
}
|
|
|
|
// Mini
|
|
if ((vals == 'mini')) {
|
|
$('.navigation-main').addClass('navigation-xs');
|
|
}
|
|
else {
|
|
$('.navigation-main').removeClass('navigation-xs');
|
|
}
|
|
});
|
|
|
|
});
|