a52c2a8462
Add the legacy frontend themes, scripts, and plugin assets required by the main SPOTA interfaces.
526 lines
22 KiB
JavaScript
526 lines
22 KiB
JavaScript
// global variables
|
|
var isIE8 = false;
|
|
var isIE9 = false;
|
|
var $windowWidth;
|
|
var $windowHeight;
|
|
var $pageArea;
|
|
//Main Function
|
|
var Main = function () {
|
|
//function to detect explorer browser and its version
|
|
var runInit = function () {
|
|
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
|
|
var ieversion = new Number(RegExp.$1);
|
|
if (ieversion == 8) {
|
|
isIE8 = true;
|
|
} else if (ieversion == 9) {
|
|
isIE9 = true;
|
|
}
|
|
}
|
|
};
|
|
//function to adjust the template elements based on the window size
|
|
var runElementsPosition = function () {
|
|
$windowWidth = $(window).width();
|
|
$windowHeight = $(window).height();
|
|
$pageArea = $(window).height() - $('header').outerHeight() - $('.footer').outerHeight();
|
|
$('.sidebar-search input').removeAttr('style').removeClass('open');
|
|
$('.sidebar-fixed .wrap-menu').css('height', $pageArea);
|
|
runContainerHeight();
|
|
};
|
|
//function to adapt the Main Content height to the Main Navigation height
|
|
var runContainerHeight = function () {
|
|
mainContainer = $('.main-content > .container');
|
|
mainNavigation = $('.main-navigation');
|
|
if (mainContainer.outerHeight() < mainNavigation.outerHeight()) {
|
|
mainContainer.css('min-height', mainNavigation.outerHeight());
|
|
} else {
|
|
mainContainer.css('min-height', '760px');
|
|
};
|
|
};
|
|
//function to activate the ToDo list, if present
|
|
var runToDoAction = function () {
|
|
if ($(".todo-actions").length) {
|
|
$(".todo-actions").click(function () {
|
|
if ($(this).find("i").attr("class") == "icon-check-empty") {
|
|
$(this).find("i").removeClass("icon-check-empty").addClass("icon-check");
|
|
$(this).parent().find("span").css({
|
|
opacity: .25
|
|
});
|
|
$(this).parent().find(".desc").css("text-decoration", "line-through");
|
|
} else {
|
|
$(this).find("i").removeClass("icon-check").addClass("icon-check-empty");
|
|
$(this).parent().find("span").css({
|
|
opacity: 1
|
|
});
|
|
$(this).parent().find(".desc").css("text-decoration", "none");
|
|
}
|
|
return !1;
|
|
});
|
|
}
|
|
};
|
|
//function to activate the Tooltips, if present
|
|
var runTooltips = function () {
|
|
if ($(".tooltips").length) {
|
|
$('.tooltips').tooltip();
|
|
}
|
|
};
|
|
//function to activate the Popovers, if present
|
|
var runPopovers = function () {
|
|
if ($(".popovers").length) {
|
|
$('.popovers').popover();
|
|
}
|
|
};
|
|
//function to allow a button or a link to open a tab
|
|
var runShowTab = function () {
|
|
if ($(".show-tab").length) {
|
|
$('.show-tab').bind('click', function (e) {
|
|
e.preventDefault();
|
|
var tabToShow = $(this).attr("href");
|
|
if ($(tabToShow).length) {
|
|
$('a[href="' + tabToShow + '"]').tab('show');
|
|
}
|
|
});
|
|
};
|
|
if (getParameterByName('tabId').length) {
|
|
$('a[href="#' + getParameterByName('tabId') + '"]').tab('show');
|
|
}
|
|
};
|
|
//function to extend the default settings of the Accordion
|
|
var runAccordionFeatures = function () {
|
|
if ($('.accordion').length) {
|
|
$('.accordion .panel-collapse').each(function () {
|
|
if (!$(this).hasClass('in')) {
|
|
$(this).prev('.panel-heading').find('.accordion-toggle').addClass('collapsed');
|
|
}
|
|
});
|
|
}
|
|
$(".accordion").collapse().height('auto');
|
|
var lastClicked;
|
|
|
|
$('.accordion .accordion-toggle').bind('click', function () {
|
|
currentTab = $(this);
|
|
$('html,body').animate({
|
|
scrollTop: currentTab.offset().top - 100
|
|
}, 1000);
|
|
});
|
|
};
|
|
//function to reduce the size of the Main Menu
|
|
var runNavigationToggler = function () {
|
|
$('.navigation-toggler').bind('click', function () {
|
|
if (!$('body').hasClass('navigation-small')) {
|
|
$('body').addClass('navigation-small');
|
|
} else {
|
|
$('body').removeClass('navigation-small');
|
|
};
|
|
});
|
|
};
|
|
//function to activate the panel tools
|
|
var runModuleTools = function () {
|
|
$('.panel-tools .panel-expand').bind('click', function (e) {
|
|
$('.panel-tools a').not(this).hide();
|
|
$('body').append('<div class="full-white-backdrop"></div>');
|
|
$('.main-container').removeAttr('style');
|
|
backdrop = $('.full-white-backdrop');
|
|
wbox = $(this).parents('.panel');
|
|
wbox.removeAttr('style');
|
|
if (wbox.hasClass('panel-full-screen')) {
|
|
backdrop.fadeIn(200, function () {
|
|
$('.panel-tools a').show();
|
|
wbox.removeClass('panel-full-screen');
|
|
backdrop.fadeOut(200, function () {
|
|
backdrop.remove();
|
|
});
|
|
});
|
|
} else {
|
|
$('body').append('<div class="full-white-backdrop"></div>');
|
|
backdrop.fadeIn(200, function () {
|
|
$('.main-container').css({
|
|
'max-height': $(window).outerHeight() - $('header').outerHeight() - $('.footer').outerHeight() - 100,
|
|
'overflow': 'hidden'
|
|
});
|
|
backdrop.fadeOut(200);
|
|
backdrop.remove();
|
|
wbox.addClass('panel-full-screen').css({
|
|
'max-height': $(window).height(),
|
|
'overflow': 'auto'
|
|
});;
|
|
});
|
|
}
|
|
});
|
|
$('.panel-tools .panel-close').bind('click', function (e) {
|
|
$(this).parents(".panel").remove();
|
|
e.preventDefault();
|
|
});
|
|
$('.panel-tools .panel-refresh').bind('click', function (e) {
|
|
var el = $(this).parents(".panel");
|
|
el.block({
|
|
overlayCSS: {
|
|
backgroundColor: '#fff'
|
|
},
|
|
message: '<img src="assets/images/loading.gif" /> Just a moment...',
|
|
css: {
|
|
border: 'none',
|
|
color: '#333',
|
|
background: 'none'
|
|
}
|
|
});
|
|
window.setTimeout(function () {
|
|
el.unblock();
|
|
}, 1000);
|
|
e.preventDefault();
|
|
});
|
|
$('.panel-tools .panel-collapse').bind('click', function (e) {
|
|
e.preventDefault();
|
|
var el = jQuery(this).parent().closest(".panel").children(".panel-body");
|
|
if ($(this).hasClass("collapses")) {
|
|
$(this).addClass("expand").removeClass("collapses");
|
|
el.slideUp(200);
|
|
} else {
|
|
$(this).addClass("collapses").removeClass("expand");
|
|
el.slideDown(200);
|
|
}
|
|
});
|
|
};
|
|
//function to activate the 3rd and 4th level menus
|
|
var runNavigationMenu = function () {
|
|
$('.main-navigation-menu li.active').addClass('open');
|
|
$('.main-navigation-menu > li a').bind('click', function () {
|
|
if ($(this).parent().children('ul').hasClass('sub-menu') && (!$('body').hasClass('navigation-small') || !$(this).parent().parent().hasClass('main-navigation-menu'))) {
|
|
if (!$(this).parent().hasClass('open')) {
|
|
$(this).parent().addClass('open');
|
|
$(this).parent().parent().children('li.open').not($(this).parent()).not($('.main-navigation-menu > li.active')).removeClass('open').children('ul').slideUp(200);
|
|
$(this).parent().children('ul').slideDown(200, function () {
|
|
runContainerHeight();
|
|
});
|
|
} else {
|
|
if (!$(this).parent().hasClass('active')) {
|
|
$(this).parent().parent().children('li.open').not($('.main-navigation-menu > li.active')).removeClass('open').children('ul').slideUp(200, function () {
|
|
runContainerHeight();
|
|
});
|
|
} else {
|
|
$(this).parent().parent().children('li.open').removeClass('open').children('ul').slideUp(200, function () {
|
|
runContainerHeight();
|
|
});
|
|
}
|
|
}
|
|
}
|
|
});
|
|
};
|
|
//function to activate the Go-Top button
|
|
var runGoTop = function () {
|
|
$('.go-top').bind('click', function (e) {
|
|
$("html, body").animate({
|
|
scrollTop: 0
|
|
}, "slow");
|
|
e.preventDefault();
|
|
});
|
|
};
|
|
//function to avoid closing the dropdown on click
|
|
var runDropdownEnduring = function () {
|
|
if ($('.dropdown-menu.dropdown-enduring').length) {
|
|
$('.dropdown-menu.dropdown-enduring').click(function (event) {
|
|
event.stopPropagation();
|
|
});
|
|
}
|
|
};
|
|
//function to return the querystring parameter with a given name.
|
|
var getParameterByName = function (name) {
|
|
name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
|
|
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
|
|
results = regex.exec(location.search);
|
|
return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
|
|
};
|
|
//function to activate the iCheck Plugin
|
|
var runCustomCheck = function () {
|
|
if ($('input[type="checkbox"]').length || $('input[type="radio"]').length) {
|
|
$('input[type="checkbox"].grey, input[type="radio"].grey').iCheck({
|
|
checkboxClass: 'icheckbox_minimal-grey',
|
|
radioClass: 'iradio_minimal-grey',
|
|
increaseArea: '10%' // optional
|
|
});
|
|
$('input[type="checkbox"].red, input[type="radio"].red').iCheck({
|
|
checkboxClass: 'icheckbox_minimal-red',
|
|
radioClass: 'iradio_minimal-red',
|
|
increaseArea: '10%' // optional
|
|
});
|
|
$('input[type="checkbox"].green, input[type="radio"].green').iCheck({
|
|
checkboxClass: 'icheckbox_minimal-green',
|
|
radioClass: 'iradio_minimal-green',
|
|
increaseArea: '10%' // optional
|
|
});
|
|
$('input[type="checkbox"].teal, input[type="radio"].teal').iCheck({
|
|
checkboxClass: 'icheckbox_minimal-aero',
|
|
radioClass: 'iradio_minimal-aero',
|
|
increaseArea: '10%' // optional
|
|
});
|
|
$('input[type="checkbox"].orange, input[type="radio"].orange').iCheck({
|
|
checkboxClass: 'icheckbox_minimal-orange',
|
|
radioClass: 'iradio_minimal-orange',
|
|
increaseArea: '10%' // optional
|
|
});
|
|
$('input[type="checkbox"].purple, input[type="radio"].purple').iCheck({
|
|
checkboxClass: 'icheckbox_minimal-purple',
|
|
radioClass: 'iradio_minimal-purple',
|
|
increaseArea: '10%' // optional
|
|
});
|
|
$('input[type="checkbox"].yellow, input[type="radio"].yellow').iCheck({
|
|
checkboxClass: 'icheckbox_minimal-yellow',
|
|
radioClass: 'iradio_minimal-yellow',
|
|
increaseArea: '10%' // optional
|
|
});
|
|
$('input[type="checkbox"].square-black, input[type="radio"].square-black').iCheck({
|
|
checkboxClass: 'icheckbox_square',
|
|
radioClass: 'iradio_square',
|
|
increaseArea: '10%' // optional
|
|
});
|
|
$('input[type="checkbox"].square-grey, input[type="radio"].square-grey').iCheck({
|
|
checkboxClass: 'icheckbox_square-grey',
|
|
radioClass: 'iradio_square-grey',
|
|
increaseArea: '10%' // optional
|
|
});
|
|
$('input[type="checkbox"].square-red, input[type="radio"].square-red').iCheck({
|
|
checkboxClass: 'icheckbox_square-red',
|
|
radioClass: 'iradio_square-red',
|
|
increaseArea: '10%' // optional
|
|
});
|
|
$('input[type="checkbox"].square-green, input[type="radio"].square-green').iCheck({
|
|
checkboxClass: 'icheckbox_square-green',
|
|
radioClass: 'iradio_square-green',
|
|
increaseArea: '10%' // optional
|
|
});
|
|
$('input[type="checkbox"].square-teal, input[type="radio"].square-teal').iCheck({
|
|
checkboxClass: 'icheckbox_square-aero',
|
|
radioClass: 'iradio_square-aero',
|
|
increaseArea: '10%' // optional
|
|
});
|
|
$('input[type="checkbox"].square-orange, input[type="radio"].square-orange').iCheck({
|
|
checkboxClass: 'icheckbox_square-orange',
|
|
radioClass: 'iradio_square-orange',
|
|
increaseArea: '10%' // optional
|
|
});
|
|
$('input[type="checkbox"].square-purple, input[type="radio"].square-purple').iCheck({
|
|
checkboxClass: 'icheckbox_square-purple',
|
|
radioClass: 'iradio_square-purple',
|
|
increaseArea: '10%' // optional
|
|
});
|
|
$('input[type="checkbox"].square-yellow, input[type="radio"].square-yellow').iCheck({
|
|
checkboxClass: 'icheckbox_square-yellow',
|
|
radioClass: 'iradio_square-yellow',
|
|
increaseArea: '10%' // optional
|
|
});
|
|
$('input[type="checkbox"].flat-black, input[type="radio"].flat-black').iCheck({
|
|
checkboxClass: 'icheckbox_flat',
|
|
radioClass: 'iradio_flat',
|
|
increaseArea: '10%' // optional
|
|
});
|
|
$('input[type="checkbox"].flat-grey, input[type="radio"].flat-grey').iCheck({
|
|
checkboxClass: 'icheckbox_flat-grey',
|
|
radioClass: 'iradio_flat-grey',
|
|
increaseArea: '10%' // optional
|
|
});
|
|
$('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
|
|
checkboxClass: 'icheckbox_flat-red',
|
|
radioClass: 'iradio_flat-red',
|
|
increaseArea: '10%' // optional
|
|
});
|
|
$('input[type="checkbox"].flat-green, input[type="radio"].flat-green').iCheck({
|
|
checkboxClass: 'icheckbox_flat-green',
|
|
radioClass: 'iradio_flat-green',
|
|
increaseArea: '10%' // optional
|
|
});
|
|
$('input[type="checkbox"].flat-teal, input[type="radio"].flat-teal').iCheck({
|
|
checkboxClass: 'icheckbox_flat-aero',
|
|
radioClass: 'iradio_flat-aero',
|
|
increaseArea: '10%' // optional
|
|
});
|
|
$('input[type="checkbox"].flat-orange, input[type="radio"].flat-orange').iCheck({
|
|
checkboxClass: 'icheckbox_flat-orange',
|
|
radioClass: 'iradio_flat-orange',
|
|
increaseArea: '10%' // optional
|
|
});
|
|
$('input[type="checkbox"].flat-purple, input[type="radio"].flat-purple').iCheck({
|
|
checkboxClass: 'icheckbox_flat-purple',
|
|
radioClass: 'iradio_flat-purple',
|
|
increaseArea: '10%' // optional
|
|
});
|
|
$('input[type="checkbox"].flat-yellow, input[type="radio"].flat-yellow').iCheck({
|
|
checkboxClass: 'icheckbox_flat-yellow',
|
|
radioClass: 'iradio_flat-yellow',
|
|
increaseArea: '10%' // optional
|
|
});
|
|
};
|
|
};
|
|
//Search Input function
|
|
var runSearchInput = function () {
|
|
var search_input = $('.sidebar-search input');
|
|
var search_button = $('.sidebar-search button');
|
|
var search_form = $('.sidebar-search');
|
|
search_input.attr('data-default', $(search_input).outerWidth()).focus(function () {
|
|
$(this).animate({
|
|
width: 200
|
|
}, 200);
|
|
}).blur(function () {
|
|
if ($(this).val() == "") {
|
|
if ($(this).hasClass('open')) {
|
|
$(this).animate({
|
|
width: 0,
|
|
opacity: 0
|
|
}, 200, function () {
|
|
$(this).hide();
|
|
});
|
|
} else {
|
|
$(this).animate({
|
|
width: $(this).attr('data-default')
|
|
}, 200);
|
|
}
|
|
}
|
|
});
|
|
search_button.bind('click', function () {
|
|
if ($(search_input).is(':hidden')) {
|
|
$(search_input).addClass('open').css({
|
|
width: 0,
|
|
opacity: 0
|
|
}).show().animate({
|
|
width: 200,
|
|
opacity: 1
|
|
}, 200).focus();
|
|
} else if ($(search_input).hasClass('open') && $(search_input).val() == '') {
|
|
$(search_input).removeClass('open').animate({
|
|
width: 0,
|
|
opacity: 0
|
|
}, 200, function () {
|
|
$(this).hide();
|
|
});
|
|
} else if ($(search_input).val() != '') {
|
|
return;
|
|
} else $(search_input).focus();
|
|
return false;
|
|
});
|
|
};
|
|
//Set of functions for Style Selector
|
|
var runStyleSelector = function () {
|
|
$('#style_selector select').each(function () {
|
|
$(this).find('option:first').attr('selected', 'selected');
|
|
});
|
|
$('.style-toggle').bind('click', function () {
|
|
if ($(this).hasClass('open')) {
|
|
$(this).removeClass('open').addClass('close');
|
|
$('#style_selector_container').hide();
|
|
} else {
|
|
$(this).removeClass('close').addClass('open');
|
|
$('#style_selector_container').show();
|
|
}
|
|
});
|
|
setColorScheme();
|
|
setLayoutStyle();
|
|
setHeaderStyle();
|
|
setFooterStyle();
|
|
setBoxedBackgrounds();
|
|
};
|
|
$('.drop-down-wrapper').perfectScrollbar({
|
|
wheelSpeed: 50,
|
|
minScrollbarLength: 20
|
|
});
|
|
$('.navbar-tools .dropdown').on('shown.bs.dropdown', function () {
|
|
$(this).find('.drop-down-wrapper').scrollTop(0).perfectScrollbar('update');
|
|
});
|
|
var setColorScheme = function () {
|
|
$('.icons-color a').bind('click', function () {
|
|
$('.icons-color img').each(function () {
|
|
$(this).removeClass('active');
|
|
});
|
|
$(this).find('img').addClass('active');
|
|
$('#skin_color').attr("href", "assets/css/theme_" + $(this).attr('id') + ".css");
|
|
});
|
|
};
|
|
var setBoxedBackgrounds = function () {
|
|
$('.boxed-patterns a').bind('click', function () {
|
|
if ($('body').hasClass('layout-boxed')) {
|
|
var classes = $('body').attr("class").split(" ").filter(function (item) {
|
|
return item.indexOf("bg_style_") === -1 ? item : "";
|
|
});
|
|
$('body').attr("class", classes.join(" "));
|
|
$('.boxed-patterns img').each(function () {
|
|
$(this).removeClass('active');
|
|
});
|
|
$(this).find('img').addClass('active');
|
|
$('body').addClass($(this).attr('id'));
|
|
} else {
|
|
alert('Select boxed layout');
|
|
}
|
|
});
|
|
};
|
|
var setLayoutStyle = function () {
|
|
$('select[name="layout"]').change(function () {
|
|
if ($('select[name="layout"] option:selected').val() == 'boxed')
|
|
$('body').addClass('layout-boxed');
|
|
else
|
|
$('body').removeClass('layout-boxed');
|
|
});
|
|
};
|
|
var setHeaderStyle = function () {
|
|
$('select[name="header"]').change(function () {
|
|
if ($('select[name="header"] option:selected').val() == 'default')
|
|
$('body').addClass('header-default');
|
|
else
|
|
$('body').removeClass('header-default');
|
|
});
|
|
};
|
|
var setFooterStyle = function () {
|
|
$('select[name="footer"]').change(function () {
|
|
if ($('select[name="footer"] option:selected').val() == 'fixed')
|
|
$('body').addClass('footer-fixed');
|
|
else
|
|
$('body').removeClass('footer-fixed');
|
|
});
|
|
};
|
|
var debounce = function (func, threshold, execAsap) {
|
|
var timeout;
|
|
return function debounced() {
|
|
var obj = this,
|
|
args = arguments;
|
|
|
|
function delayed() {
|
|
if (!execAsap)
|
|
func.apply(obj, args);
|
|
timeout = null;
|
|
};
|
|
if (timeout)
|
|
clearTimeout(timeout);
|
|
else if (execAsap)
|
|
func.apply(obj, args);
|
|
timeout = setTimeout(delayed, threshold || 50);
|
|
};
|
|
};
|
|
//Window Resize Function
|
|
var runWIndowResize = function (func, threshold, execAsap) {
|
|
//wait until the user is done resizing the window, then execute
|
|
$(window).resize = debounce(function (e) {
|
|
runElementsPosition();
|
|
}, 50, false);
|
|
$('.panel-scroll').perfectScrollbar({
|
|
wheelSpeed: 50,
|
|
minScrollbarLength: 20
|
|
});
|
|
};
|
|
return {
|
|
//main function to initiate template pages
|
|
init: function () {
|
|
runWIndowResize();
|
|
runInit();
|
|
runStyleSelector();
|
|
runSearchInput();
|
|
runElementsPosition();
|
|
runToDoAction();
|
|
runNavigationToggler();
|
|
runNavigationMenu();
|
|
runGoTop();
|
|
runModuleTools();
|
|
runDropdownEnduring();
|
|
runTooltips();
|
|
runPopovers();
|
|
runShowTab();
|
|
runAccordionFeatures();
|
|
runCustomCheck();
|
|
}
|
|
};
|
|
}(); |