phcthemes_admin_panel_pack 0.21.0 → 0.22.0

data/app/assets/javascripts/themes/coloradmin/theme/apps.js

@@ -0,0 +1,1650 @@
+/*
+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);
+		}
+  };
+}();