/*!
=========================================================
* Now UI Dashboard PRO - v1.5.0
=========================================================
* Product Page: https://www.creative-tim.com/product/now-ui-dashboard-pro
* Copyright 2019 Creative Tim (http://www.creative-tim.com)
* Designed by www.invisionapp.com Coded by www.creative-tim.com
=========================================================
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
*/
transparent = true;
transparentDemo = true;
fixedTop = false;
navbar_initialized = false;
backgroundOrange = false;
sidebar_mini_active = false;
toggle_initialized = false;
var is_iPad = navigator.userAgent.match(/iPad/i) != null;
var scrollElement = navigator.platform.indexOf('Win') > -1 ? $(".main-panel") : $(window);
seq = 0, delays = 80, durations = 500;
seq2 = 0, delays2 = 80, durations2 = 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);
};
};
(function() {
isWindows = navigator.platform.indexOf('Win') > -1 ? true : false;
if (isWindows) {
// if we are on windows OS we activate the perfectScrollbar function
var ps = new PerfectScrollbar('.sidebar-wrapper');
var ps2 = new PerfectScrollbar('.main-panel');
$('html').addClass('perfect-scrollbar-on');
} else {
$('html').addClass('perfect-scrollbar-off');
}
})();
$(document).ready(function() {
$navbar = $('.navbar[color-on-scroll]');
scroll_distance = $navbar.attr('color-on-scroll') || 500;
// Activate the Tooltips
$('[data-toggle="tooltip"], [rel="tooltip"]').tooltip();
// Activate Popovers and set color for popovers
$('[data-toggle="popover"]').each(function() {
color_class = $(this).data('color');
$(this).popover({
template: '<div class="popover popover-' + color_class + '" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>'
});
});
var tagClass = $('.tagsinput').data('color');
if ($(".tagsinput").length != 0) {
$('.tagsinput').tagsinput();
}
$('.bootstrap-tagsinput').addClass('' + tagClass + '-badge');
// Activate bootstrap-select
if ($(".selectpicker").length != 0) {
$(".selectpicker").selectpicker({
iconBase: "now-ui-icons",
tickIcon: "ui-1_check"
});
}
if ($('body').hasClass('sidebar-mini')) {
sidebar_mini_active = true
}
var isWindows = navigator.platform.startsWith('Win');
if (isWindows) {
$('.modal').on('show.bs.modal', function() {
var ps1 = new PerfectScrollbar('.modal');
}).on('hide.bs.modal', function() {
var ps1 = new PerfectScrollbar('.modal');
ps1.destroy();
});
}
if ($('.full-screen-map').length == 0 && $('.bd-docs').length == 0) {
// On click navbar-collapse the menu will be white not transparent
$('.collapse').on('show.bs.collapse', function() {
$(this).closest('.navbar').removeClass('navbar-transparent').addClass('bg-white');
}).on('hide.bs.collapse', function() {
if ($(document).scrollTop() <= scroll_distance) {
$(this).closest('.navbar').addClass('navbar-transparent').removeClass('bg-white');
}
});
}
// FileInput
$('.form-file-simple .inputFileVisible').click(function() {
$(this).siblings('.inputFileHidden').trigger('click');
});
$('.form-file-simple .inputFileHidden').change(function() {
var filename = $(this).val().replace(/C:\\fakepath\\/i, '');
$(this).siblings('.inputFileVisible').val(filename);
});
$('.form-file-simple .inputFileHidden, .form-file-multiple .inputFileHidden').css('z-index', '-1');
$('.form-file-multiple .inputFileVisible, .form-file-multiple .input-group-btn').click(function() {
$(this).siblings('.inputFileHidden').trigger('click');
});
$('.form-file-multiple .inputFileHidden').change(function() {
var names = '';
for (var i = 0; i < $(this).get(0).files.length; ++i) {
if (i < $(this).get(0).files.length - 1) {
names += $(this).get(0).files.item(i).name + ',';
} else {
names += $(this).get(0).files.item(i).name;
}
}
$(this).siblings('.inputFileVisible').val(names);
});
nowuiDashboard.initMinimizeSidebar();
// Check if we have the attr "color-on-scroll" then add the function to remove the class "navbar-transparent" so it will transform to a plain color.
if ($('.navbar[color-on-scroll]').length != 0) {
nowuiDashboard.checkScrollForTransparentNavbar();
$(window).on('scroll', nowuiDashboard.checkScrollForTransparentNavbar)
}
$('.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 bootstrapSwitch
$('.bootstrap-switch').each(function() {
$this = $(this);
data_on_label = $this.data('on-label') || '';
data_off_label = $this.data('off-label') || '';
$this.bootstrapSwitch({
onText: data_on_label,
offText: data_off_label
});
});
if (is_iPad) {
$('body').removeClass('sidebar-mini');
}
});
$(document).on('click', '.navbar-toggle', function() {
$toggle = $(this);
if (nowuiDashboard.misc.navbar_menu_visible == 1) {
$('html').removeClass('nav-open');
nowuiDashboard.misc.navbar_menu_visible = 0;
setTimeout(function() {
$toggle.removeClass('toggled');
$('#bodyClick').remove();
}, 550);
} else {
setTimeout(function() {
$toggle.addClass('toggled');
}, 580);
div = '<div id="bodyClick"></div>';
$(div).appendTo('body').click(function() {
$('html').removeClass('nav-open');
nowuiDashboard.misc.navbar_menu_visible = 0;
setTimeout(function() {
$toggle.removeClass('toggled');
$('#bodyClick').remove();
}, 550);
});
$('html').addClass('nav-open');
nowuiDashboard.misc.navbar_menu_visible = 1;
}
});
$(window).resize(function() {
// reset the seq for charts drawing animations
seq = seq2 = 0;
if ($('.full-screen-map').length == 0 && $('.bd-docs').length == 0) {
$navbar = $('.navbar');
isExpanded = $('.navbar').find('[data-toggle="collapse"]').attr("aria-expanded");
if ($navbar.hasClass('bg-white') && $(window).width() > 991) {
if (scrollElement.scrollTop() == 0) {
$navbar.removeClass('bg-white').addClass('navbar-transparent');
}
} else if ($navbar.hasClass('navbar-transparent') && $(window).width() < 991 && isExpanded != "false") {
$navbar.addClass('bg-white').removeClass('navbar-transparent');
}
}
if (is_iPad) {
$('body').removeClass('sidebar-mini');
}
});
nowuiDashboard = {
misc: {
navbar_menu_visible: 0
},
checkScrollForTransparentNavbar: debounce(function() {
if (scrollElement.scrollTop() >= scroll_distance) {
if (transparent) {
transparent = false;
$('.navbar[color-on-scroll]').removeClass('navbar-transparent').addClass('bg-white');
}
} else {
if (!transparent) {
transparent = true;
if ($(".navbar.fixed-top .navbar-toggler[aria-expanded='false']").length !== 0 || $(window).width() > 991) {
$('.navbar[color-on-scroll]').addClass('navbar-transparent').removeClass('bg-white');
}
}
}
}, 17),
checkSidebarImage: function() {
$sidebar = $('.sidebar');
image_src = $sidebar.data('image');
if (image_src !== undefined) {
sidebar_container = '<div class="sidebar-background" style="background-image: url(' + image_src + ') "/>'
$sidebar.append(sidebar_container);
}
},
initMinimizeSidebar: function() {
$('#minimizeSidebar').click(function() {
var $btn = $(this);
if (sidebar_mini_active == true) {
$('body').removeClass('sidebar-mini');
sidebar_mini_active = false;
nowuiDashboard.showSidebarMessage('Sidebar mini deactivated...');
} else {
$('body').addClass('sidebar-mini');
sidebar_mini_active = true;
nowuiDashboard.showSidebarMessage('Sidebar mini activated...');
}
// 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);
});
},
startAnimationForLineChart: function(chart) {
chart.on('draw', function(data) {
if (data.type === 'line' || data.type === 'area') {
data.element.animate({
d: {
begin: 600,
dur: 700,
from: data.path.clone().scale(1, 0).translate(0, data.chartRect.height()).stringify(),
to: data.path.clone().stringify(),
easing: Chartist.Svg.Easing.easeOutQuint
}
});
} else if (data.type === 'point') {
seq++;
data.element.animate({
opacity: {
begin: seq * delays,
dur: durations,
from: 0,
to: 1,
easing: 'ease'
}
});
}
});
seq = 0;
},
startAnimationForBarChart: function(chart) {
chart.on('draw', function(data) {
if (data.type === 'bar') {
seq2++;
data.element.animate({
opacity: {
begin: seq2 * delays2,
dur: durations2,
from: 0,
to: 1,
easing: 'ease'
}
});
}
});
seq2 = 0;
},
showSidebarMessage: function(message) {
try {
$.notify({
icon: "now-ui-icons ui-1_bell-53",
message: message
}, {
type: 'info',
timer: 4000,
placement: {
from: 'top',
align: 'right'
}
});
} catch (e) {
console.log('Notify library is missing, please make sure you have the notifications library added.');
}
}
};
function hexToRGB(hex, alpha) {
var r = parseInt(hex.slice(1, 3), 16),
g = parseInt(hex.slice(3, 5), 16),
b = parseInt(hex.slice(5, 7), 16);
if (alpha) {
return "rgba(" + r + ", " + g + ", " + b + ", " + alpha + ")";
} else {
return "rgb(" + r + ", " + g + ", " + b + ")";
}
}