325 lines
9.1 KiB
JavaScript
325 lines
9.1 KiB
JavaScript
/*!
|
|
|
|
=========================================================
|
|
* Paper Dashboard PRO - V1.2.1
|
|
=========================================================
|
|
|
|
* Product Page: https://www.creative-tim.com/product/paper-dashboard-pro
|
|
* Available with purchase of license from https://www.creative-tim.com/product/paper-dashboard-pro
|
|
* Copyright 2017 Creative Tim (https://www.creative-tim.com)
|
|
* License Creative Tim (https://www.creative-tim.com/license)
|
|
|
|
=========================================================
|
|
|
|
*/
|
|
|
|
var fixedTop = false;
|
|
|
|
var mobile_menu_visible = 0,
|
|
mobile_menu_initialized = false,
|
|
toggle_initialized = false,
|
|
bootstrap_nav_initialized = false,
|
|
$sidebar,
|
|
isWindows;
|
|
|
|
(function () {
|
|
isWindows = navigator.platform.indexOf('Win') > -1 ? true : false;
|
|
|
|
if (isWindows) {
|
|
// if we are on windows OS we activate the perfectScrollbar function
|
|
$('.sidebar .sidebar-wrapper, .main-panel').perfectScrollbar();
|
|
|
|
$('html').addClass('perfect-scrollbar-on');
|
|
} else {
|
|
$('html').addClass('perfect-scrollbar-off');
|
|
}
|
|
})();
|
|
|
|
$(document).ready(function () {
|
|
window_width = $(window).width();
|
|
$sidebar = $('.sidebar');
|
|
|
|
// We put modals out of wrapper to working properly
|
|
$('.modal').appendTo('body');
|
|
|
|
if ($('body').hasClass('sidebar-mini')) {
|
|
pdp.misc.sidebar_mini_active = true;
|
|
}
|
|
|
|
pdp.initSidebarsCheck();
|
|
pdp.initMinimizeSidebar();
|
|
|
|
$('.form-control')
|
|
.on('focus', function () {
|
|
$(this).parent('.input-group').addClass('input-group-focus');
|
|
})
|
|
.on('blur', function () {
|
|
$(this).parent('.input-group').removeClass('input-group-focus');
|
|
});
|
|
|
|
// Activate the tooltips
|
|
$('[rel="tooltip"]').tooltip();
|
|
|
|
$('.switch').bootstrapSwitch({
|
|
onColor: 'primary',
|
|
});
|
|
|
|
$('.switch-plain').bootstrapSwitch({
|
|
onColor: '',
|
|
onText: '',
|
|
offText: '',
|
|
});
|
|
|
|
$('.switch-icon').bootstrapSwitch({
|
|
onColor: '',
|
|
onText: '<i class="fa fa-check"></i>',
|
|
offText: '<i class="fa fa-times"></i>',
|
|
});
|
|
|
|
//Activate tags
|
|
//removed class label and label-color from tag span and replaced with data-color
|
|
if ($('.tagsinput').length != 0) {
|
|
var tagClass = $('.tagsinput').data('color');
|
|
|
|
$('.tagsinput').tagsinput({
|
|
tagClass: ' tag-' + tagClass + ' ',
|
|
});
|
|
}
|
|
|
|
// Init Bootstrap Select Picker
|
|
if ($('.selectpicker').length != 0) {
|
|
$('.selectpicker').selectpicker();
|
|
}
|
|
});
|
|
|
|
// activate collapse right menu when the windows is resized
|
|
$(window).resize(function () {
|
|
pdp.initSidebarsCheck();
|
|
});
|
|
|
|
pdp = {
|
|
misc: {
|
|
navbar_menu_visible: 0,
|
|
active_collapse: true,
|
|
disabled_collapse_init: 0,
|
|
},
|
|
initSidebarsCheck: function () {
|
|
// Init navigation toggle for small screens
|
|
if ($(window).width() <= 991) {
|
|
if ($sidebar.length != 0) {
|
|
pdp.initSidebarMenu();
|
|
} else {
|
|
pdp.initBootstrapNavbarMenu();
|
|
}
|
|
} else if (mobile_menu_initialized == true) {
|
|
// reset all the additions that we made for the sidebar wrapper only if the screen is bigger than 991px
|
|
$sidebar_wrapper.find('.navbar-form').remove();
|
|
$sidebar_wrapper.find('.nav-mobile-menu').remove();
|
|
|
|
mobile_menu_initialized = false;
|
|
}
|
|
},
|
|
|
|
initMinimizeSidebar: function () {
|
|
$('#minimizeSidebar').click(function () {
|
|
var $btn = $(this);
|
|
|
|
if (pdp.misc.sidebar_mini_active == true) {
|
|
$('body').removeClass('sidebar-mini');
|
|
$btn.html('<i class="ti-more-alt"></i>');
|
|
pdp.misc.sidebar_mini_active = false;
|
|
} else {
|
|
$('body').addClass('sidebar-mini');
|
|
$btn.html('<i class="ti-menu-alt"></i>');
|
|
pdp.misc.sidebar_mini_active = true;
|
|
}
|
|
|
|
// we simulate the window Resize so the charts will get updated in realtime.
|
|
var simulateWindowResize = setInterval(function () {
|
|
window.dispatchEvent(new Event('resize'));
|
|
}, 180);
|
|
|
|
// we stop the simulation of Window Resize after the animations are completed
|
|
setTimeout(function () {
|
|
clearInterval(simulateWindowResize);
|
|
}, 1000);
|
|
});
|
|
},
|
|
|
|
initSidebarMenu: function () {
|
|
$sidebar_wrapper = $('.sidebar-wrapper');
|
|
|
|
if (!mobile_menu_initialized) {
|
|
$navbar = $('nav').find('.navbar-collapse').first().clone(true);
|
|
|
|
nav_content = '';
|
|
mobile_menu_content = '';
|
|
|
|
$navbar.children('ul').each(function () {
|
|
content_buff = $(this).html();
|
|
nav_content = nav_content + content_buff;
|
|
});
|
|
|
|
nav_content = '<ul class="nav nav-mobile-menu">' + nav_content + '</ul>';
|
|
|
|
$navbar_form = $('nav').find('.navbar-form').clone(true);
|
|
|
|
$sidebar_nav = $sidebar_wrapper.find(' > .nav');
|
|
|
|
// insert the navbar form before the sidebar list
|
|
$nav_content = $(nav_content);
|
|
$nav_content.insertBefore($sidebar_nav);
|
|
$navbar_form.insertBefore($nav_content);
|
|
|
|
$('.sidebar-wrapper .dropdown .dropdown-menu > li > a').click(function (event) {
|
|
event.stopPropagation();
|
|
});
|
|
|
|
mobile_menu_initialized = true;
|
|
} else {
|
|
if ($(window).width() > 991) {
|
|
// reset all the additions that we made for the sidebar wrapper only if the screen is bigger than 991px
|
|
$sidebar_wrapper.find('.navbar-form').remove();
|
|
$sidebar_wrapper.find('.nav-mobile-menu').remove();
|
|
|
|
mobile_menu_initialized = false;
|
|
}
|
|
}
|
|
|
|
if (!toggle_initialized) {
|
|
$toggle = $('.navbar-toggle');
|
|
|
|
$toggle.click(function () {
|
|
if (mobile_menu_visible == 1) {
|
|
$('html').removeClass('nav-open');
|
|
|
|
$('.close-layer').remove();
|
|
setTimeout(function () {
|
|
$toggle.removeClass('toggled');
|
|
}, 400);
|
|
|
|
mobile_menu_visible = 0;
|
|
} else {
|
|
setTimeout(function () {
|
|
$toggle.addClass('toggled');
|
|
}, 430);
|
|
|
|
main_panel_height = $('.main-panel')[0].scrollHeight;
|
|
$layer = $('<div class="close-layer"></div>');
|
|
$layer.css('height', main_panel_height + 'px');
|
|
$layer.appendTo('.main-panel');
|
|
|
|
setTimeout(function () {
|
|
$layer.addClass('visible');
|
|
}, 100);
|
|
|
|
$layer.click(function () {
|
|
$('html').removeClass('nav-open');
|
|
mobile_menu_visible = 0;
|
|
|
|
$layer.removeClass('visible');
|
|
|
|
setTimeout(function () {
|
|
$layer.remove();
|
|
$toggle.removeClass('toggled');
|
|
}, 400);
|
|
});
|
|
|
|
$('html').addClass('nav-open');
|
|
mobile_menu_visible = 1;
|
|
}
|
|
});
|
|
|
|
toggle_initialized = true;
|
|
}
|
|
},
|
|
|
|
initBootstrapNavbarMenu: debounce(function () {
|
|
if (!bootstrap_nav_initialized) {
|
|
$navbar = $('nav').find('.navbar-collapse').first().clone(true);
|
|
|
|
nav_content = '';
|
|
mobile_menu_content = '';
|
|
|
|
//add the content from the regular header to the mobile menu
|
|
$navbar.children('ul').each(function () {
|
|
content_buff = $(this).html();
|
|
nav_content = nav_content + content_buff;
|
|
});
|
|
|
|
nav_content = '<ul class="nav nav-mobile-menu">' + nav_content + '</ul>';
|
|
|
|
$navbar.html(nav_content);
|
|
$navbar.addClass('off-canvas-sidebar');
|
|
|
|
// append it to the body, so it will come from the right side of the screen
|
|
$('body').append($navbar);
|
|
|
|
$toggle = $('.navbar-toggle');
|
|
|
|
$navbar.find('a').removeClass('btn btn-round btn-default');
|
|
$navbar.find('button').removeClass('btn-round btn-fill btn-info btn-primary btn-success btn-danger btn-warning btn-neutral');
|
|
$navbar.find('button').addClass('btn-simple btn-block');
|
|
|
|
$toggle.click(function () {
|
|
if (mobile_menu_visible == 1) {
|
|
$('html').removeClass('nav-open');
|
|
|
|
$('.close-layer').remove();
|
|
setTimeout(function () {
|
|
$toggle.removeClass('toggled');
|
|
}, 400);
|
|
|
|
mobile_menu_visible = 0;
|
|
} else {
|
|
setTimeout(function () {
|
|
$toggle.addClass('toggled');
|
|
}, 430);
|
|
|
|
$layer = $('<div class="close-layer"></div>');
|
|
$layer.appendTo('.wrapper-full-page');
|
|
|
|
setTimeout(function () {
|
|
$layer.addClass('visible');
|
|
}, 100);
|
|
|
|
$layer.click(function () {
|
|
$('html').removeClass('nav-open');
|
|
mobile_menu_visible = 0;
|
|
|
|
$layer.removeClass('visible');
|
|
|
|
setTimeout(function () {
|
|
$layer.remove();
|
|
$toggle.removeClass('toggled');
|
|
}, 400);
|
|
});
|
|
|
|
$('html').addClass('nav-open');
|
|
mobile_menu_visible = 1;
|
|
}
|
|
});
|
|
bootstrap_nav_initialized = true;
|
|
}
|
|
}, 500),
|
|
};
|
|
|
|
// Returns a function, that, as long as it continues to be invoked, will not
|
|
// be triggered. The function will be called after it stops being called for
|
|
// N milliseconds. If `immediate` is passed, trigger the function on the
|
|
// leading edge, instead of the trailing.
|
|
|
|
function debounce(func, wait, immediate) {
|
|
var timeout;
|
|
return function () {
|
|
var context = this,
|
|
args = arguments;
|
|
clearTimeout(timeout);
|
|
timeout = setTimeout(function () {
|
|
timeout = null;
|
|
if (!immediate) func.apply(context, args);
|
|
}, wait);
|
|
if (immediate && !timeout) func.apply(context, args);
|
|
};
|
|
}
|