AlkantarClanX12
Your IP : 3.14.135.82
function portfolio_add_item_type(elem) {
if (jQuery('select[id^="portfolio_item_type_"]').not('select[id="portfolio_item_type_%INDEX%"]').length >= 4)
return false;
var index = jQuery('select[id^="portfolio_item_type_"]:last').attr('id').replace('portfolio_item_type_', '');
index = parseInt(index) + 1;
var $box = jQuery(elem).siblings('.portfolio-types');
var template = jQuery('#add_portfolio_item_type_template').html();
$box.append(template.replace(/%INDEX%/g, index));
init_portfolio_settings();
return false;
}
function fix_portfolio_remove_item_type_visible() {
if (jQuery('div[id^="portfolio_item_remove_button_"]').not('div[id="portfolio_item_remove_button_%INDEX%_wrapper"]').length > 1)
jQuery('div[id^="portfolio_item_remove_button_"]').not('div[id="portfolio_item_remove_button_%INDEX%_wrapper"]').show();
else
jQuery('div[id^="portfolio_item_remove_button_"]').not('div[id="portfolio_item_remove_button_%INDEX%_wrapper"]').hide();
}
function portfolio_remove_item_type(elem) {
var index = jQuery(elem).parent().attr('id').replace('portfolio_item_remove_button_', '').replace('_wrapper', '');
jQuery('.portfolio_item_element_' + index).remove();
fix_portfolio_remove_item_type_visible();
return false;
}
function init_portfolio_page_settings() {
jQuery('#page_portfolio_position').on('change', function() {
var position = jQuery(this).val();
var origin_layouts = jQuery('#page_portfolio_layout').data('layouts') || '';
if (!origin_layouts) {
origin_layouts = jQuery('#page_portfolio_layout').html();
jQuery('#page_portfolio_layout').data('layouts', origin_layouts);
}
if (position == 'above' || position == 'below') {
jQuery('#page_portfolio_style').attr('disabled', 'disabled');
jQuery('#page_portfolio_pagination').attr('disabled', 'disabled');
jQuery('#page_portfolio_items_per_page').attr('disabled', 'disabled');
jQuery('#page_portfolio_layout option').each(function() {
if (jQuery(this).attr('value') != '3x' && jQuery(this).attr('value') != '100%')
jQuery(this).remove();
});
jQuery('#portfolio_slider_effects_enabled').show();
} else {
jQuery('#page_portfolio_style').removeAttr('disabled');
jQuery('#page_portfolio_pagination').removeAttr('disabled');
jQuery('#page_portfolio_items_per_page').removeAttr('disabled');
jQuery('#page_portfolio_layout').html(origin_layouts);
jQuery('#portfolio_slider_effects_enabled').hide();
}
});
jQuery('#page_portfolio_position').trigger('change');
}
function init_portfolio_settings() {
jQuery('select[id^=portfolio_item_type_]').unbind('change');
jQuery('select[id^=portfolio_item_type_]').on('change', function() {
var item_type = jQuery(this).val();
var index = jQuery(this).attr('id').replace('portfolio_item_type_', '');
if (index == '%INDEX%')
return false;
if (item_type == 'self-link' || item_type == 'full-image') {
jQuery('#portfolio_item_link_' + index + '_wrapper').hide();
} else {
jQuery('#portfolio_item_link_' + index + '_wrapper').show();
}
if (item_type == 'full-image') {
jQuery('#portfolio_item_link_target_' + index + '_wrapper').hide();
} else {
jQuery('#portfolio_item_link_target_' + index + '_wrapper').show();
}
});
jQuery('select[id^=portfolio_item_type_]').trigger('change');
fix_portfolio_remove_item_type_visible();
}
function init_post_item_settings() {
jQuery('#post_item_media_type').unbind('change');
jQuery('#post_item_media_type').on('change', function() {
var item_type = jQuery(this).val();
if (item_type == 'default') {
jQuery('#post_item_link_wrapper').hide();
} else {
jQuery('#post_item_link_wrapper').show();
}
});
jQuery('#post_item_media_type').trigger('change');
}
function init_gallery_page_settings() {
jQuery('#page_gallery_type').on('change', function() {
var gtype = jQuery(this).val();
if (gtype == 'slider') {
jQuery('#page_gallery_layout').attr('disabled', 'disabled');
jQuery('#page_gallery_style').attr('disabled', 'disabled');
jQuery('#page_gallery_item_style').attr('disabled', 'disabled');
} else {
jQuery('#page_gallery_layout').removeAttr('disabled');
jQuery('#page_gallery_style').removeAttr('disabled');
jQuery('#page_gallery_item_style').removeAttr('disabled');
}
});
jQuery('#page_gallery_type').trigger('change');
}
function metro_max_row_height_callback() {
var $max_height_box = jQuery('input[name="metro_max_row_height"]', this.$content);
var $style_box = jQuery('select[name="portfolio_style"]', this.$content);
if ($style_box.length == 0) {
$style_box = jQuery('select[name="gallery_style"]', this.$content);
}
if ($style_box.length == 0) {
$style_box = jQuery('select[name="news_grid_style"]', this.$content);
}
var $layout_box = jQuery('select[name="portfolio_layout"]', this.$content);
if ($layout_box.length == 0) {
$layout_box = jQuery('select[name="gallery_layout"]', this.$content);
}
if ($layout_box.length == 0) {
$layout_box = jQuery('select[name="news_grid_layout"]', this.$content);
}
if ($style_box.length == 0 || $max_height_box.length == 0 || $layout_box.length == 0) {
return false;
}
var old_layout = $layout_box.val();
function changeStyleEvent() {
if ($style_box.val() != 'metro' || $layout_box.val() == 'creative') {
$max_height_box.closest('.vc_shortcode-param').addClass('vc_dependent-hidden');
return false;
}
$max_height_box.closest('.vc_shortcode-param').removeClass('vc_dependent-hidden');
}
function changeLayoutEvent() {
var layout = $layout_box.val();
if (old_layout == layout) {
return;
}
old_layout = layout;
var defaults = {
'2x': 380,
'3x': 380,
'4x': 280,
'100%': 380
};
var default_value = 380;
if (defaults[layout] != undefined && defaults[layout] != null) {
default_value = defaults[layout];
}
$max_height_box.val(default_value);
}
$style_box.bind('change', changeStyleEvent).trigger('change');
$layout_box.bind('change', changeStyleEvent);
$layout_box.bind('change', changeLayoutEvent);
}
function display_titles_hover_callback() {
var self = this;
var $display_titles_box = jQuery('select[name="grid_display_titles"]', this.$content);
if (!$display_titles_box.length) {
$display_titles_box = jQuery('select[name="slider_display_titles"]', this.$content);
}
if (!$display_titles_box.length) {
$display_titles_box = jQuery('select[name="news_grid_display_titles"]', this.$content);
}
if (!$display_titles_box.length) {
$display_titles_box = jQuery('select[name="portfolio_display_titles"]', this.$content);
}
var stype = $display_titles_box.attr('name').replace('_display_titles', '');
var $background_style_box = jQuery('select[name="' + stype + '_background_style"]', this.$content);
var $title_style_box = jQuery('select[name="' + stype + '_title_style"]', this.$content);
var $hover_box = jQuery('select[name="' + stype + '_hover"]', this.$content);
var $hover_title_on_page_box = jQuery('select[name="' + stype + '_hover_title_on_page"]', this.$content);
function changeTitlesHoverEvent() {
var display_titles = $display_titles_box.val(),
hover = $hover_box.val();
if (display_titles == 'page' && (stype == 'grid' || stype == 'slider')) {
hover = $hover_title_on_page_box.val();
}
if (stype == 'news_grid') {
if (display_titles == 'page') {
$background_style_box.closest('.vc_shortcode-param').removeClass('vc_dependent-hidden');
$title_style_box.closest('.vc_shortcode-param').addClass('vc_dependent-hidden');
} else {
$background_style_box.closest('.vc_shortcode-param').addClass('vc_dependent-hidden');
if (hover == 'gradient' || hover == 'circular') {
$title_style_box.closest('.vc_shortcode-param').removeClass('vc_dependent-hidden');
} else {
$title_style_box.closest('.vc_shortcode-param').addClass('vc_dependent-hidden');
}
}
} else {
if (display_titles == 'page' && (hover == 'gradient' || hover == 'circular')) {
$title_style_box.closest('.vc_shortcode-param').removeClass('vc_dependent-hidden');
$background_style_box.closest('.vc_shortcode-param').addClass('vc_dependent-hidden');
} else {
$title_style_box.closest('.vc_shortcode-param').addClass('vc_dependent-hidden');
$background_style_box.closest('.vc_shortcode-param').removeClass('vc_dependent-hidden');
}
}
}
$display_titles_box.bind('change', changeTitlesHoverEvent);
$hover_box.bind('change', changeTitlesHoverEvent).trigger('change');
if ($hover_title_on_page_box.length) {
$hover_title_on_page_box.bind('change', changeTitlesHoverEvent);
}
}
function news_grid_hover_callback() {
var self = this;
var $hover_box = jQuery('select[name="news_grid_hover"]', this.$content);
var $display_titles_box = jQuery('select[name="news_grid_display_titles"]', this.$content);
function changeTitlesHoverEvent() {
var display_titles = $display_titles_box.val();
if (display_titles == 'page') {
jQuery('.gradient, .circular', $hover_box).hide();
} else {
jQuery('.gradient, .circular', $hover_box).show();
}
}
$display_titles_box.bind('change', changeTitlesHoverEvent).trigger('change');
}
function item_separator_callback() {
var self = this;
var $display_titles_box = jQuery('select[name="grid_display_titles"]', this.$content);
if (!$display_titles_box.length) {
$display_titles_box = jQuery('select[name="slider_display_titles"]', this.$content);
}
var stype = $display_titles_box.attr('name').replace('_display_titles', '');
var $hover_title_on_page_box = jQuery('select[name="' + stype + '_hover_title_on_page"]', this.$content);
var $separator_box = jQuery('input[name="' + stype + '_item_separator"]', this.$content);
function changeTitlesHoverEvent() {
var display_titles = $display_titles_box.val(),
hover = $hover_title_on_page_box.val();
if (display_titles == 'hover' || (display_titles == 'page' && (hover == 'gradient' || hover == 'circular'))) {
$separator_box.closest('.vc_shortcode-param').removeClass('vc_dependent-hidden');
} else {
$separator_box.closest('.vc_shortcode-param').addClass('vc_dependent-hidden');
}
}
$display_titles_box.bind('change', changeTitlesHoverEvent);
$hover_title_on_page_box.bind('change', changeTitlesHoverEvent).trigger('change');
}
function news_grid_colors_callback() {
var $displayTitlesBox = jQuery('select[name="news_grid_display_titles"]', this.$content),
$hoverBox = jQuery('select[name="news_grid_hover"]', this.$content);
function changeTitlesHoverEvent() {
var $colorsTab = jQuery('input[name="item_background_color"]', this.$el).closest('.vc_edit-form-tab'),
colorsTabId = '#' + $colorsTab.attr('id'),
displayTitles = $displayTitlesBox.val(),
hover = $hoverBox.val();
jQuery('.vc_ui-tabs-line button.vc_ui-tabs-line-trigger', this.$el).each(function() {
if (jQuery(this).data('vc-ui-element-target') == colorsTabId) {
if (displayTitles == 'hover') {
jQuery(this).closest('.vc_edit-form-tab-control').css('display', 'none');
} else {
jQuery(this).closest('.vc_edit-form-tab-control').css('display', '');
}
}
});
}
$displayTitlesBox.bind('change', changeTitlesHoverEvent);
$hoverBox.bind('change', changeTitlesHoverEvent).trigger('change');
}
function extended_grid_skin_callback() {
(function($, self){
let presets;
$.ajax({
type: 'post',
dataType: 'json',
url: thegem_admin_functions_data.ajax_url,
data: { action: 'extended_products_get_preset_settings' },
success: function (response) {
if(response.status == "success") {
presets = response.presets
}
}
});
let init_params = [
'product_show_add_to_cart',
'product_show_add_to_cart_mobiles',
'cart_button_show_icon',
'product_show_categories',
'product_show_reviews',
'social_sharing',
'product_show_new',
'product_show_sale',
'product_show_out',
'product_separator',
'border_caption_container'
];
$.each( init_params, function( index, value ){
let param = $('[data-vc-ui-element="panel-shortcode-param"][data-vc-shortcode-param-name="'+value+'"]');
if (!param.data("vcInitParam")) {
vc.atts.init.call(self, param.data("param_settings"), param);
param.data("vcInitParam", !0)
}
});
$('select[name="extended_grid_skin"]', self.$content).on('change', function () {
if (presets) {
let optionsList = presets[$(this).val()];
for (const [key, value] of Object.entries(optionsList)) {
let checked = value == 1 ? true : false;
$('[name="'+key+'"]', self.$content).val(value).prop( "checked", checked ).change();
}
}
});
$('select[name="layout_type"]', self.$content).on('change', function () {
if ($(this).val() == 'list') {
jQuery('select[name="add_to_cart_type"]', self.$content).closest('.vc_shortcode-param').addClass('vc_dependent-hidden');
jQuery('select[name="extended_grid_skin"]', self.$content).val('below-default-cart-button').trigger('change');
jQuery('select[name="caption_position"]', self.$content).closest('.vc_shortcode-param').hide();
// jQuery('select[name="caption_position"]', self.$content).closest('.vc_shortcode-param').addClass('vc_dependent-hidden');
} else {
jQuery('select[name="add_to_cart_type"]', self.$content).closest('.vc_shortcode-param').removeClass('vc_dependent-hidden');
jQuery('select[name="caption_position"]', self.$content).closest('.vc_shortcode-param').show();
// jQuery('select[name="caption_position"]', self.$content).closest('.vc_shortcode-param').removeClass('vc_dependent-hidden');
}
});
})(jQuery, this);
}
function product_grid_categories_skin_callback() {
(function($, self){
let presets;
$.ajax({
type: 'post',
dataType: 'json',
url: thegem_admin_functions_data.ajax_url,
data: { action: 'product_grid_categories_get_preset_settings' },
success: function (response) {
if(response.status == "success") {
presets = response.presets
}
}
});
let init_params = [
'caption_separator',
];
$.each( init_params, function( index, value ){
let param = $('[data-vc-ui-element="panel-shortcode-param"][data-vc-shortcode-param-name="'+value+'"]');
if (!param.data("vcInitParam")) {
vc.atts.init.call(self, param.data("param_settings"), param);
param.data("vcInitParam", !0)
}
});
$('select[name="product_grid_categories_skin"]', self.$content).on('change', function () {
let optionsList = presets[$(this).val()];
for (const [key, value] of Object.entries(optionsList)) {
let checked = value == 1 ? true : false;
$('[name="'+key+'"]', self.$content).val(value).prop( "checked", checked ).change();
}
});
})(jQuery, this);
}
function filters_style_callback() {
var sorting_bottom_spacing = jQuery('input[name="sorting_bottom_spacing"]', this.$content);
var filters_style = jQuery('select[name="filters_style"]', this.$content);
if (filters_style.length == 0 || sorting_bottom_spacing.length == 0 ) {
return false;
}
function changeStyleEvent() {
if (filters_style.val() == 'sidebar') {
sorting_bottom_spacing.val(40);
}
}
filters_style.on('change', changeStyleEvent);
}
function layout_type_callback() {
var layout_type = jQuery('select[name="layout_type"]', this.$content);
var columns_desktop = jQuery('select[name="columns_desktop"]', this.$content);
var columns_100 = jQuery('select[name="columns_100"]', this.$content);
function changeColumnsEvent() {
jQuery('.layout_scheme', this.$content).addClass('vc_dependent-hidden');
if (layout_type.val() == 'creative') {
var columns;
if (columns_desktop.val() == '100%') {
columns = columns_100.val() + 'x';
} else {
columns = columns_desktop.val();
}
jQuery('select[name="layout_scheme_' + columns + '"]', this.$content).closest('.vc_shortcode-param').removeClass('vc_dependent-hidden');
jQuery('select[name="layout_scheme_' + columns + '"]', this.$content).trigger('change');
}
}
changeColumnsEvent();
layout_type.on('change', changeColumnsEvent);
columns_desktop.on('change', changeColumnsEvent);
columns_100.on('change', changeColumnsEvent);
}
function news_grid_style_callback() {
var layout_type = jQuery('select[name="news_grid_style"]', this.$content);
var portfolio_layout = jQuery('select[name="layout_type"]', this.$content);
var columns_desktop = jQuery('select[name="columns_desktop_creative"]', this.$content);
var columns_100 = jQuery('select[name="columns_100_creative"]', this.$content);
function changeColumnsEvent() {
jQuery('.layout_scheme', this.$content).addClass('vc_dependent-hidden');
if (layout_type.val() == 'creative' || portfolio_layout.val() == 'creative') {
var columns;
if (columns_desktop.val() == '100%') {
columns = columns_100.val() + 'x';
} else {
columns = columns_desktop.val();
}
jQuery('select[name="layout_scheme_' + columns + '"]', this.$content).closest('.vc_shortcode-param').removeClass('vc_dependent-hidden');
jQuery('select[name="layout_scheme_' + columns + '"]', this.$content).trigger('change');
}
}
changeColumnsEvent();
portfolio_layout.on('change', changeColumnsEvent);
layout_type.on('change', changeColumnsEvent);
columns_desktop.on('change', changeColumnsEvent);
columns_100.on('change', changeColumnsEvent);
}
function thegem_templates_infotext_presets_callback() {
let $presets = jQuery('select[name="preset"]', this.$content);
function changeInfotextEvent() {
let preset_val = $presets.val();
let params = [];
switch(preset_val) {
case 'tiny':
params = [
{ name: 'pack', val: 'thegem-header', type: 'select' },
{ name: 'size', val: 'custom', type: 'select' },
{ name: 'shape', val: 'simple', type: 'select' },
{ name: 'icon_position_to_text', val: 'left', type: 'select' },
{ name: 'icon_thegem_header', val: 'e622', type: 'input' },
{ name: 'icon_size', val: '16', type: 'input' },
{ name: 'color', val: '', type: 'input'},
{ name: 'background_color', val: '', type: 'input'},
{ name: 'icon_desktop_spacing_right', val: '8', type: 'input'},
{ name: 'icon_desktop_spacing_left', val: '', type: 'input' },
{ name: 'icon_desktop_spacing_top', val: '-2', type: 'input' },
{ name: 'title', val: '', type: 'textarea' },
{ name: 'title_text_style', val: 'title-default', type: 'select' },
{ name: 'title_text_color', val: thegem_admin_functions_data.to_main_menu_level1_color, type: 'input' },
{ name: 'subtitle', val: '', type: 'textarea' },
{ name: 'subtitle_desktop_spacing_top', val: '', type: 'input' },
{ name: 'description', val: '+1 916-85-2235', type: 'textarea' },
];
break;
case 'highlighted':
params = [
{ name: 'pack', val: 'thegem-header', type: 'select' },
{ name: 'size', val: 'custom', type: 'select' },
{ name: 'shape', val: 'simple', type: 'select' },
{ name: 'icon_position_to_text', val: 'left', type: 'select' },
{ name: 'icon_thegem_header', val: 'e737', type: 'input' },
{ name: 'icon_size', val: '48', type: 'input' },
{ name: 'color', val: thegem_admin_functions_data.to_styled_elements_color_1, type: 'input'},
{ name: 'background_color', val: '', type: 'input'},
{ name: 'icon_desktop_spacing_right', val: '8', type: 'input'},
{ name: 'icon_desktop_spacing_left', val: '', type: 'input' },
{ name: 'icon_desktop_spacing_top', val: '', type: 'input' },
{ name: 'title', val: 'Call us now', type: 'textarea' },
{ name: 'title_text_style', val: 'text-body-tiny', type: 'select' },
{ name: 'title_text_color', val: thegem_admin_functions_data.to_button_background_basic_color, type: 'input' },
{ name: 'subtitle', val: '+123 4567 890', type: 'textarea' },
{ name: 'subtitle_desktop_spacing_top', val: '-7', type: 'input' },
{ name: 'description', val: '', type: 'textarea' },
];
break;
case 'classic':
params = [
{ name: 'pack', val: 'thegem-header', type: 'select' },
{ name: 'size', val: 'custom', type: 'select' },
{ name: 'shape', val: 'circle', type: 'select' },
{ name: 'icon_position_to_text', val: 'left', type: 'select' },
{ name: 'icon_thegem_header', val: 'e621', type: 'input' },
{ name: 'icon_size', val: '30', type: 'input' },
{ name: 'color', val: thegem_admin_functions_data.to_styled_elements_color_1, type: 'input'},
{ name: 'background_color', val: thegem_admin_functions_data.to_styled_elements_background_color, type: 'input'},
{ name: 'icon_desktop_spacing_right', val: '20', type: 'input'},
{ name: 'icon_desktop_spacing_left', val: '', type: 'input' },
{ name: 'icon_desktop_spacing_top', val: '', type: 'input' },
{ name: 'title', val: 'FREE SHIPPING & RETURN', type: 'textarea' },
{ name: 'title_text_style', val: 'title-default', type: 'select' },
{ name: 'title_text_color', val: thegem_admin_functions_data.to_main_menu_level1_color, type: 'input' },
{ name: 'subtitle', val: '', type: 'textarea' },
{ name: 'subtitle_desktop_spacing_top', val: '', type: 'input' },
{ name: 'description', val: 'Free shipping on all orders over $99', type: 'textarea' },
];
break;
case 'right_icon_classic':
params = [
{ name: 'pack', val: 'thegem-header', type: 'select' },
{ name: 'size', val: 'custom', type: 'select' },
{ name: 'shape', val: 'simple', type: 'select' },
{ name: 'icon_position_to_text', val: 'right', type: 'select' },
{ name: 'icon_thegem_header', val: 'e621', type: 'input' },
{ name: 'icon_size', val: '30', type: 'input' },
{ name: 'color', val: '', type: 'input'},
{ name: 'background_color', val: '', type: 'input'},
{ name: 'icon_desktop_spacing_right', val: '', type: 'input'},
{ name: 'icon_desktop_spacing_left', val: '75', type: 'input' },
{ name: 'icon_desktop_spacing_top', val: '', type: 'input' },
{ name: 'title', val: 'FREE SHIPPING & RETURN', type: 'textarea' },
{ name: 'title_text_style', val: 'title-default', type: 'select' },
{ name: 'title_text_color', val: thegem_admin_functions_data.to_main_menu_level1_color, type: 'input' },
{ name: 'subtitle', val: '', type: 'textarea' },
{ name: 'subtitle_desktop_spacing_top', val: '', type: 'input' },
{ name: 'description', val: '', type: 'textarea' },
];
break;
case 'right_icon_tiny':
params = [
{ name: 'pack', val: 'thegem-header', type: 'select' },
{ name: 'size', val: 'custom', type: 'select' },
{ name: 'shape', val: 'simple', type: 'select' },
{ name: 'icon_position_to_text', val: 'right', type: 'select' },
{ name: 'icon_thegem_header', val: 'e62c', type: 'input' },
{ name: 'icon_size', val: '16', type: 'input' },
{ name: 'color', val: '', type: 'input'},
{ name: 'background_color', val: '', type: 'input'},
{ name: 'icon_desktop_spacing_right', val: '', type: 'input'},
{ name: 'icon_desktop_spacing_left', val: '8', type: 'input' },
{ name: 'icon_desktop_spacing_top', val: '-6', type: 'input' },
{ name: 'title', val: '', type: 'textarea' },
{ name: 'title_text_style', val: 'title-default', type: 'select' },
{ name: 'title_text_color', val: thegem_admin_functions_data.to_main_menu_level1_color, type: 'input' },
{ name: 'subtitle', val: '', type: 'textarea' },
{ name: 'subtitle_desktop_spacing_top', val: '', type: 'input' },
{ name: 'description', val: 'Contact Us', type: 'textarea' },
];
break;
}
params.forEach(el => {
jQuery('.wpb_vc_param_value[name='+el.name+']', this.$content).val(el.val).trigger('change');
})
}
$presets.bind('change', changeInfotextEvent);
}
function thegem_templates_menu_split_callback() {
let $menuType = jQuery('select[name="menu_layout_desktop"]', this.$content);
let $splitLayout = jQuery('select[name="split_layout_type"]', this.$content);
function changeSplitLayoutEvent() {
let menu = $menuType.val();
let value = $splitLayout.val();
let $leftMargin = jQuery('input[name="split_logo_left_margin"]', this.$content);
let $rightMargin = jQuery('input[name="split_logo_right_margin"]', this.$content);
let $logoAbsolute = jQuery('input[name="split_logo_absolute"]', this.$content);
let params = [
{ name: 'desktop_menu_stretch'},
{ name: 'tablet_landscape_menu_stretch'},
{ name: 'tablet_portrait_menu_stretch'},
];
params.forEach(el => {
if (menu === 'split' && value === 'full'){
//jQuery('input[name='+el.name+']', this.$content).prop( "checked", true ).trigger('change');
jQuery("div[data-vc-shortcode-param-name='" + el.name +"']").hide();
} else {
//jQuery('input[name='+el.name+']', this.$content).prop( "checked", false ).trigger('change');
jQuery("div[data-vc-shortcode-param-name='" + el.name +"']").show();
$logoAbsolute.on('change', function () {
if ($logoAbsolute.is(':checked')) {
$leftMargin.val() === '' ? $leftMargin.val('150') : false;
$rightMargin.val() === '' ? $rightMargin.val('150') : false;
}
})
}
})
}
$splitLayout.on('change', changeSplitLayoutEvent);
}
function thegem_te_menu_skin_callback() {
let $presets = jQuery('select[name="thegem_te_menu_skin"]', this.$content);
let $menu_layout_mobile = jQuery('select[name="menu_layout_mobile"]', this.$content);
function changeMenuSkinEvent() {
let preset_val = $presets.val();
let mobile_layout = $menu_layout_mobile.val();
if (preset_val != 'inherit' && (mobile_layout === 'slide-horizontal' || mobile_layout === 'slide-vertical')) {
preset_val += '-slide';
}
let params = [];
switch(preset_val) {
case 'inherit':
params = [
{ name: 'hamburger_icon_color', val: '', type: 'input' },
{ name: 'close_icon_color', val: '', type: 'input' },
{ name: 'background_color_hamburger', val: '', type: 'input' },
{ name: 'background_color_overlay_hamburger', val: '', type: 'input' },
{ name: 'background_color_overlay', val: '', type: 'input' },
{ name: 'color_menu_item', val: '', type: 'input' },
{ name: 'color_menu_item_hover', val: '', type: 'input' },
{ name: 'color_menu_item_active', val: '', type: 'input' },
{ name: 'background_color_menu_item', val: '', type: 'input' },
{ name: 'background_color_menu_item_hover', val: '', type: 'input' },
{ name: 'background_color_menu_item_active', val: '', type: 'input' },
{ name: 'color_menu_item_overlay', val: '', type: 'input' },
{ name: 'color_menu_item_overlay_hover', val: '', type: 'input' },
{ name: 'color_menu_item_overlay_active', val: '', type: 'input' },
{ name: 'menu_item_space_between', val: '', type: 'input' },
{ name: 'menu_item_padding_top', val: '', type: 'input' },
{ name: 'menu_item_padding_right', val: '', type: 'input' },
{ name: 'menu_item_padding_bottom', val: '', type: 'input' },
{ name: 'menu_item_padding_left', val: '', type: 'input' },
{ name: 'text_color_level2', val: '', type: 'input' },
{ name: 'text_color_level3', val: '', type: 'input' },
{ name: 'background_color_level2', val: '', type: 'input' },
{ name: 'background_color_level3', val: '', type: 'input' },
{ name: 'text_color_level2_hover', val: '', type: 'input' },
{ name: 'text_color_level3_hover', val: '', type: 'input' },
{ name: 'background_color_level2_hover', val: '', type: 'input' },
{ name: 'background_color_level3_hover', val: '', type: 'input' },
{ name: 'submenu_hover_pointer_color', val: '', type: 'input' },
{ name: 'text_color_level2_active', val: '', type: 'input' },
{ name: 'text_color_level3_active', val: '', type: 'input' },
{ name: 'background_color_level2_active', val: '', type: 'input' },
{ name: 'background_color_level3_active', val: '', type: 'input' },
{ name: 'submenu_active_pointer_color', val: '', type: 'input' },
{ name: 'submenu_border', val: '1', type: 'checkbox' },
{ name: 'submenu_level2_border_color', val: '', type: 'input' },
{ name: 'submenu_level3_border_color', val: '', type: 'input' },
{ name: 'submenu_padding_top', val: '', type: 'input' },
{ name: 'submenu_padding_right', val: '', type: 'input' },
{ name: 'submenu_padding_bottom', val: '', type: 'input' },
{ name: 'submenu_padding_left', val: '', type: 'input' },
{ name: 'hamburger_icon_color_mobile', val: '', type: 'input' },
{ name: 'close_icon_color_mobile', val: '', type: 'input' },
{ name: 'mobile_menu_lvl_1_border', val: '1', type: 'checkbox' },
{ name: 'mobile_menu_lvl_1_border_color', val: '', type: 'input' },
{ name: 'mobile_menu_lvl_1_color', val: '', type: 'input' },
{ name: 'mobile_menu_lvl_1_background_color', val: '', type: 'input' },
{ name: 'mobile_menu_lvl_1_color_active', val: '', type: 'input' },
{ name: 'mobile_menu_lvl_1_background_color_active', val: '', type: 'input' },
{ name: 'mobile_menu_lvl_2_border', val: '1', type: 'checkbox' },
{ name: 'mobile_menu_lvl_2_border_color', val: '', type: 'input' },
{ name: 'mobile_menu_lvl_2_color', val: '', type: 'input' },
{ name: 'mobile_menu_lvl_2_background_color', val: '', type: 'input' },
{ name: 'mobile_menu_lvl_2_color_active', val: '', type: 'input' },
{ name: 'mobile_menu_lvl_2_background_color_active', val: '', type: 'input' },
{ name: 'mobile_menu_lvl_3_border', val: '1', type: 'checkbox' },
{ name: 'mobile_menu_lvl_3_border_color', val: '', type: 'input' },
{ name: 'mobile_menu_lvl_3_color', val: '', type: 'input' },
{ name: 'mobile_menu_lvl_3_background_color', val: '', type: 'input' },
{ name: 'mobile_menu_lvl_3_color_active', val: '', type: 'input' },
{ name: 'mobile_menu_lvl_3_background_color_active', val: '', type: 'input' },
{ name: 'close_icon_color_mobile_overlay', val: '', type: 'input' },
{ name: 'mobile_menu_overlay_background_color', val: '', type: 'input' },
{ name: 'mobile_menu_overlay_color', val: '', type: 'input' },
{ name: 'mobile_menu_overlay_color_active', val: '', type: 'input' },
{ name: 'mobile_menu_social_icon_color', val: '', type: 'input' },
];
break;
case 'light':
params = [
{ name: 'hamburger_icon_color', val: '', type: 'input' },
{ name: 'close_icon_color', val: '#212331', type: 'input' },
{ name: 'background_color_hamburger', val: '', type: 'input' },
{ name: 'background_color_overlay_hamburger', val: '', type: 'input' },
{ name: 'background_color_overlay', val: '#ffffff', type: 'input' },
{ name: 'color_menu_item', val: '', type: 'input' },
{ name: 'color_menu_item_hover', val: '', type: 'input' },
{ name: 'color_menu_item_active', val: '', type: 'input' },
{ name: 'background_color_menu_item', val: '', type: 'input' },
{ name: 'background_color_menu_item_hover', val: '', type: 'input' },
{ name: 'background_color_menu_item_active', val: '', type: 'input' },
{ name: 'color_menu_item_overlay', val: '#212331', type: 'input' },
{ name: 'color_menu_item_overlay_hover', val: '#00bcd4', type: 'input' },
{ name: 'color_menu_item_overlay_active', val: '#00bcd4', type: 'input' },
{ name: 'menu_item_space_between', val: '', type: 'input' },
{ name: 'menu_item_padding_top', val: '', type: 'input' },
{ name: 'menu_item_padding_right', val: '', type: 'input' },
{ name: 'menu_item_padding_bottom', val: '', type: 'input' },
{ name: 'menu_item_padding_left', val: '', type: 'input' },
{ name: 'text_color_level2', val: '#5f727f', type: 'input' },
{ name: 'text_color_level3', val: '#5f727f', type: 'input' },
{ name: 'background_color_level2', val: '#f4f6f7', type: 'input' },
{ name: 'background_color_level3', val: '#ffffff', type: 'input' },
{ name: 'text_color_level2_hover', val: '#3c3950', type: 'input' },
{ name: 'text_color_level3_hover', val: '#ffffff', type: 'input' },
{ name: 'background_color_level2_hover', val: '#ffffff', type: 'input' },
{ name: 'background_color_level3_hover', val: '#494c64', type: 'input' },
{ name: 'submenu_hover_pointer_color', val: '', type: 'input' },
{ name: 'text_color_level2_active', val: '#3c3950', type: 'input' },
{ name: 'text_color_level3_active', val: '#00bcd4', type: 'input' },
{ name: 'background_color_level2_active', val: '#ffffff', type: 'input' },
{ name: 'background_color_level3_active', val: '#ffffff', type: 'input' },
{ name: 'submenu_active_pointer_color', val: '', type: 'input' },
{ name: 'submenu_border', val: '1', type: 'checkbox' },
{ name: 'submenu_level2_border_color', val: '#dfe5e8', type: 'input' },
{ name: 'submenu_level3_border_color', val: '#dfe5e8', type: 'input' },
{ name: 'submenu_padding_top', val: '', type: 'input' },
{ name: 'submenu_padding_right', val: '', type: 'input' },
{ name: 'submenu_padding_bottom', val: '', type: 'input' },
{ name: 'submenu_padding_left', val: '', type: 'input' },
{ name: 'hamburger_icon_color_mobile', val: '', type: 'input' },
{ name: 'close_icon_color_mobile', val: '#3c3950', type: 'input' },
{ name: 'mobile_menu_lvl_1_border', val: '1', type: 'checkbox' },
{ name: 'mobile_menu_lvl_1_border_color', val: '#dfe5e8', type: 'input' },
{ name: 'mobile_menu_lvl_1_color', val: '#5f727f', type: 'input' },
{ name: 'mobile_menu_lvl_1_background_color', val: '#f4f6f7', type: 'input' },
{ name: 'mobile_menu_lvl_1_color_active', val: '#3c3950', type: 'input' },
{ name: 'mobile_menu_lvl_1_background_color_active', val: '#ffffff', type: 'input' },
{ name: 'mobile_menu_lvl_2_border', val: '1', type: 'checkbox' },
{ name: 'mobile_menu_lvl_2_border_color', val: '#dfe5e8', type: 'input' },
{ name: 'mobile_menu_lvl_2_color', val: '#5f727f', type: 'input' },
{ name: 'mobile_menu_lvl_2_background_color', val: '#f4f6f7', type: 'input' },
{ name: 'mobile_menu_lvl_2_color_active', val: '#3c3950', type: 'input' },
{ name: 'mobile_menu_lvl_2_background_color_active', val: '#ffffff', type: 'input' },
{ name: 'mobile_menu_lvl_3_border', val: '1', type: 'checkbox' },
{ name: 'mobile_menu_lvl_3_border_color', val: '#dfe5e8', type: 'input' },
{ name: 'mobile_menu_lvl_3_color', val: '#5f727f', type: 'input' },
{ name: 'mobile_menu_lvl_3_background_color', val: '#f4f6f7', type: 'input' },
{ name: 'mobile_menu_lvl_3_color_active', val: '#3c3950', type: 'input' },
{ name: 'mobile_menu_lvl_3_background_color_active', val: '#ffffff', type: 'input' },
{ name: 'close_icon_color_mobile_overlay', val: '#00bcd4', type: 'input' },
{ name: 'mobile_menu_overlay_background_color', val: '#ffffff', type: 'input' },
{ name: 'mobile_menu_overlay_color', val: '#212331', type: 'input' },
{ name: 'mobile_menu_overlay_color_active', val: '#00bcd4', type: 'input' },
];
break;
case 'light-slide':
params = [
{ name: 'hamburger_icon_color', val: '', type: 'input' },
{ name: 'close_icon_color', val: '#212331', type: 'input' },
{ name: 'background_color_hamburger', val: '', type: 'input' },
{ name: 'background_color_overlay_hamburger', val: '', type: 'input' },
{ name: 'background_color_overlay', val: '#ffffff', type: 'input' },
{ name: 'color_menu_item', val: '', type: 'input' },
{ name: 'color_menu_item_hover', val: '', type: 'input' },
{ name: 'color_menu_item_active', val: '', type: 'input' },
{ name: 'background_color_menu_item', val: '', type: 'input' },
{ name: 'background_color_menu_item_hover', val: '', type: 'input' },
{ name: 'background_color_menu_item_active', val: '', type: 'input' },
{ name: 'color_menu_item_overlay', val: '#212331', type: 'input' },
{ name: 'color_menu_item_overlay_hover', val: '#00bcd4', type: 'input' },
{ name: 'color_menu_item_overlay_active', val: '#00bcd4', type: 'input' },
{ name: 'menu_item_space_between', val: '', type: 'input' },
{ name: 'menu_item_padding_top', val: '', type: 'input' },
{ name: 'menu_item_padding_right', val: '', type: 'input' },
{ name: 'menu_item_padding_bottom', val: '', type: 'input' },
{ name: 'menu_item_padding_left', val: '', type: 'input' },
{ name: 'text_color_level2', val: '#5f727f', type: 'input' },
{ name: 'text_color_level3', val: '#5f727f', type: 'input' },
{ name: 'background_color_level2', val: '#f4f6f7', type: 'input' },
{ name: 'background_color_level3', val: '#ffffff', type: 'input' },
{ name: 'text_color_level2_hover', val: '#3c3950', type: 'input' },
{ name: 'text_color_level3_hover', val: '#ffffff', type: 'input' },
{ name: 'background_color_level2_hover', val: '#ffffff', type: 'input' },
{ name: 'background_color_level3_hover', val: '#494c64', type: 'input' },
{ name: 'submenu_hover_pointer_color', val: '', type: 'input' },
{ name: 'text_color_level2_active', val: '#3c3950', type: 'input' },
{ name: 'text_color_level3_active', val: '#00bcd4', type: 'input' },
{ name: 'background_color_level2_active', val: '#ffffff', type: 'input' },
{ name: 'background_color_level3_active', val: '#ffffff', type: 'input' },
{ name: 'submenu_active_pointer_color', val: '', type: 'input' },
{ name: 'submenu_border', val: '1', type: 'checkbox' },
{ name: 'submenu_level2_border_color', val: '#dfe5e8', type: 'input' },
{ name: 'submenu_level3_border_color', val: '#dfe5e8', type: 'input' },
{ name: 'submenu_padding_top', val: '', type: 'input' },
{ name: 'submenu_padding_right', val: '', type: 'input' },
{ name: 'submenu_padding_bottom', val: '', type: 'input' },
{ name: 'submenu_padding_left', val: '', type: 'input' },
{ name: 'hamburger_icon_color_mobile', val: '', type: 'input' },
{ name: 'close_icon_color_mobile', val: '#3c3950', type: 'input' },
{ name: 'mobile_menu_lvl_1_border', val: '1', type: 'checkbox' },
{ name: 'mobile_menu_lvl_1_border_color', val: '#dfe5e8', type: 'input' },
{ name: 'mobile_menu_lvl_1_color', val: '#5f727f', type: 'input' },
{ name: 'mobile_menu_lvl_1_background_color', val: '#dfe5e8', type: 'input' },
{ name: 'mobile_menu_lvl_1_color_active', val: '#3c3950', type: 'input' },
{ name: 'mobile_menu_lvl_1_background_color_active', val: '#dfe5e8', type: 'input' },
{ name: 'mobile_menu_lvl_2_border', val: '1', type: 'checkbox' },
{ name: 'mobile_menu_lvl_2_border_color', val: '#dfe5e8', type: 'input' },
{ name: 'mobile_menu_lvl_2_color', val: '#5f727f', type: 'input' },
{ name: 'mobile_menu_lvl_2_background_color', val: '#f0f3f2', type: 'input' },
{ name: 'mobile_menu_lvl_2_color_active', val: '#3c3950', type: 'input' },
{ name: 'mobile_menu_lvl_2_background_color_active', val: '#f0f3f2', type: 'input' },
{ name: 'mobile_menu_lvl_3_border', val: '1', type: 'checkbox' },
{ name: 'mobile_menu_lvl_3_border_color', val: '#dfe5e8', type: 'input' },
{ name: 'mobile_menu_lvl_3_color', val: '#5f727f', type: 'input' },
{ name: 'mobile_menu_lvl_3_background_color', val: '#ffffff', type: 'input' },
{ name: 'mobile_menu_lvl_3_color_active', val: '#ffffff', type: 'input' },
{ name: 'mobile_menu_lvl_3_background_color_active', val: '#494c64', type: 'input' },
{ name: 'close_icon_color_mobile_overlay', val: '#00bcd4', type: 'input' },
{ name: 'mobile_menu_overlay_background_color', val: '#ffffff', type: 'input' },
{ name: 'mobile_menu_overlay_color', val: '#212331', type: 'input' },
{ name: 'mobile_menu_overlay_color_active', val: '#00bcd4', type: 'input' },
{ name: 'mobile_menu_social_icon_color', val: '#99a9b5', type: 'input' },
];
break;
case 'dark':
params = [
{ name: 'hamburger_icon_color', val: '', type: 'input' },
{ name: 'close_icon_color', val: '#ffffff', type: 'input' },
{ name: 'background_color_hamburger', val: '', type: 'input' },
{ name: 'background_color_overlay_hamburger', val: '', type: 'input' },
{ name: 'background_color_overlay', val: '#212331', type: 'input' },
{ name: 'color_menu_item', val: '', type: 'input' },
{ name: 'color_menu_item_hover', val: '', type: 'input' },
{ name: 'color_menu_item_active', val: '', type: 'input' },
{ name: 'background_color_menu_item', val: '', type: 'input' },
{ name: 'background_color_menu_item_hover', val: '', type: 'input' },
{ name: 'background_color_menu_item_active', val: '', type: 'input' },
{ name: 'color_menu_item_overlay', val: '#ffffff', type: 'input' },
{ name: 'color_menu_item_overlay_hover', val: '#00bcd4', type: 'input' },
{ name: 'color_menu_item_overlay_active', val: '#00bcd4', type: 'input' },
{ name: 'menu_item_space_between', val: '', type: 'input' },
{ name: 'menu_item_padding_top', val: '', type: 'input' },
{ name: 'menu_item_padding_right', val: '', type: 'input' },
{ name: 'menu_item_padding_bottom', val: '', type: 'input' },
{ name: 'menu_item_padding_left', val: '', type: 'input' },
{ name: 'text_color_level2', val: '#99a9b5', type: 'input' },
{ name: 'text_color_level3', val: '#99a9b5', type: 'input' },
{ name: 'background_color_level2', val: '#393d50', type: 'input' },
{ name: 'background_color_level3', val: '#212331', type: 'input' },
{ name: 'text_color_level2_hover', val: '#ffffff', type: 'input' },
{ name: 'text_color_level3_hover', val: '#ffffff', type: 'input' },
{ name: 'background_color_level2_hover', val: '#212331', type: 'input' },
{ name: 'background_color_level3_hover', val: '#131121', type: 'input' },
{ name: 'submenu_hover_pointer_color', val: '', type: 'input' },
{ name: 'text_color_level2_active', val: '#ffffff', type: 'input' },
{ name: 'text_color_level3_active', val: '#00bcd4', type: 'input' },
{ name: 'background_color_level2_active', val: '#212331', type: 'input' },
{ name: 'background_color_level3_active', val: '#212331', type: 'input' },
{ name: 'submenu_active_pointer_color', val: '', type: 'input' },
{ name: 'submenu_border', val: '1', type: 'checkbox' },
{ name: 'submenu_level2_border_color', val: '#494c64', type: 'input' },
{ name: 'submenu_level3_border_color', val: '#494c64', type: 'input' },
{ name: 'submenu_padding_top', val: '', type: 'input' },
{ name: 'submenu_padding_right', val: '', type: 'input' },
{ name: 'submenu_padding_bottom', val: '', type: 'input' },
{ name: 'submenu_padding_left', val: '', type: 'input' },
{ name: 'hamburger_icon_color_mobile', val: '', type: 'input' },
{ name: 'close_icon_color_mobile', val: '#ffffff', type: 'input' },
{ name: 'mobile_menu_lvl_1_border', val: '1', type: 'checkbox' },
{ name: 'mobile_menu_lvl_1_border_color', val: '#494c64', type: 'input' },
{ name: 'mobile_menu_lvl_1_color', val: '#99a9b5', type: 'input' },
{ name: 'mobile_menu_lvl_1_background_color', val: '#212331', type: 'input' },
{ name: 'mobile_menu_lvl_1_color_active', val: '#ffffff', type: 'input' },
{ name: 'mobile_menu_lvl_1_background_color_active', val: '#181828', type: 'input' },
{ name: 'mobile_menu_lvl_2_border', val: '1', type: 'checkbox' },
{ name: 'mobile_menu_lvl_2_border_color', val: '#494c64', type: 'input' },
{ name: 'mobile_menu_lvl_2_color', val: '#99a9b5', type: 'input' },
{ name: 'mobile_menu_lvl_2_background_color', val: '#212331', type: 'input' },
{ name: 'mobile_menu_lvl_2_color_active', val: '#ffffff', type: 'input' },
{ name: 'mobile_menu_lvl_2_background_color_active', val: '#181828', type: 'input' },
{ name: 'mobile_menu_lvl_3_border', val: '1', type: 'checkbox' },
{ name: 'mobile_menu_lvl_3_border_color', val: '#494c64', type: 'input' },
{ name: 'mobile_menu_lvl_3_color', val: '#99a9b5', type: 'input' },
{ name: 'mobile_menu_lvl_3_background_color', val: '#212331', type: 'input' },
{ name: 'mobile_menu_lvl_3_color_active', val: '#3c3950', type: 'input' },
{ name: 'mobile_menu_lvl_3_background_color_active', val: '#181828', type: 'input' },
{ name: 'close_icon_color_mobile_overlay', val: '#00bcd4', type: 'input' },
{ name: 'mobile_menu_overlay_background_color', val: '#212331', type: 'input' },
{ name: 'mobile_menu_overlay_color', val: '#ffffff', type: 'input' },
{ name: 'mobile_menu_overlay_color_active', val: '#00bcd4', type: 'input' },
];
break;
case 'dark-slide':
params = [
{ name: 'hamburger_icon_color', val: '', type: 'input' },
{ name: 'close_icon_color', val: '#ffffff', type: 'input' },
{ name: 'background_color_hamburger', val: '', type: 'input' },
{ name: 'background_color_overlay_hamburger', val: '', type: 'input' },
{ name: 'background_color_overlay', val: '#212331', type: 'input' },
{ name: 'color_menu_item', val: '', type: 'input' },
{ name: 'color_menu_item_hover', val: '', type: 'input' },
{ name: 'color_menu_item_active', val: '', type: 'input' },
{ name: 'background_color_menu_item', val: '', type: 'input' },
{ name: 'background_color_menu_item_hover', val: '', type: 'input' },
{ name: 'background_color_menu_item_active', val: '', type: 'input' },
{ name: 'color_menu_item_overlay', val: '#ffffff', type: 'input' },
{ name: 'color_menu_item_overlay_hover', val: '#00bcd4', type: 'input' },
{ name: 'color_menu_item_overlay_active', val: '#00bcd4', type: 'input' },
{ name: 'menu_item_space_between', val: '', type: 'input' },
{ name: 'menu_item_padding_top', val: '', type: 'input' },
{ name: 'menu_item_padding_right', val: '', type: 'input' },
{ name: 'menu_item_padding_bottom', val: '', type: 'input' },
{ name: 'menu_item_padding_left', val: '', type: 'input' },
{ name: 'text_color_level2', val: '#99a9b5', type: 'input' },
{ name: 'text_color_level3', val: '#99a9b5', type: 'input' },
{ name: 'background_color_level2', val: '#393d50', type: 'input' },
{ name: 'background_color_level3', val: '#212331', type: 'input' },
{ name: 'text_color_level2_hover', val: '#ffffff', type: 'input' },
{ name: 'text_color_level3_hover', val: '#ffffff', type: 'input' },
{ name: 'background_color_level2_hover', val: '#212331', type: 'input' },
{ name: 'background_color_level3_hover', val: '#131121', type: 'input' },
{ name: 'submenu_hover_pointer_color', val: '', type: 'input' },
{ name: 'text_color_level2_active', val: '#ffffff', type: 'input' },
{ name: 'text_color_level3_active', val: '#00bcd4', type: 'input' },
{ name: 'background_color_level2_active', val: '#212331', type: 'input' },
{ name: 'background_color_level3_active', val: '#212331', type: 'input' },
{ name: 'submenu_active_pointer_color', val: '', type: 'input' },
{ name: 'submenu_border', val: '1', type: 'checkbox' },
{ name: 'submenu_level2_border_color', val: '#494c64', type: 'input' },
{ name: 'submenu_level3_border_color', val: '#494c64', type: 'input' },
{ name: 'submenu_padding_top', val: '', type: 'input' },
{ name: 'submenu_padding_right', val: '', type: 'input' },
{ name: 'submenu_padding_bottom', val: '', type: 'input' },
{ name: 'submenu_padding_left', val: '', type: 'input' },
{ name: 'hamburger_icon_color_mobile', val: '', type: 'input' },
{ name: 'close_icon_color_mobile', val: '#ffffff', type: 'input' },
{ name: 'mobile_menu_lvl_1_border', val: '1', type: 'checkbox' },
{ name: 'mobile_menu_lvl_1_border_color', val: '#494c64', type: 'input' },
{ name: 'mobile_menu_lvl_1_color', val: '#99a9b5', type: 'input' },
{ name: 'mobile_menu_lvl_1_background_color', val: '#212331', type: 'input' },
{ name: 'mobile_menu_lvl_1_color_active', val: '#ffffff', type: 'input' },
{ name: 'mobile_menu_lvl_1_background_color_active', val: '#212331', type: 'input' },
{ name: 'mobile_menu_lvl_2_border', val: '1', type: 'checkbox' },
{ name: 'mobile_menu_lvl_2_border_color', val: '#494c64', type: 'input' },
{ name: 'mobile_menu_lvl_2_color', val: '#99a9b5', type: 'input' },
{ name: 'mobile_menu_lvl_2_background_color', val: '#393d4f', type: 'input' },
{ name: 'mobile_menu_lvl_2_color_active', val: '#ffffff', type: 'input' },
{ name: 'mobile_menu_lvl_2_background_color_active', val: '#393d4f', type: 'input' },
{ name: 'mobile_menu_lvl_3_border', val: '1', type: 'checkbox' },
{ name: 'mobile_menu_lvl_3_border_color', val: '#494c64', type: 'input' },
{ name: 'mobile_menu_lvl_3_color', val: '#99a9b5', type: 'input' },
{ name: 'mobile_menu_lvl_3_background_color', val: '#494c64', type: 'input' },
{ name: 'mobile_menu_lvl_3_color_active', val: '#3c3950', type: 'input' },
{ name: 'mobile_menu_lvl_3_background_color_active', val: '#00bcd4', type: 'input' },
{ name: 'close_icon_color_mobile_overlay', val: '#00bcd4', type: 'input' },
{ name: 'mobile_menu_overlay_background_color', val: '#212331', type: 'input' },
{ name: 'mobile_menu_overlay_color', val: '#ffffff', type: 'input' },
{ name: 'mobile_menu_overlay_color_active', val: '#00bcd4', type: 'input' },
{ name: 'mobile_menu_social_icon_color', val: '#99a9b5', type: 'input' },
];
break;
}
params.forEach(el => {
if (el.type === 'input') {
jQuery('input[name='+el.name+']', this.$content).val(el.val).trigger('change');
}
if (el.type === 'checkbox') {
let checked = el.val == 1 ? true : false;
jQuery('input[name='+el.name+']', this.$content).prop( "checked", checked ).trigger('change');
}
})
}
$presets.on('change', changeMenuSkinEvent);
}
function thegem_templates_switcers_callback() {
let $type = jQuery('select[name="type"]', this.$content);
let $flag = jQuery('input[name="flag"]', this.$content);
let $currencyNativeName = jQuery('input[name="currency_native_name"]', this.$content);
let $currencyTranslatedName = jQuery('input[name="currency_translated_name"]', this.$content);
if ($flag.is(':checked')) {
jQuery("div[data-vc-shortcode-param-name='list_arrow_prefix']").hide();
}
$currencyNativeName.on('change', function () {
if ($currencyNativeName.is(':checked')) {
$currencyTranslatedName.prop( "checked", false ).trigger('change');
}
});
$currencyTranslatedName.on('change', function () {
if ($currencyTranslatedName.is(':checked')) {
$currencyNativeName.prop( "checked", false ).trigger('change');
}
});
function changeSwitcherTypeEvent() {
let type = $type.val();
$flag.on('change', function () {
if ($flag.is(':checked')) {
jQuery("div[data-vc-shortcode-param-name='list_arrow_prefix']").hide();
} else {
jQuery("div[data-vc-shortcode-param-name='list_arrow_prefix']").show();
}
});
if (type === 'dropdown'){
jQuery('.thegem-param-delimeter-heading.param--dropdown').show();
jQuery('.thegem-param-delimeter-heading.param--list').hide();
} else {
jQuery('.thegem-param-delimeter-heading.param--dropdown').hide();
jQuery('.thegem-param-delimeter-heading.param--list').show();
}
}
$type.on('change', changeSwitcherTypeEvent).trigger('change');
}
function thegem_te_product_tabs_style_callback() {
let $style = jQuery('select[name="tabs_style"]', this.$content);
let $align = jQuery('select[name="tabs_align"]', this.$content);
function changeTabsStyleEvent() {
let styleVal = $style.val();
if (styleVal === 'vertical'){
jQuery('option[value="center"]', $align).prop('disabled', true);
jQuery('option[value="stretch"]', $align).prop('disabled', true);
} else {
jQuery('option[value="center"]', $align).prop('disabled', false);
jQuery('option[value="stretch"]', $align).prop('disabled', false);
}
}
$style.on('change', changeTabsStyleEvent);
}
function thegem_te_product_add_to_cart_callback() {
let $button = jQuery('input[name="add_to_cart_btn"]', this.$content);
let $wishlist = jQuery('input[name="add_to_wishlist_btn"]', this.$content);
let $amount = jQuery('input[name="amount_control"]', this.$content);
function changeButtonEvent() {
if ($button.is(':checked')) {
jQuery("div[data-vc-shortcode-param-name='layout_delim_head_wishlist']").show();
$wishlist.prop('checked', true).val(1);
jQuery("div[data-vc-shortcode-param-name='layout_delim_head_amount']").show();
$amount.prop('checked', true).val(1);
} else {
jQuery("div[data-vc-shortcode-param-name='layout_delim_head_wishlist']").hide();
$wishlist.prop('checked', false).val(0);
jQuery("div[data-vc-shortcode-param-name='layout_delim_head_amount']").hide();
$amount.prop('checked', false).val(0);
}
}
$button.on('change', changeButtonEvent);
}
function thegem_te_signin_callback() {
const $type = jQuery('select[name="layout_type"]', this.$content);
function changeTypeEvent() {
const typeValue = $type.val();
if (typeValue === 'btn') {
jQuery("div[data-vc-shortcode-param-name='style_delim_head_signin_btn']").show();
} else {
jQuery("div[data-vc-shortcode-param-name='style_delim_head_signin_btn']").hide();
}
}
$type.on('change', changeTypeEvent).trigger('change');
}
function thegem_te_post_info_callback() {
const $type = jQuery('select[name="skin"]', this.$content);
function changeTypeEvent() {
const typeValue = $type.val();
if (typeValue === 'modern') {
jQuery("div[data-vc-shortcode-param-name='style_delim_head_categories']").show();
} else {
jQuery("div[data-vc-shortcode-param-name='style_delim_head_categories']").hide();
}
}
$type.on('change', changeTypeEvent).trigger('change');
}
(function($){
$(function() {
$('input.color-select').each(function(){
$('<span class="color-select-button"></span>')
.insertAfter($(this))
.css('backgroundColor', $(this).val());
$(this).ColorPicker({
onSubmit: function(hsb, hex, rgb, el) {
$(el).val('#' + hex);
$(el).ColorPickerHide();
$(el).change();
},
onBeforeShow: function () {
$(this).ColorPickerSetColor(this.value);
}
});
});
$('body').on('change', 'input.color-select', function(){
$(this).next('.color-select-button').css('backgroundColor', $(this).val());
});
$('input.color-select + .color-select-button').click(function(){
$(this).prev('input').ColorPickerShow();
});
});
})(jQuery);
(function($){
$(function() {
$('input.picture-select-id, input.picture-select, input.video-select, input.audio-select').each(function() {
if ($(this).nextAll('.picture-select-button').length == 0) {
$('<button class="picture-select-button">Select</button>').insertAfter(this);
}
});
var media_selector_frame;
$('body').on('click', 'input.picture-select-id + button, input.picture-select + button, input.video-select + button, input.audio-select + button', function(event) {
var $this = $(this);
event.preventDefault();
var mediaType = 'image';
var mediaTypeTitle = 'Image';
var $formfield = $(this).prev('input.picture-select-id, input.picture-select, input.video-select, input.audio-select');
if($formfield.hasClass('video-select')) {
var mediaType = 'video';
var mediaTypeTitle = 'Video';
}
if($formfield.hasClass('audio-select')) {
var mediaType = 'audio';
var mediaTypeTitle = 'Audio';
}
// Create the media frame.
media_selector_frame = wp.media.frames.mediaSelector = wp.media({
// Set the title of the modal.
title: 'Select '+mediaTypeTitle,
button: {
text: 'Insert '+mediaTypeTitle,
},
library: {
type: mediaType
}
});
// When an image is selected, run a callback.
media_selector_frame.on( 'select', function() {
var attachment = media_selector_frame.state().get('selection').first();
attachment = attachment.toJSON();
if(attachment.id) {
if($formfield.hasClass('picture-select-id')) {
$formfield.val(attachment.id).trigger('change');
} else {
$formfield.val(attachment.url).trigger('change');
}
}
});
// Finally, open the modal.
media_selector_frame.open();
});
});
})(jQuery);
(function($){
$(function() {
$('#shortcode-generator').each(function() {
var $scg = $(this);
var $scgSelect = $('.shortcodes-select select', $scg);
var $scgItems = $('.shortcode-item', $scg);
var $scgInsert = $('.shortcode-insert-button button', $scg);
var $scgResult = $('.shortcode-result textarea', $scg);
$scgItems.each(function() {
var $scgItem = $(this);
$(':input', $scgItem).change(function() {
var paramsSting = $.map($(':input', $scgItem).serializeArray(), function(a) {
if(a.name != 'scg_content' && a.value != '') {
return a.name.replace('scg_', '')+'="'+a.value+'"';
}
return null;
}).join(' ');
var shortcodeString = '['+$scgItem.data('name')+' '+paramsSting+']';
if($scgItem.data('is_container') === 1) {
if($('[name="scg_content"]:input', $scgItem).length ) {
shortcodeString = shortcodeString + $('[name="scg_content"]:input', $scgItem).val();
}
shortcodeString = shortcodeString + '[/'+$scgItem.data('name')+']';
}
$scgResult.val(shortcodeString);
});
});
$scgSelect.change(function() {
$scgItems.hide();
$scgInsert.parent().hide();
$scgResult.parent().hide();
if($('#' + $(this).val()).length) {
$('#' + $(this).val()).show();
$('#' + $(this).val() + ' :input').eq(0).trigger('change');
$scgInsert.parent().show();
$scgResult.parent().show();
}
}).trigger('change');
$scgInsert.click(function(e) {
e.preventDefault();
if(tinymce.editors.content !== undefined && !$('textarea#content').is(':visible')) {
var selectionText = tinymce.editors.content.selection.getContent();
var replaceString = $scgResult.val();
tinymce.editors.content.selection.setContent(replaceString);
} else if($('textarea#content').length > 0) {
var textareaText = $('textarea#content').val();
var selectionStart = $('textarea#content').get(0).selectionStart;
var selectionEnd = $('textarea#content').get(0).selectionEnd;
var selectionText = textareaText.substr(selectionStart, selectionEnd-selectionStart);
var replaceString = $scgResult.val();;
$('textarea#content').val(textareaText.substr(0, selectionStart) + replaceString + textareaText.substr(selectionEnd));
}
});
});
});
})(jQuery);
(function($) {
$(function() {
$('#portfoliosets_icon_pack').change(function() {
var $form = $(this).closest('form');
$('.gem-icon-info', $form).hide();
$('.gem-icon-info-' + $(this).val(), $form).show();
}).trigger('change');
});
})(jQuery);
(function($) {
$(function() {
if(window.adminpage == 'update-core-php') {
$('form[name="upgrade-themes"]').on('submit', function(e) {
var $form = $(this);
if($(':input[name="checked[]"][value="thegem"]', $form).is(':checked')) {
e.preventDefault();
$.fancybox.open({
src: thegem_admin_functions_data.ajax_url +'?'+ $.param({action:'thegem_theme_update_confirm'}),
type: 'ajax',
smallBtn : true
})
$(document).on('change', '#thegem-update-confirm-checkbox', function() {
$('#thegem-update-confirm-button').prop('disabled', !$(this).is(':checked'));
});
$(document).on('click', '#thegem-update-confirm-button', function(e) {
e.preventDefault();
$('form[name="upgrade-themes"]').off('submit');
$form.submit();
});
}
});
}
if(window.adminpage == 'themes-php') {
var themes = window.wp.themes;
themes.view.Theme = themes.view.Theme.extend({
events: {
'click': themes.isInstall ? 'preview': 'expand',
'keydown': themes.isInstall ? 'preview': 'expand',
'touchend': themes.isInstall ? 'preview': 'expand',
'keyup': 'addFocus',
'touchmove': 'preventExpand',
'click .theme-install': 'installTheme',
'click .update-message': 'updateThegemTheme'
},
expand: function( event ) {
var self = this;
event = event || window.event;
// 'enter' and 'space' keys expand the details view when a theme is :focused
if ( event.type === 'keydown' && ( event.which !== 13 && event.which !== 32 ) ) {
return;
}
// Bail if the user scrolled on a touch device
if ( this.touchDrag === true ) {
return this.touchDrag = false;
}
// Prevent the modal from showing when the user clicks
// one of the direct action buttons
if ( $( event.target ).is( '.theme-actions a' ) ) {
return;
}
// Prevent the modal from showing when the user clicks one of the direct action buttons.
if ( $( event.target ).is( '.theme-actions a, .update-message, .update-message p, .button-link, .notice-dismiss' ) ) {
return;
}
// Set focused theme to current element
themes.focusedTheme = this.$el;
this.trigger( 'theme:expand', self.model.cid );
},
updateThegemTheme: function( event ) {
if(this.model.get( 'id' ) == 'thegem') {
var _this = this;
$.fancybox.open({
src: thegem_admin_functions_data.ajax_url +'?'+ $.param({action:'thegem_theme_update_confirm'}),
type: 'ajax',
smallBtn : true
})
$(document).on('change', '#thegem-update-confirm-checkbox', function() {
$('#thegem-update-confirm-button').prop('disabled', !$(this).is(':checked'));
});
$(document).on('click', '#thegem-update-confirm-button', function(e) {
e.preventDefault();
_this.updateTheme(event);
$.fancybox.close();
});
} else {
this.updateTheme(event);
}
}
});
themes.view.Details = themes.view.Details.extend({
events: {
'click': 'collapse',
'click .delete-theme': 'deleteTheme',
'click .left': 'previousTheme',
'click .right': 'nextTheme',
'click #update-theme': 'updateThegemTheme'
},
updateThegemTheme: function( event ) {
var _this = this;
event.preventDefault();
if(this.model.get( 'id' ) == 'thegem') {
var _this = this;
event.preventDefault();
$.fancybox.open({
src: thegem_admin_functions_data.ajax_url +'?'+ $.param({action:'thegem_theme_update_confirm'}),
type: 'ajax',
smallBtn : true
})
$(document).on('change', '#thegem-update-confirm-checkbox', function() {
$('#thegem-update-confirm-button').prop('disabled', !$(this).is(':checked'));
});
$(document).on('click', '#thegem-update-confirm-button', function(e) {
e.preventDefault();
_this.updateTheme(event);
$.fancybox.close();
});
} else {
_this.updateTheme(event);
}
}
});
}
$('.thegem-update-notice').each(function() {
var $notice = $(this);
$('.thegem-view-details-link', $notice).fancybox({
type: 'iframe',
toolbar: false,
smallBtn : true
});
$('.thegem-update-link', $notice).on('click', function(e) {
e.preventDefault();
var $link = $(this);
$.fancybox.open({
src: thegem_admin_functions_data.ajax_url +'?'+ $.param({action:'thegem_theme_update_confirm'}),
type: 'ajax',
smallBtn : true
})
$(document).on('change', '#thegem-update-confirm-checkbox', function() {
$('#thegem-update-confirm-button').prop('disabled', !$(this).is(':checked'));
});
$(document).on('click', '#thegem-update-confirm-button', function(e) {
e.preventDefault();
window.location.href = $link.attr('href');
});
});
});
});
})(jQuery);
thegem_set_editor_content = function( html ) {
var editor,
hasTinymce = typeof tinymce !== 'undefined',
hasQuicktags = typeof QTags !== 'undefined';
if ( ! wpActiveEditor ) {
if ( hasTinymce && tinymce.activeEditor ) {
editor = tinymce.activeEditor;
window.wpActiveEditor = editor.id;
} else if ( ! hasQuicktags ) {
return false;
}
} else if ( hasTinymce ) {
editor = tinymce.get( wpActiveEditor );
}
if ( editor && ! editor.isHidden() ) {
editor.execCommand( 'mceSetContent', false, html );
} else {
document.getElementById( wpActiveEditor ).value = html;
}
};
thegem_get_editor_content = function() {
var editor, html,
hasTinymce = typeof tinymce !== 'undefined',
hasQuicktags = typeof QTags !== 'undefined';
if ( ! wpActiveEditor ) {
if ( hasTinymce && tinymce.activeEditor ) {
editor = tinymce.activeEditor;
window.wpActiveEditor = editor.id;
} else if ( ! hasQuicktags ) {
return false;
}
} else if ( hasTinymce ) {
editor = tinymce.get( wpActiveEditor );
}
if ( editor && ! editor.isHidden() ) {
html = editor.getContent();
} else {
html = document.getElementById( wpActiveEditor ).value;
}
return html;
};
(function($) {
thegem_show_elementor_conflict_popup = function() {
var $popupContent = $('#thegem-elementor-conflict-popup');
if($popupContent.length) {
$.fancybox.open({
src : '#thegem-elementor-conflict-popup',
type : 'inline',
modal: true
});
}
}
})(jQuery);
(function($) {
$(function() {
let $videoBox = $('.product-video-box');
$('button', $videoBox).addClass('preview button');
$('#remove-product-video').on('click', function (e) {
e.preventDefault();
$('input', $videoBox).val('');
$('select', $videoBox).val('').change();
});
let initType = $('#thegem_product_video_type').val();
typeSwitcher(initType);
$('#thegem_product_video_type').on('change', function () {
let changeType = this.value;
typeSwitcher(changeType);
});
function typeSwitcher(type) {
switch (type) {
case 'youtube':
$('.product-video-box').show();
$('#product-video-self').hide();
break;
case 'vimeo':
$('.product-video-box').show();
$('#product-video-self').hide();
break;
case 'self':
$('.product-video-box').show();
$('#product-video-id').hide();
break;
default:
$('.product-video-box:not(.visible)').hide();
}
}
});
})(jQuery);
(function($) {
$(function() {
function addBtn(html){
return '<button type="button" aria-pressed="true" class="widgets-chooser-button" aria-label="Add to: '+html+'">'+html+'</button>';
}
let $pageWidgetsLink = $('#pw-widgets .widget-top');
$pageWidgetsLink.on('click', function () {
let $widgetsChooser = $(this).siblings('.widgets-chooser');
let $elArr = $('li', $widgetsChooser);
$.each($elArr, function( index, value ) {
$elArr.eq(index).html(addBtn(value.innerText));
});
});
});
})(jQuery);