289 lines
11 KiB
JavaScript
289 lines
11 KiB
JavaScript
/**
|
|
* @copyright Commercial License By LeoTheme.Com
|
|
* @email leotheme.com
|
|
* @visit http://www.leotheme.com
|
|
*/
|
|
$(document).ready(function(){
|
|
if($("#lecolor").length) {
|
|
$('.leocolor').each(function() {
|
|
var input = this;
|
|
$(input).attr('readonly', 'readonly');
|
|
if($(input).val()) {
|
|
$(input).css('backgroundColor', '#' + $(input).val());
|
|
}
|
|
$(input).ColorPicker({
|
|
onChange: function(hsb, hex, rgb) {
|
|
$(input).css('backgroundColor', '#' + hex);
|
|
$(input).val('#' + hex);
|
|
if($(input).attr('id') !== undefined) {
|
|
name = $(input).attr("id").replaceAll('_', '-');
|
|
if($("#style"+$(input).attr("id")).length) {
|
|
style = ':root {--'+name+':'+$(input).val()+'}';
|
|
$("#style"+$(input).attr("id")).html(style);
|
|
} else {
|
|
style = '<style type="text/css" id="style'+$(input).attr("id")+'">';
|
|
style += ':root {--'+name+':'+$(input).val()+'}';
|
|
style += '</style>';
|
|
$("head").append(style);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
$(".clear-bg").click(function() {
|
|
var $parent = $(this).parent();
|
|
var $input = $(".leocolor", $parent);
|
|
|
|
if ($input.val('')) {
|
|
$input.attr('style', '');
|
|
$("#style"+$input.attr("id")).remove();
|
|
}
|
|
$input.val('');
|
|
|
|
return false;
|
|
});
|
|
|
|
}
|
|
$('.panel-font').change(function(){
|
|
name = $(this).attr('name').replaceAll('_', '-');
|
|
o = $("option:selected", $(this));
|
|
v = $(o).html();
|
|
l = $(o).data('load');
|
|
family = $(o).data('family');
|
|
if((typeof l == 'undefined' || l != 1) && typeof family != 'undefined'){
|
|
ft = $(o).data('type');
|
|
fstyle = $(o).data('style');
|
|
fweight = $(o).data('weight');
|
|
file = $(o).data('file').split(",");
|
|
font_url = $("#font_url").val();
|
|
|
|
if(ft==1){
|
|
for (var i = 0; i < file.length; i++) {
|
|
if(file[i].split('.')[1] == 'woff2'){
|
|
var font_face = new FontFace(family, 'url('+font_url+file[i]+')');
|
|
font_face.style = fstyle;
|
|
font_face.weight = fweight;
|
|
font_face.load();
|
|
}
|
|
}
|
|
}else if (ft==2){
|
|
WebFont.load({
|
|
google: {
|
|
families: [family+':'+fweight]
|
|
}
|
|
});
|
|
}
|
|
if($("#font"+name).length) {
|
|
style = ':root {--'+name+':"'+family+'", sans-serif;}';
|
|
$("#font"+name).html(style);
|
|
}else{
|
|
style = '<style type="text/css" id="font'+name+'">';
|
|
style += ':root {--'+name+':"'+family+'", sans-serif;}';
|
|
style += '</style>';
|
|
$("head").append(style);
|
|
}
|
|
|
|
$(o).data('load',1)
|
|
}else{
|
|
if($("#font"+name).length) {
|
|
style += ':root {--'+name+':"'+(typeof family != 'undefined' ? family : $(this).val())+'", sans-serif;}';
|
|
$("#font"+name).html(style);
|
|
}else{
|
|
style = '<style type="text/css" id="font'+name+'">';
|
|
style += ':root {--'+name+':"'+(typeof family != 'undefined' ? family : $(this).val())+'", sans-serif;}';
|
|
style += '</style>';
|
|
$("head").append(style);
|
|
}
|
|
}
|
|
});
|
|
// Toggle Paneltool Tab
|
|
var heightColorTab = 0;
|
|
$('.paneltool-tab').each(function(){
|
|
var height = $(this).closest('.group-input').find('.paneltool-content').height();
|
|
if($(this).closest('.group-input').attr('id') == 'lecolor'){
|
|
heightColorTab = height;
|
|
}else{
|
|
$(this).data('height', height);
|
|
$(this).closest('.group-input').find('.paneltool-content').css('height', '0px'); // hide tab
|
|
}
|
|
|
|
});
|
|
var maxHeightColorSubTab = 0;
|
|
$('.paneltool-subtab').each(function(){
|
|
var height = $(this).closest('.group-input').find('.paneltool-subcontent').height();
|
|
if(height > maxHeightColorSubTab) {
|
|
maxHeightColorSubTab = height;
|
|
}
|
|
heightColorTab = heightColorTab - height;
|
|
$(this).data('height', height);
|
|
$(this).closest('.group-input').find('.paneltool-subcontent').css('height', '0px'); // hide subtab
|
|
});
|
|
|
|
$('#lecolor .paneltool-content').css('height', heightColorTab); // height default of Color tab
|
|
$('.paneltool-tab').on('click', function(){
|
|
if($(this).closest('.group-input').attr('id') != 'lecolor'){
|
|
var group_input = $(this).closest('.group-input');
|
|
$(this).closest('.group-input').find('.paneltool-content').animate({height: group_input.hasClass('active') ? '0px' : $(this).data('height')}, 'fast');
|
|
group_input.toggleClass('active');
|
|
}
|
|
});
|
|
maxHeightColorTab = heightColorTab;
|
|
$('.paneltool-subtab').on('click', function(){
|
|
var group_input = $(this).closest('.group-input');
|
|
var height = $(this).data('height');
|
|
if(!group_input.hasClass('active')){
|
|
maxHeightColorTab += height;
|
|
$('#lecolor .paneltool-content').css('height', maxHeightColorTab);
|
|
}
|
|
$(this).closest('.group-input').find('.paneltool-subcontent').animate({height: group_input.hasClass('active') ? '0px' : height}, 'fast');
|
|
if(group_input.hasClass('active')){
|
|
maxHeightColorTab -= height;
|
|
$('#lecolor .paneltool-content').css('height', maxHeightColorTab);
|
|
}
|
|
group_input.toggleClass('active');
|
|
});
|
|
// End Toggle Paneltool Tab
|
|
|
|
$('#panelTab a').click(function(e) {
|
|
e.preventDefault();
|
|
$(this).tab('show');
|
|
});
|
|
var expiresThemConfigDay = 1;
|
|
$('#panelTab a:first').tab('show');
|
|
$(".bg-config").hide();
|
|
var $MAINCONTAINER = $("html");
|
|
|
|
$('.accordion-group select.input-setting').change(function() {
|
|
var input = this;
|
|
if ($(input).data('selector')) {
|
|
var ex = $(input).data('attrs') == 'font-size' ? 'px' : "";
|
|
$($MAINCONTAINER).find($(input).data('selector')).css($(input).data('attrs'), $(input).val() + ex);
|
|
}
|
|
});
|
|
$(".paneltool .panelbutton").click(function() {
|
|
$(this).parent().toggleClass("active");
|
|
});
|
|
|
|
/* float footer */
|
|
$('.enable_ffooter').click(function(){
|
|
if(!$(this).hasClass('current')){
|
|
var configName = $('#leo-paneltool').data('cname')+'_enable_ffooter';
|
|
$('.enable_ffooter').removeClass('current');
|
|
$(this).addClass('current');
|
|
if($(this).data('value')){
|
|
$('body').addClass('keep-footer');
|
|
lesetCookie(configName,1,1);
|
|
if(typeof floatFooter == 'function')
|
|
floatFooter();
|
|
}
|
|
else{
|
|
$('body').removeClass('keep-footer');
|
|
lesetCookie(configName,0,1);
|
|
if(typeof processFloatFooter == 'function')
|
|
processFloatFooter(0,0);
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
/* float header */
|
|
$('.enable_fheader').click(function(){
|
|
if(!$(this).hasClass('current')){
|
|
var configName = $('#leo-paneltool').data('cname')+'_enable_fheader';
|
|
$('.enable_fheader').removeClass('current');
|
|
$(this).addClass('current');
|
|
if($(this).data('value')){
|
|
$('body').addClass('keep-header');
|
|
lesetCookie(configName,1,1);
|
|
if(typeof floatHeader == 'function')
|
|
floatHeader();
|
|
}
|
|
else{
|
|
$('body').removeClass('keep-header');
|
|
lesetCookie(configName,0,1);
|
|
if(typeof processFloatHeader == 'function')
|
|
processFloatHeader(0,0);
|
|
}
|
|
}
|
|
});
|
|
/* header style */
|
|
var currentHeaderStyle = $('.leo-dynamic-update-header.current-header').data('header-style');
|
|
$('.leo-dynamic-update-header').click(function(){
|
|
if(!$(this).hasClass('current-header'))
|
|
{
|
|
$('.leo-dynamic-update-header').removeClass('current-header');
|
|
$(this).addClass('current-header');
|
|
|
|
var selectedHeader = $(this).data('header-style');
|
|
$('body').removeClass(currentHeaderStyle);
|
|
$('body').addClass(selectedHeader);
|
|
currentHeaderStyle = selectedHeader;
|
|
var configName = $('#leo-paneltool').data('cname')+'_header_style';
|
|
lesetCookie(configName,selectedHeader,1);
|
|
}
|
|
});
|
|
var currentSideBarStyle = $('.leo-dynamic-update-side.current-sidebar').data('sidebar');
|
|
var sideBarStyleList = [];
|
|
$('.leo-dynamic-update-side').each(function(i){
|
|
sideBarStyleList[i] = $(this).data('sidebar');
|
|
});
|
|
$('.leo-dynamic-update-side').click(function(){
|
|
if(!$(this).hasClass('current-sidebar'))
|
|
{
|
|
$('.leo-dynamic-update-side').removeClass('current-sidebar');
|
|
$(this).addClass('current-sidebar');
|
|
|
|
var selectedHeader = $(this).data('sidebar');
|
|
$.each(sideBarStyleList, function( index, value ) {
|
|
$('body').removeClass(value);
|
|
});
|
|
$('body').addClass(selectedHeader);
|
|
currentSideBarStyle = selectedHeader;
|
|
getBodyClassByMenu();
|
|
|
|
var configName = $('#leo-paneltool').data('cname')+'_sidebarmenu';
|
|
lesetCookie(configName,selectedHeader,1);
|
|
}
|
|
});
|
|
|
|
var currentLayoutMode = $('.leo-dynamic-update-layout.current-layout-mod').data('layout-mod');
|
|
$('.leo-dynamic-update-layout').click(function(){
|
|
|
|
if(!$(this).hasClass('current-layout-mod'))
|
|
{
|
|
$('.leo-dynamic-update-layout').removeClass('current-layout-mod');
|
|
$(this).addClass('current-layout-mod');
|
|
|
|
var selectedLayout = $(this).data('layout-mod');
|
|
$('body').removeClass(currentLayoutMode);
|
|
$('body').addClass(selectedLayout);
|
|
currentLayoutMode = selectedLayout;
|
|
|
|
getBodyClassByMenu();
|
|
|
|
var configName = $('#leo-paneltool').data('cname')+'_layout_mode';
|
|
lesetCookie(configName,selectedLayout,1);
|
|
}
|
|
});
|
|
|
|
function getBodyClassByMenu(){
|
|
if($('body').hasClass('sidebar-hide') || $('body').hasClass('header-hide-topmenu'))
|
|
$('body').removeClass('double-menu');
|
|
else
|
|
if(!$('body').hasClass('double-menu')) $('body').addClass('double-menu');
|
|
}
|
|
|
|
//DONGND:: click out to close paneltool
|
|
$(document).click(function (e) {
|
|
e.stopPropagation();
|
|
var container = $(".paneltool.active");
|
|
//DONGND:: fix click colorpicker close panel
|
|
var container_colorpicker = $('.colorpicker');
|
|
//check if the clicked area is in container or not
|
|
if (container.length && container.has(e.target).length === 0 && container_colorpicker.length && container_colorpicker.has(e.target).length === 0 && !$(e.target).hasClass('panelbutton') && !$(e.target).hasClass('fa-cog') && !$(e.target).hasClass('fa-times')) {
|
|
container.toggleClass("active");
|
|
}
|
|
|
|
})
|
|
}); |