/*
Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 4
Version: 4.3.0
Author: Sean Ngu
Website: http://www.seantheme.com/color-admin-v4.3/admin/
----------------------------
APPS CONTENT TABLE
----------------------------
<!-- ======== GLOBAL SCRIPT SETTING ======== -->
01. Handle Scrollbar
02. Handle Sidebar - Menu
03. Handle Sidebar - Mobile View Toggle
04. Handle Sidebar - Minify / Expand
05. Handle Page Load - Fade in
06. Handle Panel - Remove / Reload / Collapse / Expand
07. Handle Panel - Draggable
08. Handle Tooltip & Popover Activation
09. Handle Scroll to Top Button Activation
<!-- ======== Added in V1.2 ======== -->
10. Handle Theme & Page Structure Configuration - added in V1.2
11. Handle Theme Panel Expand - added in V1.2
12. Handle After Page Load Add Class Function - added in V1.2
<!-- ======== Added in V1.5 ======== -->
13. Handle Save Panel Position Function - added in V1.5
14. Handle Draggable Panel Local Storage Function - added in V1.5
15. Handle Reset Local Storage - added in V1.5
<!-- ======== Added in V1.6 ======== -->
16. Handle IE Full Height Page Compatibility - added in V1.6
17. Handle Unlimited Nav Tabs - added in V1.6
<!-- ======== Added in V1.9 ======== -->
18. Handle Top Menu - Unlimited Top Menu Render - added in V1.9
19. Handle Top Menu - Sub Menu Toggle - added in V1.9
20. Handle Top Menu - Mobile Sub Menu Toggle - added in V1.9
21. Handle Top Menu - Mobile Top Menu Toggle - added in V1.9
22. Handle Clear Sidebar Selection & Hide Mobile Menu - added in V1.9
<!-- ======== Added in V4.0 ======== -->
23. Handle Check Bootstrap Version - added in V4.0
24. Handle Page Scroll Class - added in V4.0
25. Handle Toggle Navbar Profile - added in V4.0
26. Handle Sidebar Scroll Memory - added in V4.0
27. Handle Sidebar Minify Sub Menu - added in V4.0
28. Handle Ajax Mode - added in V4.0
29. Handle Float Navbar Search - added in V4.0
<!-- ======== APPLICATION SETTING ======== -->
Application Controller
*/
/* 01. Handle Scrollbar
------------------------------------------------ */
var handleSlimScroll = function() {
"use strict";
$.when($('[data-scrollbar=true]').each( function() {
generateSlimScroll($(this));
})).done(function() {
$('[data-scrollbar="true"]').mouseover();
});
};
var generateSlimScroll = function(element) {
if ($(element).attr('data-init')) {
return;
}
var dataHeight = $(element).attr('data-height');
dataHeight = (!dataHeight) ? $(element).height() : dataHeight;
var scrollBarOption = {
height: dataHeight
};
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
$(element).css('height', dataHeight);
$(element).css('overflow-x','scroll');
} else {
$(element).slimScroll(scrollBarOption);
}
$(element).attr('data-init', true);
$('.slimScrollBar').hide();
};
/* 02. Handle Sidebar - Menu
------------------------------------------------ */
var handleSidebarMenu = function() {
"use strict";
var expandTime = ($('.sidebar').attr('data-disable-slide-animation')) ? 0 : 250;
$('.sidebar .nav > .has-sub > a').click(function() {
var target = $(this).next('.sub-menu');
var otherMenu = $('.sidebar .nav > li.has-sub > .sub-menu').not(target);
if ($('.page-sidebar-minified').length === 0) {
$(otherMenu).closest('li').addClass('closing');
$(otherMenu).slideUp(expandTime, function() {
$(otherMenu).closest('li').addClass('closed').removeClass('expand closing');
});
if ($(target).is(':visible')) {
$(target).closest('li').addClass('closing').removeClass('expand');
} else {
$(target).closest('li').addClass('expanding').removeClass('closed');
}
$(target).slideToggle(expandTime, function() {
var targetLi = $(this).closest('li');
if (!$(target).is(':visible')) {
$(targetLi).addClass('closed');
$(targetLi).removeClass('expand');
} else {
$(targetLi).addClass('expand');
$(targetLi).removeClass('closed');
}
$(targetLi).removeClass('expanding closing');
});
}
});
$('.sidebar .nav > .has-sub .sub-menu li.has-sub > a').click(function() {
if ($('.page-sidebar-minified').length === 0) {
var target = $(this).next('.sub-menu');
if ($(target).is(':visible')) {
$(target).closest('li').addClass('closing').removeClass('expand');
} else {
$(target).closest('li').addClass('expanding').removeClass('closed');
}
$(target).slideToggle(expandTime, function() {
var targetLi = $(this).closest('li');
if (!$(target).is(':visible')) {
$(targetLi).addClass('closed');
$(targetLi).removeClass('expand');
} else {
$(targetLi).addClass('expand');
$(targetLi).removeClass('closed');
}
$(targetLi).removeClass('expanding closing');
});
}
});
};
/* 03. Handle Sidebar - Mobile View Toggle
------------------------------------------------ */
var handleMobileSidebarToggle = function() {
var sidebarProgress = false;
$('.sidebar').bind('click touchstart', function(e) {
if ($(e.target).closest('.sidebar').length !== 0) {
sidebarProgress = true;
} else {
sidebarProgress = false;
e.stopPropagation();
}
});
$(document).bind('click touchstart', function(e) {
if ($(e.target).closest('.sidebar').length === 0) {
sidebarProgress = false;
}
if ($(e.target).closest('#float-sub-menu').length !== 0) {
sidebarProgress = true;
}
if (!e.isPropagationStopped() && sidebarProgress !== true) {
if ($('#page-container').hasClass('page-sidebar-toggled')) {
sidebarProgress = true;
$('#page-container').removeClass('page-sidebar-toggled');
}
if ($(window).width() <= 767) {
if ($('#page-container').hasClass('page-right-sidebar-toggled')) {
sidebarProgress = true;
$('#page-container').removeClass('page-right-sidebar-toggled');
}
}
}
});
$('[data-click=right-sidebar-toggled]').click(function(e) {
e.stopPropagation();
var targetContainer = '#page-container';
var targetClass = 'page-right-sidebar-collapsed';
targetClass = ($(window).width() < 979) ? 'page-right-sidebar-toggled' : targetClass;
if ($(targetContainer).hasClass(targetClass)) {
$(targetContainer).removeClass(targetClass);
} else if (sidebarProgress !== true) {
$(targetContainer).addClass(targetClass);
} else {
sidebarProgress = false;
}
if ($(window).width() < 480) {
$('#page-container').removeClass('page-sidebar-toggled');
}
$(window).trigger('resize');
});
$('[data-click=sidebar-toggled]').click(function(e) {
e.stopPropagation();
var sidebarClass = 'page-sidebar-toggled';
var targetContainer = '#page-container';
if ($(targetContainer).hasClass(sidebarClass)) {
$(targetContainer).removeClass(sidebarClass);
} else if (sidebarProgress !== true) {
$(targetContainer).addClass(sidebarClass);
} else {
sidebarProgress = false;
}
if ($(window).width() < 480) {
$('#page-container').removeClass('page-right-sidebar-toggled');
}
});
};
/* 04. Handle Sidebar - Minify / Expand
------------------------------------------------ */
var handleSidebarMinify = function() {
$(document).on('click', '[data-click=sidebar-minify]', function(e) {
e.preventDefault();
var sidebarClass = 'page-sidebar-minified';
var targetContainer = '#page-container';
if ($(targetContainer).hasClass(sidebarClass)) {
$(targetContainer).removeClass(sidebarClass);
} else {
$(targetContainer).addClass(sidebarClass);
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
$('#sidebar [data-scrollbar="true"]').css('margin-top','0');
$('#sidebar [data-scrollbar="true"]').css('overflow-x', 'scroll');
}
}
$(window).trigger('resize');
});
};
/* 05. Handle Page Load - Fade in
------------------------------------------------ */
var handlePageContentView = function() {
"use strict";
var hideClass = '';
var showClass = '';
var removeClass = '';
var bootstrapVersion = handleCheckBootstrapVersion();
if (bootstrapVersion >= 3 && bootstrapVersion < 4) {
hideClass = 'hide';
showClass = 'in';
} else if (bootstrapVersion >= 4 && bootstrapVersion < 5) {
hideClass = 'd-none';
showClass = 'show';
}
$(window).on('load', function() {
$.when($('#page-loader').addClass(hideClass)).done(function() {
$('#page-container').addClass(showClass);
});
});
};
/* 06. Handle Panel - Remove / Reload / Collapse / Expand
------------------------------------------------ */
var panelActionRunning = false;
var handlePanelAction = function() {
"use strict";
if (panelActionRunning) {
return false;
}
panelActionRunning = true;
// remove
$(document).on('hover', '[data-click=panel-remove]', function(e) {
if (!$(this).attr('data-init')) {
$(this).tooltip({
title: 'Remove',
placement: 'bottom',
trigger: 'hover',
container: 'body'
});
$(this).tooltip('show');
$(this).attr('data-init', true);
}
});
$(document).on('click', '[data-click=panel-remove]', function(e) {
e.preventDefault();
var bootstrapVersion = handleCheckBootstrapVersion();
if (bootstrapVersion >= 4 && bootstrapVersion < 5) {
$(this).tooltip('dispose');
} else {
$(this).tooltip('destroy');
}
$(this).closest('.panel').remove();
});
// collapse
$(document).on('hover', '[data-click=panel-collapse]', function(e) {
if (!$(this).attr('data-init')) {
$(this).tooltip({
title: 'Collapse / Expand',
placement: 'bottom',
trigger: 'hover',
container: 'body'
});
$(this).tooltip('show');
$(this).attr('data-init', true);
}
});
$(document).on('click', '[data-click=panel-collapse]', function(e) {
e.preventDefault();
$(this).closest('.panel').find('.panel-body').slideToggle();
});
// reload
$(document).on('hover', '[data-click=panel-reload]', function(e) {
if (!$(this).attr('data-init')) {
$(this).tooltip({
title: 'Reload',
placement: 'bottom',
trigger: 'hover',
container: 'body'
});
$(this).tooltip('show');
$(this).attr('data-init', true);
}
});
$(document).on('click', '[data-click=panel-reload]', function(e) {
e.preventDefault();
var target = $(this).closest('.panel');
if (!$(target).hasClass('panel-loading')) {
var targetBody = $(target).find('.panel-body');
var spinnerHtml = '<div class="panel-loader"><span class="spinner-small"></span></div>';
$(target).addClass('panel-loading');
$(targetBody).prepend(spinnerHtml);
setTimeout(function() {
$(target).removeClass('panel-loading');
$(target).find('.panel-loader').remove();
}, 2000);
}
});
// expand
$(document).on('hover', '[data-click=panel-expand]', function(e) {
if (!$(this).attr('data-init')) {
$(this).tooltip({
title: 'Expand / Compress',
placement: 'bottom',
trigger: 'hover',
container: 'body'
});
$(this).tooltip('show');
$(this).attr('data-init', true);
}
});
$(document).on('click', '[data-click=panel-expand]', function(e) {
e.preventDefault();
var target = $(this).closest('.panel');
var targetBody = $(target).find('.panel-body');
var targetTop = 40;
if ($(targetBody).length !== 0) {
var targetOffsetTop = $(target).offset().top;
var targetBodyOffsetTop = $(targetBody).offset().top;
targetTop = targetBodyOffsetTop - targetOffsetTop;
}
if ($('body').hasClass('panel-expand') && $(target).hasClass('panel-expand')) {
$('body, .panel').removeClass('panel-expand');
$('.panel').removeAttr('style');
$(targetBody).removeAttr('style');
} else {
$('body').addClass('panel-expand');
$(this).closest('.panel').addClass('panel-expand');
if ($(targetBody).length !== 0 && targetTop != 40) {
var finalHeight = 40;
$(target).find(' > *').each(function() {
var targetClass = $(this).attr('class');
if (targetClass != 'panel-heading' && targetClass != 'panel-body') {
finalHeight += $(this).height() + 30;
}
});
if (finalHeight != 40) {
$(targetBody).css('top', finalHeight + 'px');
}
}
}
$(window).trigger('resize');
});
};
/* 07. Handle Panel - Draggable
------------------------------------------------ */
var handleDraggablePanel = function() {
"use strict";
var target = $('.panel:not([data-sortable="false"])').parent('[class*=col]');
var targetHandle = '.panel-heading';
var connectedTarget = '.row > [class*=col]';
$(target).sortable({
handle: targetHandle,
connectWith: connectedTarget,
stop: function(event, ui) {
ui.item.find('.panel-title').append('<i class="fa fa-refresh fa-spin m-l-5" data-id="title-spinner"></i>');
handleSavePanelPosition(ui.item);
}
});
};
/* 08. Handle Tooltip & Popover Activation
------------------------------------------------ */
var handelTooltipPopoverActivation = function() {
"use strict";
if ($('[data-toggle="tooltip"]').length !== 0) {
$('[data-toggle=tooltip]').tooltip();
}
if ($('[data-toggle="popover"]').length !== 0) {
$('[data-toggle=popover]').popover();
}
};
/* 09. Handle Scroll to Top Button Activation
------------------------------------------------ */
var handleScrollToTopButton = function() {
"use strict";
var bootstrapVersion = handleCheckBootstrapVersion();
var showClass = '';
if (bootstrapVersion >= 3 && bootstrapVersion < 4) {
showClass = 'in';
} else if (bootstrapVersion >= 4 && bootstrapVersion < 5) {
showClass = 'show';
}
$(document).scroll( function() {
var totalScroll = $(document).scrollTop();
if (totalScroll >= 200) {
$('[data-click=scroll-top]').addClass(showClass);
} else {
$('[data-click=scroll-top]').removeClass(showClass);
}
});
$('[data-click=scroll-top]').click(function(e) {
e.preventDefault();
$('html, body').animate({
scrollTop: $("body").offset().top
}, 500);
});
};
/* 10. Handle Theme & Page Structure Configuration - added in V1.2
------------------------------------------------ */
var handleThemePageStructureControl = function() {
// THEME - theme selection
$(document).on('click', '.theme-list [data-theme]', function() {
var cssFileSrc = $(this).attr('data-theme-file');
$('#theme').attr('href', cssFileSrc);
$('.theme-list [data-theme]').not(this).closest('li').removeClass('active');
$(this).closest('li').addClass('active');
Cookies.set('theme', $(this).attr('data-theme'));
});
// COOKIE - theme selection
if (Cookies && Cookies.get('theme')) {
if ($('.theme-list [data-theme]').length !== 0) {
$('.theme-list [data-theme="'+ Cookies.get('theme') +'"]').trigger('click');
}
}
// HEADER - header styling selection
$(document).on('change', '.theme-panel [name=header-styling]', function() {
var targetClassAdd = ($(this).val() == 1) ? 'navbar-default' : 'navbar-inverse';
var targetClassRemove = ($(this).val() == 1) ? 'navbar-inverse' : 'navbar-default';
$('#header').removeClass(targetClassRemove).addClass(targetClassAdd);
Cookies.set('header-styling', $(this).val());
});
// COOKIE - header styling selection
if (Cookies && Cookies.get('header-styling')) {
var targetElm = '.theme-panel [name="header-styling"]';
if ($(targetElm).length !== 0) {
$(targetElm + ' option[value="'+ Cookies.get('header-styling') +'"]').prop('selected', true);
$(targetElm).trigger('change');
}
}
// SIDEBAR - sidebar styling selection
$(document).on('change', '.theme-panel [name=sidebar-styling]', function() {
if ($(this).val() == 2) {
$('#sidebar').addClass('sidebar-grid');
Cookies.set('sidebar-styling', $(this).val());
} else {
$('#sidebar').removeClass('sidebar-grid');
Cookies.set('sidebar-styling', $(this).val());
}
});
// COOKIE - sidebar styling selection
if (Cookies && Cookies.get('sidebar-styling')) {
var targetElm = '.theme-panel [name="sidebar-styling"]';
if ($(targetElm).length !== 0) {
$(targetElm + ' option[value="'+ Cookies.get('sidebar-styling') +'"]').prop('selected', true);
$(targetElm).trigger('change');
}
}
// CONTENT - content gradient selection
$(document).on('change', '.theme-panel [name=content-gradient]', function() {
if ($(this).val() == 2) {
$('#page-container').addClass('gradient-enabled');
Cookies.set('content-gradient', $(this).val());
} else {
$('#page-container').removeClass('gradient-enabled');
Cookies.set('content-gradient', $(this).val());
}
});
// COOKIE - content gradient selection
if (Cookies && Cookies.get('content-gradient')) {
var targetElm = '.theme-panel [name="content-gradient"]';
if ($(targetElm).length !== 0) {
$(targetElm + ' option[value="'+ Cookies.get('content-gradient') +'"]').prop('selected', true);
$(targetElm).trigger('change');
}
}
// CONTENT - content styling selection
$(document).on('change', '.theme-panel [name=content-styling]', function() {
if ($(this).val() == 2) {
$('body').addClass('flat-black');
Cookies.set('content-styling', $(this).val());
} else {
$('body').removeClass('flat-black');
Cookies.set('content-styling', $(this).val());
}
});
// COOKIE - content styling selection
if (Cookies && Cookies.get('content-styling')) {
var targetElm = '.theme-panel [name="content-styling"]';
if ($(targetElm).length !== 0) {
$(targetElm + ' option[value="'+ Cookies.get('content-styling') +'"]').prop('selected', true);
$(targetElm).trigger('change');
}
}
// DIRECTION - direction selection
$(document).on('change', '.theme-panel [name=direction]', function() {
if ($(this).val() == 2) {
$('body').addClass('rtl-mode');
Cookies.set('direction', $(this).val());
} else {
$('body').removeClass('rtl-mode');
Cookies.set('direction', $(this).val());
}
});
// COOKIE - direction selection
if (Cookies && Cookies.get('direction')) {
var targetElm = '.theme-panel [name="direction"]';
if ($(targetElm).length !== 0) {
$(targetElm + ' option[value="'+ Cookies.get('direction') +'"]').prop('selected', true);
$(targetElm).trigger('change');
}
}
// SIDEBAR - sidebar fixed selection
$(document).on('change', '.theme-panel [name=sidebar-fixed]', function() {
if ($(this).val() == 1) {
if ($('.theme-panel [name=header-fixed]').val() == 2) {
alert('Default Header with Fixed Sidebar option is not supported. Proceed with Fixed Header with Fixed Sidebar.');
$('.theme-panel [name=header-fixed] option[value="1"]').prop('selected', true);
$('#page-container').addClass('page-header-fixed');
}
$('#page-container').addClass('page-sidebar-fixed');
if (!$('#page-container').hasClass('page-sidebar-minified')) {
generateSlimScroll($('.sidebar [data-scrollbar="true"]'));
}
} else {
$('#page-container').removeClass('page-sidebar-fixed');
if ($('.sidebar .slimScrollDiv').length !== 0) {
if ($(window).width() <= 979) {
$('.sidebar').each(function() {
if (!($('#page-container').hasClass('page-with-two-sidebar') && $(this).hasClass('sidebar-right'))) {
$(this).find('.slimScrollBar').remove();
$(this).find('.slimScrollRail').remove();
$(this).find('[data-scrollbar="true"]').removeAttr('style');
var targetElement = $(this).find('[data-scrollbar="true"]').parent();
var targetHtml = $(targetElement).html();
$(targetElement).replaceWith(targetHtml);
}
});
} else if ($(window).width() > 979) {
$('.sidebar [data-scrollbar="true"]').slimScroll({destroy: true});
$('.sidebar [data-scrollbar="true"]').removeAttr('style');
$('.sidebar [data-scrollbar="true"]').removeAttr('data-init');
}
}
if ($('#page-container .sidebar-bg').length === 0) {
$('#page-container').append('<div class="sidebar-bg"></div>');
}
}
});
// HEADER - fixed or default
$(document).on('change', '.theme-panel [name=header-fixed]', function() {
if ($(this).val() == 1) {
$('#header').addClass('navbar-fixed-top');
$('#page-container').addClass('page-header-fixed');
Cookies.set('header-fixed', true);
} else {
if ($('.theme-panel [name=sidebar-fixed]').val() == 1) {
alert('Default Header with Fixed Sidebar option is not supported. Proceed with Default Header with Default Sidebar.');
$('.theme-panel [name=sidebar-fixed] option[value="2"]').prop('selected', true);
$('.theme-panel [name=sidebar-fixed]').trigger('change');
if ($('#page-container .sidebar-bg').length === 0) {
$('#page-container').append('<div class="sidebar-bg"></div>');
}
}
$('#header').removeClass('navbar-fixed-top');
$('#page-container').removeClass('page-header-fixed');
Cookies.set('header-fixed', false);
}
});
};
/* 11. Handle Theme Panel Expand - added in V1.2
------------------------------------------------ */
var handleThemePanelExpand = function() {
$(document).on('click', '[data-click="theme-panel-expand"]', function() {
var targetContainer = '.theme-panel';
var targetClass = 'active';
if ($(targetContainer).hasClass(targetClass)) {
$(targetContainer).removeClass(targetClass);
} else {
$(targetContainer).addClass(targetClass);
}
});
};
/* 12. Handle After Page Load Add Class Function - added in V1.2
------------------------------------------------ */
var handleAfterPageLoadAddClass = function() {
if ($('[data-pageload-addclass]').length !== 0) {
$(window).on('load', function() {
$('[data-pageload-addclass]').each(function() {
var targetClass = $(this).attr('data-pageload-addclass');
$(this).addClass(targetClass);
});
});
}
};
/* 13. Handle Save Panel Position Function - added in V1.5
------------------------------------------------ */
var handleSavePanelPosition = function(element) {
"use strict";
if ($('.ui-sortable').length !== 0) {
var newValue = [];
var index = 0;
$.when($('.ui-sortable').each(function() {
var panelSortableElement = $(this).find('[data-sortable-id]');
if (panelSortableElement.length !== 0) {
var columnValue = [];
$(panelSortableElement).each(function() {
var targetSortId = $(this).attr('data-sortable-id');
columnValue.push({id: targetSortId});
});
newValue.push(columnValue);
} else {
newValue.push([]);
}
index++;
})).done(function() {
var targetPage = window.location.href;
targetPage = targetPage.split('?');
targetPage = targetPage[0];
localStorage.setItem(targetPage, JSON.stringify(newValue));
$(element).find('[data-id="title-spinner"]').delay(500).fadeOut(500, function() {
$(this).remove();
});
});
}
};
/* 14. Handle Draggable Panel Local Storage Function - added in V1.5
------------------------------------------------ */
var handleLocalStorage = function() {
"use strict";
try {
if (typeof(Storage) !== 'undefined' && typeof(localStorage) !== 'undefined') {
var targetPage = window.location.href;
targetPage = targetPage.split('?');
targetPage = targetPage[0];
var panelPositionData = localStorage.getItem(targetPage);
if (panelPositionData) {
panelPositionData = JSON.parse(panelPositionData);
var i = 0;
$.when($('.panel:not([data-sortable="false"])').parent('[class*="col-"]').each(function() {
var storageData = panelPositionData[i];
var targetColumn = $(this);
if (storageData) {
$.each(storageData, function(index, data) {
var targetId = $('[data-sortable-id="'+ data.id +'"]').not('[data-init="true"]');
if ($(targetId).length !== 0) {
var targetHtml = $(targetId).clone();
$(targetId).remove();
$(targetColumn).append(targetHtml);
$('[data-sortable-id="'+ data.id +'"]').attr('data-init','true');
}
});
}
i++;
})).done(function() {
window.dispatchEvent(new CustomEvent('localstorage-position-loaded'));
});
}
} else {
alert('Your browser is not supported with the local storage');
}
} catch (error) {
console.log(error);
}
};
/* 15. Handle Reset Local Storage - added in V1.5
------------------------------------------------ */
var handleResetLocalStorage = function() {
"use strict";
$(document).on('click', '[data-click=reset-local-storage]', function(e) {
e.preventDefault();
var targetModalHtml = ''+
'<div class="modal fade" data-modal-id="reset-local-storage-confirmation">'+
' <div class="modal-dialog">'+
' <div class="modal-content">'+
' <div class="modal-header">'+
' <h4 class="modal-title"><i class="fa fa-redo m-r-5"></i> Reset Local Storage Confirmation</h4>'+
' <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>'+
' </div>'+
' <div class="modal-body">'+
' <div class="alert alert-info m-b-0">Would you like to RESET all your saved widgets and clear Local Storage?</div>'+
' </div>'+
' <div class="modal-footer">'+
' <a href="javascript:;" class="btn btn-sm btn-default" data-dismiss="modal"><i class="fa fa-times"></i> No</a>'+
' <a href="javascript:;" class="btn btn-sm btn-inverse" data-click="confirm-reset-local-storage"><i class="fa fa-check"></i> Yes</a>'+
' </div>'+
' </div>'+
' </div>'+
'</div>';
$('body').append(targetModalHtml);
$('[data-modal-id="reset-local-storage-confirmation"]').modal('show');
});
$(document).on('hidden.bs.modal', '[data-modal-id="reset-local-storage-confirmation"]', function(e) {
$('[data-modal-id="reset-local-storage-confirmation"]').remove();
});
$(document).on('click', '[data-click=confirm-reset-local-storage]', function(e) {
e.preventDefault();
var localStorageName = window.location.href;
localStorageName = localStorageName.split('?');
localStorageName = localStorageName[0];
localStorage.removeItem(localStorageName);
location.reload();
});
};
/* 16. Handle IE Full Height Page Compatibility - added in V1.6
------------------------------------------------ */
var handleIEFullHeightContent = function() {
var userAgent = window.navigator.userAgent;
var msie = userAgent.indexOf("MSIE ");
if (msie > 0) {
$('.vertical-box-row [data-scrollbar="true"][data-height="100%"]').each(function() {
var targetRow = $(this).closest('.vertical-box-row');
var targetHeight = $(targetRow).height();
$(targetRow).find('.vertical-box-cell').height(targetHeight);
});
}
};
/* 17. Handle Unlimited Nav Tabs - added in V1.6
------------------------------------------------ */
var handleUnlimitedTabsRender = function() {
// function handle tab overflow scroll width
function handleTabOverflowScrollWidth(obj, animationSpeed) {
var targetElm = 'li.active';
if ($(obj).find('li').first().hasClass('nav-item')) {
targetElm = $(obj).find('.nav-item .active').closest('li');
}
var targetCss = ($('body').hasClass('rtl-mode')) ? 'margin-right' : 'margin-left';
var marginLeft = parseInt($(obj).css(targetCss));
var viewWidth = $(obj).width();
var prevWidth = $(obj).find(targetElm).width();
var speed = (animationSpeed > -1) ? animationSpeed : 150;
var fullWidth = 0;
$(obj).find(targetElm).prevAll().each(function() {
prevWidth += $(this).width();
});
$(obj).find('li').each(function() {
fullWidth += $(this).width();
});
if (prevWidth >= viewWidth) {
var finalScrollWidth = prevWidth - viewWidth;
if (fullWidth != prevWidth) {
finalScrollWidth += 40;
}
if ($('body').hasClass('rtl-mode')) {
$(obj).find('.nav.nav-tabs').animate({ marginRight: '-' + finalScrollWidth + 'px'}, speed);
} else {
$(obj).find('.nav.nav-tabs').animate({ marginLeft: '-' + finalScrollWidth + 'px'}, speed);
}
}
if (prevWidth != fullWidth && fullWidth >= viewWidth) {
$(obj).addClass('overflow-right');
} else {
$(obj).removeClass('overflow-right');
}
if (prevWidth >= viewWidth && fullWidth >= viewWidth) {
$(obj).addClass('overflow-left');
} else {
$(obj).removeClass('overflow-left');
}
}
// function handle tab button action - next / prev
function handleTabButtonAction(element, direction) {
var obj = $(element).closest('.tab-overflow');
var targetCss = ($('body').hasClass('rtl-mode')) ? 'margin-right' : 'margin-left';
var marginLeft = parseInt($(obj).find('.nav.nav-tabs').css(targetCss));
var containerWidth = $(obj).width();
var totalWidth = 0;
var finalScrollWidth = 0;
$(obj).find('li').each(function() {
if (!$(this).hasClass('next-button') && !$(this).hasClass('prev-button')) {
totalWidth += $(this).width();
}
});
switch (direction) {
case 'next':
var widthLeft = totalWidth + marginLeft - containerWidth;
if (widthLeft <= containerWidth) {
finalScrollWidth = widthLeft - marginLeft;
setTimeout(function() {
$(obj).removeClass('overflow-right');
}, 150);
} else {
finalScrollWidth = containerWidth - marginLeft - 80;
}
if (finalScrollWidth !== 0) {
if (!$('body').hasClass('rtl-mode')) {
$(obj).find('.nav.nav-tabs').animate({ marginLeft: '-' + finalScrollWidth + 'px'}, 150, function() {
$(obj).addClass('overflow-left');
});
} else {
$(obj).find('.nav.nav-tabs').animate({ marginRight: '-' + finalScrollWidth + 'px'}, 150, function() {
$(obj).addClass('overflow-left');
});
}
}
break;
case 'prev':
var widthLeft = -marginLeft;
if (widthLeft <= containerWidth) {
$(obj).removeClass('overflow-left');
finalScrollWidth = 0;
} else {
finalScrollWidth = widthLeft - containerWidth + 80;
}
if (!$('body').hasClass('rtl-mode')) {
$(obj).find('.nav.nav-tabs').animate({ marginLeft: '-' + finalScrollWidth + 'px'}, 150, function() {
$(obj).addClass('overflow-right');
});
} else {
$(obj).find('.nav.nav-tabs').animate({ marginRight: '-' + finalScrollWidth + 'px'}, 150, function() {
$(obj).addClass('overflow-right');
});
}
break;
}
}
// handle page load active tab focus
function handlePageLoadTabFocus() {
$('.tab-overflow').each(function() {
handleTabOverflowScrollWidth(this, 0);
});
}
// handle tab next button click action
$('[data-click="next-tab"]').click(function(e) {
e.preventDefault();
handleTabButtonAction(this,'next');
});
// handle tab prev button click action
$('[data-click="prev-tab"]').click(function(e) {
e.preventDefault();
handleTabButtonAction(this,'prev');
});
// handle unlimited tabs responsive setting
$(window).resize(function() {
$('.tab-overflow .nav.nav-tabs').removeAttr('style');
handlePageLoadTabFocus();
});
handlePageLoadTabFocus();
};
/* 18. Handle Top Menu - Unlimited Top Menu Render - added in V1.9
------------------------------------------------ */
var handleUnlimitedTopMenuRender = function() {
"use strict";
// function handle menu button action - next / prev
function handleMenuButtonAction(element, direction) {
var obj = $(element).closest('.nav');
var targetCss = ($('body').hasClass('rtl-mode')) ? 'margin-right' : 'margin-left';
var marginLeft = parseInt($(obj).css(targetCss));
var containerWidth = $('.top-menu').width() - 88;
var totalWidth = 0;
var finalScrollWidth = 0;
$(obj).find('li').each(function() {
if (!$(this).hasClass('menu-control')) {
totalWidth += $(this).width();
}
});
switch (direction) {
case 'next':
var widthLeft = totalWidth + marginLeft - containerWidth;
if (widthLeft <= containerWidth) {
finalScrollWidth = widthLeft - marginLeft + 128;
setTimeout(function() {
$(obj).find('.menu-control.menu-control-right').removeClass('show');
}, 150);
} else {
finalScrollWidth = containerWidth - marginLeft - 128;
}
if (finalScrollWidth !== 0) {
if (!$('body').hasClass('rtl-mode')) {
$(obj).animate({ marginLeft: '-' + finalScrollWidth + 'px'}, 150, function() {
$(obj).find('.menu-control.menu-control-left').addClass('show');
});
} else {
$(obj).animate({ marginRight: '-' + finalScrollWidth + 'px'}, 150, function() {
$(obj).find('.menu-control.menu-control-left').addClass('show');
});
}
}
break;
case 'prev':
var widthLeft = -marginLeft;
if (widthLeft <= containerWidth) {
$(obj).find('.menu-control.menu-control-left').removeClass('show');
finalScrollWidth = 0;
} else {
finalScrollWidth = widthLeft - containerWidth + 88;
}
if (!$('body').hasClass('rtl-mode')) {
$(obj).animate({ marginLeft: '-' + finalScrollWidth + 'px'}, 150, function() {
$(obj).find('.menu-control.menu-control-right').addClass('show');
});
} else {
$(obj).animate({ marginRight: '-' + finalScrollWidth + 'px'}, 150, function() {
$(obj).find('.menu-control.menu-control-right').addClass('show');
});
}
break;
}
}
// handle page load active menu focus
function handlePageLoadMenuFocus() {
var targetMenu = $('.top-menu .nav');
var targetList = $('.top-menu .nav > li');
var targetActiveList = $('.top-menu .nav > li.active');
var targetContainer = $('.top-menu');
var targetCss = ($('body').hasClass('rtl-mode')) ? 'margin-right' : 'margin-left';
var marginLeft = parseInt($(targetMenu).css(targetCss));
var viewWidth = $(targetContainer).width() - 128;
var prevWidth = $('.top-menu .nav > li.active').width();
var speed = 0;
var fullWidth = 0;
$(targetActiveList).prevAll().each(function() {
prevWidth += $(this).width();
});
$(targetList).each(function() {
if (!$(this).hasClass('menu-control')) {
fullWidth += $(this).width();
}
});
if (prevWidth >= viewWidth) {
var finalScrollWidth = prevWidth - viewWidth + 128;
if (!$('body').hasClass('rtl-mode')) {
$(targetMenu).animate({ marginLeft: '-' + finalScrollWidth + 'px'}, speed);
} else {
$(targetMenu).animate({ marginRight: '-' + finalScrollWidth + 'px'}, speed);
}
}
if (prevWidth != fullWidth && fullWidth >= viewWidth) {
$(targetMenu).find('.menu-control.menu-control-right').addClass('show');
} else {
$(targetMenu).find('.menu-control.menu-control-right').removeClass('show');
}
if (prevWidth >= viewWidth && fullWidth >= viewWidth) {
$(targetMenu).find('.menu-control.menu-control-left').addClass('show');
} else {
$(targetMenu).find('.menu-control.menu-control-left').removeClass('show');
}
}
// handle menu next button click action
$('[data-click="next-menu"]').click(function(e) {
e.preventDefault();
handleMenuButtonAction(this,'next');
});
// handle menu prev button click action
$('[data-click="prev-menu"]').click(function(e) {
e.preventDefault();
handleMenuButtonAction(this,'prev');
});
// handle unlimited menu responsive setting
$(window).resize(function() {
$('.top-menu .nav').removeAttr('style');
handlePageLoadMenuFocus();
});
handlePageLoadMenuFocus();
};
/* 19. Handle Top Menu - Sub Menu Toggle - added in V1.9
------------------------------------------------ */
var handleTopMenuSubMenu = function() {
"use strict";
$('.top-menu .sub-menu .has-sub > a').click(function() {
var target = $(this).closest('li').find('.sub-menu').first();
var otherMenu = $(this).closest('ul').find('.sub-menu').not(target);
$(otherMenu).not(target).slideUp(250, function() {
$(this).closest('li').removeClass('expand');
});
$(target).slideToggle(250, function() {
var targetLi = $(this).closest('li');
if ($(targetLi).hasClass('expand')) {
$(targetLi).removeClass('expand');
} else {
$(targetLi).addClass('expand');
}
});
});
};
/* 20. Handle Top Menu - Mobile Sub Menu Toggle - added in V1.9
------------------------------------------------ */
var handleMobileTopMenuSubMenu = function() {
"use strict";
$('.top-menu .nav > li.has-sub > a').click(function() {
if ($(window).width() <= 767) {
var target = $(this).closest('li').find('.sub-menu').first();
var otherMenu = $(this).closest('ul').find('.sub-menu').not(target);
$(otherMenu).not(target).slideUp(250, function() {
$(this).closest('li').removeClass('expand');
});
$(target).slideToggle(250, function() {
var targetLi = $(this).closest('li');
if ($(targetLi).hasClass('expand')) {
$(targetLi).removeClass('expand');
} else {
$(targetLi).addClass('expand');
}
});
}
});
};
/* 21. Handle Top Menu - Mobile Top Menu Toggle - added in V1.9
------------------------------------------------ */
var handleTopMenuMobileToggle = function() {
"use strict";
$('[data-click="top-menu-toggled"]').click(function() {
$('.top-menu').slideToggle(250);
});
};
/* 22. Handle Clear Sidebar Selection & Hide Mobile Menu - added in V1.9
------------------------------------------------ */
var handleClearSidebarSelection = function() {
$('.sidebar .nav > li, .sidebar .nav .sub-menu').removeClass('expand').removeAttr('style');
};
var handleClearSidebarMobileSelection = function() {
$('#page-container').removeClass('page-sidebar-toggled');
};
/* 23. Handle Check Bootstrap Version - added in V4.0
------------------------------------------------ */
var handleCheckBootstrapVersion = function() {
return parseInt($.fn.tooltip.Constructor.VERSION);
};
/* 24. Handle Page Scroll Class - added in V4.0
------------------------------------------------ */
var handleCheckScrollClass = function() {
if ($(window).scrollTop() > 0) {
$('#page-container').addClass('has-scroll');
} else {
$('#page-container').removeClass('has-scroll');
}
};
var handlePageScrollClass = function() {
$(window).on('scroll', function() {
handleCheckScrollClass();
});
handleCheckScrollClass();
};
/* 25. Handle Toggle Navbar Profile - added in V4.0
------------------------------------------------ */
var handleToggleNavProfile = function() {
var expandTime = ($('.sidebar').attr('data-disable-slide-animation')) ? 0 : 250;
$('[data-toggle="nav-profile"]').click(function(e) {
e.preventDefault();
var targetLi = $(this).closest('li');
var targetProfile = $('.sidebar .nav.nav-profile');
var targetClass = 'active';
var targetExpandingClass = 'expanding';
var targetExpandClass = 'expand';
var targetClosingClass = 'closing';
var targetClosedClass = 'closed';
if ($(targetProfile).is(':visible')) {
$(targetLi).removeClass(targetClass);
$(targetProfile).removeClass(targetClosingClass);
} else {
$(targetLi).addClass(targetClass);
$(targetProfile).addClass(targetExpandingClass);
}
$(targetProfile).slideToggle(expandTime, function() {
if (!$(targetProfile).is(':visible')) {
$(targetProfile).addClass(targetClosedClass);
$(targetProfile).removeClass(targetExpandClass);
} else {
$(targetProfile).addClass(targetExpandClass);
$(targetProfile).removeClass(targetClosedClass);
}
$(targetProfile).removeClass(targetExpandingClass + ' ' + targetClosingClass);
});
});
};
/* 26. Handle Sidebar Scroll Memory - added in V4.0
------------------------------------------------ */
var handleSidebarScrollMemory = function() {
if (!(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))) {
try {
if (typeof(Storage) !== 'undefined' && typeof(localStorage) !== 'undefined') {
$('.sidebar [data-scrollbar="true"]').slimScroll().bind('slimscrolling', function(e, pos) {
localStorage.setItem('sidebarScrollPosition', pos + 'px');
});
var defaultScroll = localStorage.getItem('sidebarScrollPosition');
if (defaultScroll) {
$('.sidebar [data-scrollbar="true"]').slimScroll({ scrollTo: defaultScroll });
}
}
} catch (error) {
console.log(error);
}
}
};
/* 27. Handle Sidebar Minify Sub Menu - added in V4.0
------------------------------------------------ */
var floatSubMenuTimeout;
var targetFloatMenu;
var handleMouseoverFloatSubMenu = function(elm) {
clearTimeout(floatSubMenuTimeout);
};
var handleMouseoutFloatSubMenu = function(elm) {
floatSubMenuTimeout = setTimeout(function() {
$('#float-sub-menu').remove();
}, 150);
};
var handleSidebarMinifyFloatMenu = function() {
$(document).on('click', '#float-sub-menu li.has-sub > a', function(e) {
var target = $(this).next('.sub-menu');
var targetLi = $(target).closest('li');
var close = false;
var expand = false;
if ($(target).is(':visible')) {
$(targetLi).addClass('closing');
close = true;
} else {
$(targetLi).addClass('expanding');
expand = true;
}
$(target).slideToggle({
duration: 250,
progress: function() {
var targetMenu = $('#float-sub-menu');
var targetHeight = $(targetMenu).height();
var targetOffset = $(targetMenu).offset();
var targetOriTop = $(targetMenu).attr('data-offset-top');
var targetMenuTop = $(targetMenu).attr('data-menu-offset-top');
var targetTop = targetOffset.top - $(window).scrollTop();
var windowHeight = $(window).height();
if (close) {
if (targetTop > targetOriTop) {
targetTop = (targetTop > targetOriTop) ? targetOriTop : targetTop;
$('#float-sub-menu').css({ 'top': targetTop + 'px', 'bottom': 'auto' });
$('#float-sub-menu-arrow').css({ 'top': '20px', 'bottom': 'auto' });
$('#float-sub-menu-line').css({ 'top': '20px', 'bottom': 'auto' });
}
}
if (expand) {
if ((windowHeight - targetTop) < targetHeight) {
var arrowBottom = (windowHeight - targetMenuTop) - 22;
$('#float-sub-menu').css({ 'top': 'auto', 'bottom': 0 });
$('#float-sub-menu-arrow').css({ 'top': 'auto', 'bottom': arrowBottom + 'px' });
$('#float-sub-menu-line').css({ 'top': '20px', 'bottom': arrowBottom + 'px' });
}
}
},
complete: function() {
if ($(target).is(':visible')) {
$(targetLi).addClass('expand');
} else {
$(targetLi).addClass('closed');
}
$(targetLi).removeClass('closing expanding');
}
});
});
$('.sidebar .nav > li.has-sub > a').hover(function() {
if ($('#page-container').hasClass('page-sidebar-minified')) {
clearTimeout(floatSubMenuTimeout);
var targetMenu = $(this).closest('li').find('.sub-menu').first();
if (targetFloatMenu == this && $('#float-sub-menu').length !== 0) {
return;
} else {
targetFloatMenu = this;
}
var targetMenuHtml = $(targetMenu).html();
if (targetMenuHtml) {
var sidebarOffset = $('#sidebar').offset();
var sidebarX = (!$('#page-container').hasClass('page-with-right-sidebar')) ? (sidebarOffset.left + 60) : ($(window).width() - sidebarOffset.left);
var targetHeight = $(targetMenu).height();
var targetOffset = $(this).offset();
var targetTop = targetOffset.top - $(window).scrollTop();
var targetLeft = (!$('#page-container').hasClass('page-with-right-sidebar')) ? sidebarX : 'auto';
var targetRight = (!$('#page-container').hasClass('page-with-right-sidebar')) ? 'auto' : sidebarX;
var windowHeight = $(window).height();
if ($('#float-sub-menu').length === 0) {
targetMenuHtml = ''+
'<div class="float-sub-menu-container" id="float-sub-menu" data-offset-top="'+ targetTop +'" data-menu-offset-top="'+ targetTop +'" onmouseover="handleMouseoverFloatSubMenu(this)" onmouseout="handleMouseoutFloatSubMenu(this)">'+
' <div class="float-sub-menu-arrow" id="float-sub-menu-arrow"></div>'+
' <div class="float-sub-menu-line" id="float-sub-menu-line"></div>'+
' <ul class="float-sub-menu">'+ targetMenuHtml + '</ul>'+
'</div>';
$('#page-container').append(targetMenuHtml);
} else {
$('#float-sub-menu').attr('data-offset-top', targetTop);
$('#float-sub-menu').attr('data-menu-offset-top', targetTop);
$('.float-sub-menu').html(targetMenuHtml);
}
if ((windowHeight - targetTop) > targetHeight) {
$('#float-sub-menu').css({
'top': targetTop,
'left': targetLeft,
'bottom': 'auto',
'right': targetRight
});
$('#float-sub-menu-arrow').css({ 'top': '20px', 'bottom': 'auto' });
$('#float-sub-menu-line').css({ 'top': '20px', 'bottom': 'auto' });
} else {
$('#float-sub-menu').css({
'bottom': 0,
'top': 'auto',
'left': targetLeft,
'right': targetRight
});
var arrowBottom = (windowHeight - targetTop) - 21;
$('#float-sub-menu-arrow').css({ 'top': 'auto', 'bottom': arrowBottom + 'px' });
$('#float-sub-menu-line').css({ 'top': '20px', 'bottom': arrowBottom + 'px' });
}
} else {
$('#float-sub-menu').remove();
targetFloatMenu = '';
}
}
}, function() {
if ($('#page-container').hasClass('page-sidebar-minified')) {
floatSubMenuTimeout = setTimeout(function() {
$('#float-sub-menu').remove();
targetFloatMenu = '';
}, 250);
}
});
};
/* 28. Handle Ajax Mode - added in V4.0
------------------------------------------------ */
var CLEAR_OPTION = '';
var handleAjaxMode = function(setting) {
var emptyHtml = (setting.emptyHtml) ? setting.emptyHtml : '<div class="p-t-40 p-b-40 text-center f-s-20 content"><i class="fa fa-warning fa-lg text-muted m-r-5"></i> <span class="f-w-600 text-inverse">Error 404! Page not found.</span></div>';
var defaultUrl = (setting.ajaxDefaultUrl) ? setting.ajaxDefaultUrl : '';
defaultUrl = (window.location.hash) ? window.location.hash : defaultUrl;
if (defaultUrl === '') {
$('#content').html(emptyHtml);
} else {
renderAjax(defaultUrl, '', true);
}
function clearElement() {
$('.jvectormap-label, .jvector-label, .AutoFill_border ,#gritter-notice-wrapper, .ui-autocomplete, .colorpicker, .FixedHeader_Header, .FixedHeader_Cloned .lightboxOverlay, .lightbox, .introjs-hints, .nvtooltip, #float-sub-menu').remove();
if ($.fn.DataTable) {
$('.dataTable').DataTable().destroy();
}
if ($('#page-container').hasClass('page-sidebar-toggled')) {
$('#page-container').removeClass('page-sidebar-toggled');
}
}
function checkSidebarActive(url) {
var targetElm = '#sidebar [data-toggle="ajax"][href="'+ url +'"]';
if ($(targetElm).length !== 0) {
$('#sidebar li').removeClass('active');
$(targetElm).closest('li').addClass('active');
$(targetElm).parents().addClass('active');
}
}
function checkPushState(url) {
var targetUrl = url.replace('#','');
var targetUserAgent = window.navigator.userAgent;
var isIE = targetUserAgent.indexOf('MSIE ');
if (isIE && (isIE > 0 && isIE < 9)) {
window.location.href = targetUrl;
} else {
history.pushState('', '', '#' + targetUrl);
}
}
function checkClearOption() {
if (CLEAR_OPTION) {
App.clearPageOption(CLEAR_OPTION);
CLEAR_OPTION = '';
}
}
function checkLoading(load) {
if (!load) {
if ($('#page-content-loader').length === 0) {
$('body').addClass('page-content-loading');
$('#content').append('<div id="page-content-loader"><span class="spinner"></span></div>');
}
} else {
$('#page-content-loader').remove();
$('body').removeClass('page-content-loading');
}
}
function renderAjax(url, elm, disablePushState) {
Pace.restart();
checkLoading(false);
clearElement();
checkSidebarActive(url);
checkClearOption();
if (!disablePushState) {
checkPushState(url);
}
var targetContainer= '#content';
var targetUrl = url.replace('#','');
var targetType = (setting.ajaxType) ? setting.ajaxType : 'GET';
var targetDataType = (setting.ajaxDataType) ? setting.ajaxDataType : 'html';
if (elm) {
targetDataType = ($(elm).attr('data-type')) ? $(elm).attr('data-type') : targetDataType;
targetDataDataType = ($(elm).attr('data-data-type')) ? $(elm).attr('data-data-type') : targetDataType;
}
$.ajax({
url: targetUrl,
type: targetType,
dataType: targetDataType,
success: function(data) {
$(targetContainer).html(data);
},
error: function(jqXHR, textStatus, errorThrown) {
$(targetContainer).html(emptyHtml);
}
}).done(function() {
checkLoading(true);
$('html, body').animate({ scrollTop: 0 }, 0);
App.initComponent();
});
}
$(window).on('hashchange', function() {
if (window.location.hash) {
renderAjax(window.location.hash, '', true);
}
});
$(document).on('click', '[data-toggle="ajax"]', function(e) {
e.preventDefault();
renderAjax($(this).attr('href'), this);
});
};
var handleSetPageOption = function(option) {
if (option.pageContentFullHeight) {
$('#page-container').addClass('page-content-full-height');
}
if (option.pageSidebarLight) {
$('#page-container').addClass('page-with-light-sidebar');
}
if (option.pageSidebarRight) {
$('#page-container').addClass('page-with-right-sidebar');
}
if (option.pageSidebarWide) {
$('#page-container').addClass('page-with-wide-sidebar');
}
if (option.pageSidebarMinified) {
$('#page-container').addClass('page-sidebar-minified');
}
if (option.pageSidebarTransparent) {
$('#sidebar').addClass('sidebar-transparent');
}
if (option.pageContentFullWidth) {
$('#content').addClass('content-full-width');
}
if (option.pageContentInverseMode) {
$('#content').addClass('content-inverse-mode');
}
if (option.pageBoxedLayout) {
$('body').addClass('boxed-layout');
}
if (option.clearOptionOnLeave) {
CLEAR_OPTION = option;
}
};
var handleClearPageOption = function(option) {
if (option.pageContentFullHeight) {
$('#page-container').removeClass('page-content-full-height');
}
if (option.pageSidebarLight) {
$('#page-container').removeClass('page-with-light-sidebar');
}
if (option.pageSidebarRight) {
$('#page-container').removeClass('page-with-right-sidebar');
}
if (option.pageSidebarWide) {
$('#page-container').removeClass('page-with-wide-sidebar');
}
if (option.pageSidebarMinified) {
$('#page-container').removeClass('page-sidebar-minified');
}
if (option.pageSidebarTransparent) {
$('#sidebar').removeClass('sidebar-transparent');
}
if (option.pageContentFullWidth) {
$('#content').removeClass('content-full-width');
}
if (option.pageContentInverseMode) {
$('#content').removeClass('content-inverse-mode');
}
if (option.pageBoxedLayout) {
$('body').removeClass('boxed-layout');
}
};
/* 29. Handle Float Navbar Search - added in V4.0
------------------------------------------------ */
var handleToggleNavbarSearch = function() {
$('[data-toggle="navbar-search"]').click(function(e) {
e.preventDefault();
$('.header').addClass('header-search-toggled');
});
$('[data-dismiss="navbar-search"]').click(function(e) {
e.preventDefault();
$('.header').removeClass('header-search-toggled');
});
};
/* Application Controller
------------------------------------------------ */
var App = function () {
"use strict";
var setting;
return {
//main function
init: function (option) {
if (option) {
setting = option;
}
this.initLocalStorage();
this.initSidebar();
this.initTopMenu();
this.initComponent();
this.initThemePanel();
this.initPageLoad();
$(window).trigger('load');
if (setting && setting.ajaxMode) {
this.initAjax();
}
},
initSidebar: function() {
handleSidebarMenu();
handleMobileSidebarToggle();
handleSidebarMinify();
handleSidebarMinifyFloatMenu();
handleToggleNavProfile();
handleToggleNavbarSearch();
if (!setting || (setting && !setting.disableSidebarScrollMemory)) {
handleSidebarScrollMemory();
}
},
initSidebarSelection: function() {
handleClearSidebarSelection();
},
initSidebarMobileSelection: function() {
handleClearSidebarMobileSelection();
},
initTopMenu: function() {
handleUnlimitedTopMenuRender();
handleTopMenuSubMenu();
handleMobileTopMenuSubMenu();
handleTopMenuMobileToggle();
},
initPageLoad: function() {
handlePageContentView();
},
initComponent: function() {
if (!setting || (setting && !setting.disableDraggablePanel)) {
handleDraggablePanel();
}
handleIEFullHeightContent();
handleSlimScroll();
handleUnlimitedTabsRender();
handlePanelAction();
handelTooltipPopoverActivation();
handleScrollToTopButton();
handleAfterPageLoadAddClass();
handlePageScrollClass();
},
initLocalStorage: function() {
if (!setting || (setting && !setting.disableLocalStorage)) {
handleLocalStorage();
}
},
initThemePanel: function() {
handleThemePageStructureControl();
handleThemePanelExpand();
handleResetLocalStorage();
},
initAjax: function() {
handleAjaxMode(setting);
$.ajaxSetup({
cache: true
});
},
setPageTitle: function(pageTitle) {
document.title = pageTitle;
},
setPageOption: function(option) {
handleSetPageOption(option);
},
clearPageOption: function(option) {
handleClearPageOption(option);
},
restartGlobalFunction: function() {
this.initLocalStorage();
this.initTopMenu();
this.initComponent();
},
scrollTop: function() {
$('html, body').animate({
scrollTop: $('body').offset().top
}, 0);
}
};
}();
|
Download
