').addClass('mfn-vb-dragger mfn-vb-drag-section').text( 'Section sort' );
},
cursorAt: {
top: 20,
left: 20
},
update: function(e, ui) {
if( $('body').hasClass('mfn-navigator-active') ){
if( $('.mfn-navigator li a.active-element').length ){
be_navigator.show($('.mfn-navigator li a.active-element').attr('data-uid'));
}else{
be_navigator.show(ui.item.attr('data-uid'));
}
}
setTimeout(function() {
historyStorage.add();
},10);
},
start: function(event, elem) {
scroll_top = $content.find("html, body").scrollTop();
$content.find('.mcb-section').addClass('ui-droppable-active-show')
},
stop: function(event, elem) {
$content.find('.mcb-section').removeClass('ui-droppable-active-show')
}
});
},
modules: function() {
$builder.find('.mfn-wrapper-for-wraps').sortable({
connectWith: be_layout.sortable.modules_wrapper,
placeholder: be_layout.sortable.modules_placeholder,
handle: ".mfn-header .mfn-element-drag",
forcePlaceholderSize: false,
scroll: true,
iframeFix: true,
iframeScroll: true,
items: be_layout.sortable.modules_items,
appendTo: $content.find('body'),
helper: function(e, ui) {
var text = 'Item sort';
var classes = ' mfn-vb-drag-item';
if( ui.hasClass('mcb-wrap') ){
text = 'Wrap sort';
classes = ' mfn-vb-drag-wrap';
}
return $('
').addClass('mfn-vb-dragger '+classes).text( text );
},
cursorAt: {
top: 20,
left: 20
},
update: function(e, ui) {
if( ui.sender ) return;
if( $content.find('.mfn-force-rerender').length ){
setTimeout(function() {
re_render( $content.find('.mfn-force-rerender').attr('data-uid') );
}, 300);
}
$builder.find('.mfn-make-offsets-for-wraps').removeClass('mfn-make-offsets-for-wraps');
if( $builder.find('.mfn-droppable-helper').length ) $builder.find('.mfn-droppable-helper').removeClass('mfn-droppable-helper');
if($content.find('style.mfn-tmp-sortable-css').length) $content.find('style.mfn-tmp-sortable-css').remove();
$builder.find('.mfn-current-dragover').removeClass('mfn-current-dragover');
be_layout.emptys.wraps();
be_layout.emptys.sections();
// be_layout.drag_new.init();
$edited_div = ui.item;
if( ( ui.item.hasClass('mfn-nested-wrap') || (edited_item && edited_item.uid == ui.item.attr('data-uid')) ) && ui.item.hasClass('mcb-wrap') ) {
setTimeout(function() {
ui.item.find('.mfn-header').first().find('.mfn-element-edit').trigger('click');
setTimeout(function() {
if(ui.item.hasClass('mfn-nested-wrap')){
// reset sticky & loop
$('.mfn-form .mfn-vb-formrow.wrap.sticky ul li:first-child a').trigger('click');
$('.mfn-form .mfn-vb-formrow.wrap.sticky_laptop ul li:first-child a').trigger('click');
$('.mfn-form .mfn-vb-formrow.wrap.sticky_tablet ul li:first-child a').trigger('click');
$('.mfn-form .mfn-vb-formrow.wrap.sticky_mobile ul li:first-child a').trigger('click');
$('.mfn-form .mfn-vb-formrow.mfn-loop-switcher.wrap.type ul li:first-child a').trigger('click');
}
}, 20);
}, 20);
}
setTimeout(function() {
if( ui.item.closest('.mfn-looped-items').length || ui.item.find('.mfn-looped-items').length ) {
re_render( ui.item.closest('.mcb-section.vb-item').attr('data-uid') );
}else{
historyStorage.add();
}
}, 50);
if( $('body').hasClass('mfn-navigator-active') ){
setTimeout(function() {
if( $('.mfn-navigator li a.active-element').length ){
be_navigator.show($('.mfn-navigator li a.active-element').attr('data-uid'));
}else{
be_navigator.show(ui.item.attr('data-uid'));
}
}, 300);
}
},
over: function(e, ui) {
$builder.find('.mfn-current-dragover').removeClass('mfn-current-dragover');
if( be_layout.sortable.current == 'wrap' && !ui.placeholder.closest('.vb-item.mcb-section').hasClass('mfn-make-offsets-for-wraps') ) ui.placeholder.closest('.vb-item.mcb-section').addClass('mfn-make-offsets-for-wraps');
ui.placeholder.closest('.vb-item.mcb-wrap').addClass('mfn-current-dragover');
},
out: function(e, ui) {
$builder.find('.mfn-make-offsets-for-wraps').removeClass('mfn-make-offsets-for-wraps');
$builder.find('.mfn-current-dragover').removeClass('mfn-current-dragover');
},
start: function(event, elem) {
$content.find('.mfn-module').addClass('ui-droppable-active-show')
$content.find('body').append(``);
if( $(elem.item).closest('.mfn-looped-items').length ) $(elem.item).closest('.mcb-section.vb-item').addClass('mfn-force-rerender');
},
stop: function(event, elem) {
$builder.find('.mfn-make-offsets-for-wraps').removeClass('mfn-make-offsets-for-wraps');
$builder.find('.mfn-current-dragover').removeClass('mfn-current-dragover');
$content.find('.mfn-module').removeClass('ui-droppable-active-show')
if( $builder.find('.mfn-droppable-helper').length ) $builder.find('.mfn-droppable-helper').removeClass('mfn-droppable-helper');
if($content.find('style.mfn-tmp-sortable-css').length) $content.find('style.mfn-tmp-sortable-css').remove();
}
});
},
}
}
var mfn_hotspots_field = {
init: function() {
$(document).on('click', '.hotspot_add_new', function(e) {
e.preventDefault();
mfn_hotspots_field.add();
});
$(document).on('click', '.mfn-hotspot-point .mfn-tab-toggle', function(e) {
e.preventDefault();
var hash = $(this).closest('.mfn-hotspot-point').attr('id');
if( $(this).closest('.mfn-hotspot-point').hasClass('open') ){
$(this).closest('.mfn-hotspot-point').removeClass('open');
if( $content.find('.hotspot-point-'+hash+' .hotspot-content').length ){
$content.find('.hotspot-point-'+hash).removeClass('is-active-force');
}
}else{
$(this).closest('.mfn-hotspot-point').addClass('open');
if( $content.find('.hotspot-point-'+hash+' .hotspot-content').length ){
$content.find('.hotspot-point-'+hash).addClass('is-active-force');
}
}
});
$(document).on('click', '.mfn-hotspot-point .mfn-tab-delete', function(e) {
e.preventDefault();
var hash = $(this).closest('.mfn-hotspot-point').attr('id');
mfn_hotspots_field.delete(hash);
$(this).closest('.mfn-hotspot-point').remove();
});
if( iframe && _.has(iframe.window, 'jQuery') ){
iframe.window.jQuery('body').on('click', '.mfn-image-hotspot .hotspot-point', function(e) {
e.preventDefault();
var id = $(this).attr('data-id')
if( $('.mfn-form-row.hotspots .mfn-hotspot-point').hasClass('open') ) {
$('.mfn-form-row.hotspots .mfn-hotspot-point.open').each(function() {
$(this).find('.mfn-tab-toggle').trigger('click');
});
}
$('#'+id+'.mfn-hotspot-point .mfn-tab-toggle').trigger('click');
});
}
},
refresh: function(id, field){
// mfn_hotspots_field.refresh
// refreshHotspot
var point_hash = field.closest('.mfn-hotspot-point').attr('id');
var obj_key = field.attr('data-pointobj');
var point = iframe.window['mfn_hotspot_'+id]['p_c'].filter((point) => point.id == 'hs_point_'+point_hash)[0];
var val = field.val().length ? field.val().replace('%', '').replace('px', '') : '';
iframe.window['mfn_hotspot_'+id]['p_c'].filter((point) => point.id == 'hs_point_'+point_hash)[0][obj_key] = parseFloat(val);
iframe.window['mfn_hotspot_'+id].init();
},
add: function() {
let i = $('.mfn-hotspot-point').length;
let hash = getUid();
if( $('.mfn-hotspot-point.open').length ) $('.mfn-hotspot-point.open').removeClass('open');
$('.hotspot_add_new').before(mfn_field_hotspot_render({hash: hash}, i));
$('#'+hash+'.mfn-hotspot-point .mfn-tab-toggle').trigger('click');
if( typeof edited_item['attr'] === 'undefined' ) edited_item['attr'] = {};
if( typeof edited_item['attr']['hotspots'] === 'undefined' ) edited_item['attr']['hotspots'] = [];
var fields = {hash: hash};
edited_item['attr']['hotspots'].push(fields);
mfn_hotspots_field.render();
setTimeout(function() {
mfnoptsinputs.start();
if( $('.mfn-form .mfn-element-fields-wrapper .mfn-vb-formrow .sliderbar:not(.mfn-initialized)').length ) {
$('.mfn-form .mfn-element-fields-wrapper .mfn-vb-formrow .sliderbar:not(.mfn-initialized)').each(function() {
sliderInput.init($(this));
});
}
}, 1);
},
render: function() {
if( $builder.find('.mfn-current-editing').closest('.mfn-looped-items').length ){
re_render( $builder.find('.mfn-current-editing').closest('.mcb-section').attr('data-uid') );
}else{
re_render(edited_item['uid']);
}
},
delete: function(hash) {
if( edited_item['attr']['hotspots'].filter( item => item.hash == hash).length ){
edited_item['attr']['hotspots'] = edited_item['attr']['hotspots'].filter( item => item.hash != hash);
}
mfn_hotspots_field.render();
}
}
var mfn_conditional_logic = {
fill: false,
init: function() {
$(document).on('click', '.mfn-conditional-logic-add-button', function(e) {
e.preventDefault();
$('.modal-conditional-logic').addClass('show');
$('.modal-conditional-logic-form').empty();
mfn_conditional_logic.used();
});
mfn_conditional_logic.add();
mfn_conditional_logic.ui();
},
ui: function() {
$(document).on('change', '.modal-conditional-logic .mfn-cl-row-input.mfn-cl-row-input-type', function(e) {
e.preventDefault();
var val = $(this).val();
$(this).closest('.mfn-cl-row').find('.mfn-cl-row-col .mfn-cl-row-input-variable').removeClass('mfn-cl-row-input-visible');
if( val.length ){
$(this).closest('.mfn-cl-row').find('.mfn-cl-row-col-variable').addClass('mfn-cl-row-col-visible');
$(this).closest('.mfn-cl-row').find('.mfn-cl-row-col .mfn-cl-row-input-variable.mfn-cl-row-input-'+val).addClass('mfn-cl-row-input-visible');
}else{
$(this).closest('.mfn-cl-row').find('.mfn-cl-row-col-variable').removeClass('mfn-cl-row-col-visible');
}
});
$(document).on('click', '.modal-conditional-logic .mfn-cl-remove', function(e) {
e.preventDefault();
if( $(this).closest('.mfn-cl-condition').find('.mfn-cl-row').length == 1 ){
$(this).closest('.mfn-cl-condition').remove();
}else{
$(this).closest('.mfn-cl-row').remove();
}
setTimeout(mfn_conditional_logic.update(), 100);
});
$(document).on('change', '.modal-conditional-logic .mfn-cl-row .mfn-cl-row-col .mfn-cl-row-input', function(e) {
setTimeout(mfn_conditional_logic.update(), 100);
});
},
add: function() {
$(document).on('click', '.modal-conditional-logic .mfn-cl-add-row', function(e) {
e.preventDefault();
$('.modal-conditional-logic-form').append( mfn_conditional_logic.form() );
});
$(document).on('click', '.modal-conditional-logic .mfn-cl-and', function(e) {
e.preventDefault();
$(this).closest('.mfn-cl-condition').removeClass('mfn-cl-condition-single').addClass('mfn-cl-condition-multiple').append( mfn_conditional_logic.form( true ) );
});
},
form: function(ver = false) {
let html = '';
if( !ver ) html += '
';
if( !mfnvbvars.is_woocommerce ) delete(mfn_conditional_logic.options.woocommerce);
html += `
Choose option
${ _.map( mfn_conditional_logic.options, (opt, o) => `
${ _.map( opt.options, (field) =>
`${field.label} `
).join('') }
`
).join('') }
${ _.map( mfn_conditional_logic.options, (opt, o) =>
_.map( opt.options, (field) =>
`
${ _.map( field.conditions, (con, c) =>
`${con} `
).join('') }
`
).join('')
).join('') }
`;
if( !ver ) html += '
';
mfn_conditional_logic.fill = false;
return html;
},
used: function() {
if( !_.has(edited_item, 'attr') ) return;
if( !_.has(edited_item.attr, 'conditions') ) return;
if( !edited_item.attr.conditions.length ) return;
_.map( edited_item.attr.conditions, function(used_opt) {
if( used_opt.length ) {
_.map( used_opt, function(opt, o) {
mfn_conditional_logic.fill = opt;
if( o == 0 ){
$('.modal-conditional-logic-form').append( mfn_conditional_logic.form() );
}else{
$('.modal-conditional-logic-form .mfn-cl-condition:last-child').removeClass('mfn-cl-condition-single').addClass('mfn-cl-condition-multiple').append( mfn_conditional_logic.form(true) );
}
});
}
});
},
options: {
'singular': {
label: 'Singular',
options: [
{ id: 'post_type', label: 'Post type', input: 'select', conditions: { 'is': 'is', 'isnt': 'is not'}, options: mfnDbLists.post_types },
{ id: 'post_taxonomy', label: 'Post taxonomy', input: 'select_2', conditions: { 'is': 'is', 'isnt': 'is not'}, options: 'taxonomies' },
{ id: 'post', label: 'Post', input: 'select_2', conditions: { 'is': 'is', 'isnt': 'is not'}, options: 'posts' },
{ id: 'featured_image', label: 'Featured image', input: 'select', conditions: { 'is': 'is'}, options: {'set': 'Set', 'not-set': 'Not set'} },
{ id: 'excerpt', label: 'Excerpt', input: 'select', conditions: { 'is': 'is'}, options: {'set': 'Set', 'not-set': 'Not set'} },
],
},
'archive': {
label: 'Archive',
options: [
{ id: 'post_type_archive', label: 'Post type archive', input: 'select', conditions: { 'is': 'is', 'isnt': 'is not'}, options: mfnDbLists.post_types },
{ id: 'archive_category', label: 'Archive category', input: 'select_2', conditions: { 'is': 'is', 'isnt': 'is not'}, options: 'taxonomies' },
],
},
'user': {
label: 'User',
options: [
{ id: 'login_status', label: 'Login status', input: 'select', conditions: { 'is': 'is'}, options: {'non_logged': 'Non logged', 'logged_in': 'Logged in'} },
{ id: 'user_role', label: 'User role', input: 'select', conditions: { 'is': 'is', 'isnt': 'is not'}, options: mfnDbLists.user_roles },
]
},
'woocommerce': {
label: 'Woocommerce',
options: [
{ id: 'has_purchased', label: 'User has', input: 'select_2', conditions: { 'is': 'Purchased', 'isnt': 'Not Purchased' }, options: 'products' },
],
},
'dates': {
label: 'Dates',
options: [
{ id: 'part_of_the_week', label: 'Part of the week', input: 'select', conditions: { 'is': 'is', 'isnt': 'is not'}, options: {'weekend': 'Weekend', 'monday-friday': 'Monday - Friday', 'monday': 'Monday', 'tuesday': 'Tuesday', 'wednesday': 'Wednesday', 'thursday': 'Thursday', 'friday': 'Friday', 'saturday': 'Saturday', 'sunday': 'Sunday'} },
{ id: 'date', label: 'Date', input: 'date', conditions: { 'is': 'is', 'isnt': 'is not'} },
]
}
},
update: function() {
var conditions = [];
if( $('.modal-conditional-logic .mfn-cl-condition').length ) {
$('.modal-conditional-logic .mfn-cl-condition').each(function() {
var cond = $(this);
var cond_uid = cond.attr('data-uid');
var cond_obj = [];
if( cond.find('.mfn-cl-row').length ) {
cond.find('.mfn-cl-row').each(function() {
var row = $(this);
var val = row.find('.mfn-cl-row-col-visible .mfn-cl-row-input-value.mfn-cl-row-input-visible').val();
if( row.find('.mfn-cl-row-col-visible .mfn-cl-row-input-value.mfn-cl-row-input-visible').find('.mfn-select2-input').length && typeof row.find('.mfn-cl-row-col-visible .mfn-cl-row-input-value.mfn-cl-row-input-visible .mfn-select2-input').attr('data-selected') !== 'undefined' ) {
val = JSON.parse(row.find('.mfn-cl-row-col-visible .mfn-cl-row-input-value.mfn-cl-row-input-visible .mfn-select2-input').attr('data-selected'));
}
if( row.find('.mfn-cl-row-input-type').val().length ) {
cond_obj.push({
key: row.find('.mfn-cl-row-input-type').val(),
var: row.find('.mfn-cl-row-col-is-or-no.mfn-cl-row-col-visible .mfn-cl-row-input-is.mfn-cl-row-input-visible').val(),
value: val,
});
}
});
conditions.push(cond_obj);
}
});
}
if( !_.isEmpty(conditions) ){
if( !_.has(edited_item, 'attr') ) $edited_item['attr'] = {};
edited_item['attr']['conditions'] = conditions;
}else if(typeof edited_item.attr.conditions !== 'undefined' ){
delete(edited_item.attr.conditions);
}
if($('.mfn-form-row.conditional_logic .mfn-used-conditional-logic').length) $('.mfn-form-row.conditional_logic .mfn-used-conditional-logic').remove();
$('.mfn-form-row.conditional_logic .mfn-conditional-logic-add-button').before(mfn_field_logic_sidebar_used());
}
}
function removeStartBuilding(){
if($builder.find('.mfn-section-start').length){
$content.find('body').removeClass('mfn-ui-empty-page');
$builder.find('.mfn-section-start').remove();
}
}
// shortcode remove icon
$('.modal-add-shortcode .browse-icon .mfn-button-delete').on('click', function(e) {
e.preventDefault();
$('.modal-add-shortcode.show .browse-icon .mfn-form-control').val(sample_icon).trigger('change');
$('.modal-add-shortcode.show .form-addon-prepend .mfn-button-upload .label i').attr('class', sample_icon);
});
// choose icon
$('.mfn-modal.modal-select-icon .mfn-items-list li a').on('click', function(e) {
e.preventDefault();
let icon = $(this).find('i').attr('class');
$(this).parent().addClass('active');
if( $('.modal-add-shortcode').hasClass('show') ) {
// for shortcode
$('.modal-add-shortcode.show .browse-icon .mfn-form-control').val(icon).trigger('change');
$('.modal-add-shortcode.show .browse-icon.has-addons-prepend').removeClass('empty');
$('.modal-add-shortcode.show .browse-icon .form-addon-prepend .mfn-button-upload .label i').attr('class', icon);
$('.modal-select-icon.show').removeClass('show');
}else{
// for sidebar
var $input = $('.sidebar-panel-content .mfn-form-row .browse-icon.current-icon-editing .mfn-field-value, .sidebar-panel-content .mfn-form-row .browse-icon.current-icon-editing .field-to-object');
$input.val(icon).trigger('change');
$('.sidebar-panel-content .mfn-form-row .browse-icon.current-icon-editing').removeClass('empty current-icon-editing');
$('.mfn-modal').removeClass('show');
}
});
// delete icon
$editpanel.on('click', '.browse-icon .mfn-button-delete', function(e) {
e.preventDefault();
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let group = $(this).closest('.mfn-element-fields-wrapper').attr('data-group');
$editbox = $(this).closest('.form-control');
$('.mfn-field-value,.mfn-tab-icon', $editbox).val('').trigger('change');
});
$editpanel.on('change', '.mfn-form-row .browse-icon .mfn-field-value, .mfn-form-row .browse-icon .field-to-object', function() {
var $input = $(this);
var $editrow = $(this).closest('.mfn-form-row');
let it;
if( $(this).closest('.mfn-element-fields-wrapper').length ){
it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
}
let icon = $(this).val();
if( icon != '' ){
$(this).closest('.mfn-form-row').find('.form-addon-prepend .mfn-button-upload .label i').attr('class', icon);
$(this).closest('.mfn-form-row').find('.browse-icon').removeClass('empty');
// console.log('# icon change');
if( isBlocks() ){
$content.find('.'+it+' .item-preview-icon i').attr('class',icon).removeClass('empty');
} else if($content.find('.'+it).hasClass('column_counter')){
// counter
if( $content.find('.'+it+' .icon_wrapper').length ){
if($content.find('.'+it+' .icon_wrapper i').length){
$content.find('.'+it+' .icon_wrapper i').attr('class', icon);
}else{
$content.find('.'+it+' .icon_wrapper').html('
');
}
}else{
$content.find('.'+it+' .counter').prepend('
');
}
}else if($content.find('.'+it).hasClass('column_flat_box')){
// flat box
if($content.find('.'+it+' .icon i').length){
$content.find('.'+it+' .icon i').attr('class', icon);
}else{
$content.find('.'+it+' .icon').html('
');
}
}else if($content.find('.'+it).hasClass('column_icon_box')){
// icon box
if($content.find('.'+it+' .icon_wrapper .icon i').length){
$content.find('.'+it+' .icon_wrapper .icon i').attr('class', icon);
}else{
if($content.find('.'+it+' .icon_box .image_wrapper').length){ $content.find('.'+it+' .icon_box .image_wrapper').remove(); }
$content.find('.'+it+' .icon_box').prepend('
');
}
}else if($content.find('.'+it).hasClass('column_icon_2')){
// icon
$content.find('.'+it+' .mfn-icon-2 i').attr('class', icon);
}else if($content.find('.'+it).hasClass('column_list')){
// list
if($content.find('.'+it+' .list_left i').length){
$content.find('.'+it+' .list_left i').attr('class', icon);
}else{
$content.find('.'+it+' .list_left').removeClass('list_image').addClass('list_icon').html('
');
}
}else if($content.find('.'+it).hasClass('column_fancy_heading')){
// fancy heading
if($content.find('.'+it+' .icon_top i').length){
$content.find('.'+it+' .icon_top i').attr('class', icon);
}else{
$content.find('.'+it+' .fh-top').html('
');
}
}else if($content.find('.'+it).hasClass('column_call_to_action')){
// call to action
if($content.find('.'+it+' .call_center i').length){
$content.find('.'+it+' .call_center i').attr('class', icon);
}else{
$content.find('.'+it+' .call_center').html('
');
}
if( $content.find('.'+it+' .call_center .button').length ){
$content.find('.'+it+' .call_center .button').addClass('has-icon');
}
}else if($content.find('.'+it).hasClass('column_hotspot')){
// hotspot icon
var point_id = $editrow.closest('.mfn-hotspot-point').attr('id');
$content.find('.'+it+' .hotspot-point-'+point_id+' i').attr('class', icon);
}else if($content.find('.'+it).hasClass('column_button')){
// button
if($content.find('.'+it+' .button .button_icon i').length){
$content.find('.'+it+' .button .button_icon i').attr('class', icon);
}else{
$content.find('.'+it+' .button').prepend('
');
$content.find('.'+it+' .button').addClass('has-icon');
}
}else if($content.find('.'+it).hasClass('column_chart')){
// chart
if($content.find('.'+it+' .chart .icon i').length){
$content.find('.'+it+' .chart .icon i').attr('class', icon);
}else{
if( !$content.find('.'+it+' .chart > .image').length ){
$content.find('.'+it+' .chart > .image').remove();
$content.find('.'+it+' .chart > .num').remove();
$content.find('.'+it+' .chart').prepend('
');
}else{
$content.find('.'+it+' .chart').append('
The picture has higher priority. Delete it to see icon. ');
setTimeout(function() {
$content.find('.mfn_tmp_info').remove();
}, 3000);
}
}
}else if($content.find('.'+it).hasClass('column_header_icon')){
// header icon
$content.find('.'+it+' .icon-wrapper i').remove();
$content.find('.'+it+' .icon-wrapper img').remove();
$content.find('.'+it+' .icon-wrapper svg').remove();
if($content.find('.'+it+' .icon-wrapper').length){
$content.find('.'+it+' .icon-wrapper').prepend('
');
}
}else if($content.find('.'+it).hasClass('column_accordion')){
// accordion icon
if( $editrow.hasClass('accordion icon_active') ){
$content.find('.'+it+' .accordion .question .title .acc-icon-minus').attr('class', 'acc-icon-minus '+icon);
}else{
$content.find('.'+it+' .accordion .question .title .acc-icon-plus').attr('class', 'acc-icon-plus '+icon);
}
}else if($content.find('.'+it).hasClass('column_blockquote')){
// blockquote icon
if( $editrow.hasClass('icon_author') ){
$content.find('.'+it+' .blockquote .author i').attr('class', icon);
}else{
$content.find('.'+it+' .blockquote .mfn-blockquote-icon i').attr('class', icon);
}
}else if($content.find('.'+it).hasClass('column_icon_box_2')){
// icon box 2
if($content.find('.'+it+' .icon-wrapper').length){
$content.find('.'+it+' .icon-wrapper').html('
');
}else{
$content.find('.'+it+' .desc-wrapper').before('
');
}
}else if($content.find('.'+it).hasClass('column_header_menu') && $editrow.hasClass('header_menu') && $editrow.hasClass('submenu_icon') ){
// header menu submenu icon
if($content.find('.'+it+' .menu-sub').length){
$content.find('.'+it+' .menu-sub').html('
');
}
}else if($content.find('.'+it).hasClass('column_sidemenu_menu') && $editrow.hasClass('sidemenu_menu') && $editrow.hasClass('submenu_icon') ){
// header menu submenu icon
if($content.find('.'+it+' .outer-menu-sub').length){
$content.find('.'+it+' .outer-menu-sub').html('
');
}
}else if($content.find('.'+it).hasClass('column_header_search')){
// header search icon
if($content.find('.'+it+' .icon_search').length){
$content.find('.'+it+' .icon_search').replaceWith('
');
}else{
$content.find('.'+it+' form#searchform').prepend('
');
}
}else if($content.find('.'+it).hasClass('column_megamenu_menu') && $editrow.hasClass('megamenu_menu submenu_icon') ){
// megamenu submenu icon
if($content.find('.'+it+' .menu-sub').length){
$content.find('.'+it+' .menu-sub i').attr('class', icon);
}else{
$content.find('.'+it+' li.menu-item-has-children > a').append('');
}
}else if($content.find('.'+it).hasClass('column_megamenu_menu') && $editrow.hasClass('megamenu_menu decoration_icon') ){
// megamenu decoration icon
if($content.find('.'+it+' .decoration-icon').length){
$content.find('.'+it+' .decoration-icon i').attr('class', icon);
}else{
$content.find('.'+it+' li:not(.menu-item-has-children) > a').append('
');
}
}else if($content.find('.'+it).hasClass('column_share') && $editrow.hasClass('copy_link_icon') ){
// copy link icon
$content.find('.'+it+' .mfn-share-post-copy-link i').attr('class', icon);
}else if($content.find('.'+it).hasClass('column_share') && $editrow.hasClass('facebook_icon') ){
// facebook icon
$content.find('.'+it+' .mfn-share-post-facebook i').attr('class', icon);
}else if($content.find('.'+it).hasClass('column_share') && $editrow.hasClass('twitter_icon') ){
// twitter icon
$content.find('.'+it+' .mfn-share-post-twitter i').attr('class', icon);
}else if($content.find('.'+it).hasClass('column_share') && $editrow.hasClass('linkedin_icon') ){
// linkedin icon
$content.find('.'+it+' .mfn-share-post-linkedin i').attr('class', icon);
}else if($content.find('.'+it).hasClass('column_header_burger') && $editrow.hasClass('icon')){
// header menu burger
if($content.find('.'+it+' .icon-wrapper').length){
$content.find('.'+it+' .icon-wrapper img').remove();
$content.find('.'+it+' .icon-wrapper i').remove();
$content.find('.'+it+' .icon-wrapper svg').remove();
$content.find('.'+it+' .icon-wrapper').html('
');
}else{
$content.find('.'+it+' .mfn-icon-box').prepend('
');
}
}else if( $editrow.hasClass('query_display_slider_arrow_prev') ){
$content.find('.'+it+' .swiper-button-prev i').attr('class', icon);
}else if( $editrow.hasClass('query_display_slider_arrow_next') ){
$content.find('.'+it+' .swiper-button-next i').attr('class', icon);
}else if( $editrow.hasClass('cta_icon') && $editrow.hasClass('banner_box') ){
$content.find('.'+it+' .mfn-banner-box .cta-icon i').attr('class', icon);
mfnBannerBox();
}else if($content.find('.'+it).hasClass('column_popup_exit') && $editrow.hasClass('popup_exit icon') ){
// exit popup close popup icon
if($content.find('.'+it+' .button_icon').length){
if( !$content.find('.'+it+' .button_icon img').length ) $content.find('.'+it+' .button_icon').html('
');
}else{
$content.find('.'+it+' .exit-mfn-popup').addClass('has-icon');
$content.find('.'+it+' .exit-mfn-popup').prepend('
');
}
}
}else{
$(this).closest('.mfn-form-row').find('.form-addon-prepend .mfn-button-upload .label i').attr('class', sample_icon);
$(this).closest('.mfn-form-row').find('.mfn-field-value').val('');
$(this).closest('.mfn-form-row').find('.browse-icon').addClass('empty');
// console.log('# preview icon');
if( isBlocks() ){
$content.find('.'+it+' .item-preview-icon i').removeAttr('class');
} else if($content.find('.'+it).hasClass('column_counter')){
// counter
if($('.mfn-ui .panel-edit-item .mfn-form .mfn-form-control.preview-imageinput').val().length){
$content.find('.'+it+' .icon_wrapper').html( $('.mfn-ui .panel-edit-item .mfn-form .mfn-form-control.preview-imageinput').val() );
}else{
$content.find('.'+it+' .icon_wrapper').remove();
}
}else if($content.find('.'+it).hasClass('column_flat_box')){
// flat box
if($content.find('.'+it+' .icon i').length){
$content.find('.'+it+' .icon i').attr('class', sample_icon);
}
}else if($content.find('.'+it).hasClass('column_icon_2')){
// icon
$content.find('.'+it+' .mfn-icon-2 i').attr('class', `icon-lamp`);
}else if($content.find('.'+it).hasClass('column_icon_box')){
// icon box
$content.find('.'+it+' .icon_wrapper').remove();
if( $('.mfn-ui .panel-edit-item .mfn-form .mfn-form-control.preview-imageinput').val().length ){
$content.find('.'+it+' .icon_box').prepend('
');
}else{
$content.find('.'+it+' .icon_wrapper .icon i').attr('class', sample_icon);
//$('.panel-edit-item .mfn-form-row.icon .preview-iconinput').val(sample_icon);
}
}else if($content.find('.'+it).hasClass('column_list')){
// list
if($content.find('.'+it+' .list_left i').length){
$content.find('.'+it+' .list_left i').attr('class', sample_icon);
}
}else if($content.find('.'+it).hasClass('column_fancy_heading')){
// fancy heading
if($content.find('.'+it+' .icon_top i').length){
$content.find('.'+it+' .icon_top i').attr('class', sample_icon);
}
}else if($content.find('.'+it).hasClass('column_call_to_action')){
// call to action
if($content.find('.'+it+' .call_center i').length){
$content.find('.'+it+' .call_center i').attr('class', '');
}
if( $content.find('.'+it+' .call_center .button').length ){
$content.find('.'+it+' .call_center .button').removeClass('has-icon');
$content.find('.'+it+' .call_center .button .button_icon').remove();
}
}else if($content.find('.'+it).hasClass('column_button')){
// button
if($content.find('.'+it+' .button .button_icon i').length){
$content.find('.'+it+' .button .button_icon').remove();
$content.find('.'+it+' .button').removeClass('has-icon');
}
}else if($content.find('.'+it).hasClass('column_hotspot')){
// hotspot icon
var point_id = $editrow.closest('.mfn-hotspot-point').attr('id');
$content.find('.'+it+' .hotspot-point-'+point_id+' i').attr('class', 'icon-plus');
}else if($content.find('.'+it).hasClass('column_chart')){
// chart
if($content.find('.'+it+' .chart .icon').length){
$content.find('.'+it+' .chart .icon').remove();
if( $('.panel-edit-item .mfn-form .preview-imageinput').val().length ){
$content.find('.'+it+' .chart .num').remove();
$content.find('.'+it+' .chart .icon').remove();
$content.find('.'+it+' .chart').prepend('
');
}else if( $('.panel-edit-item .mfn-form .preview-labelinput').val().length ){
$content.find('.'+it+' .chart .num').remove();
$content.find('.'+it+' .chart .image').remove();
$content.find('.'+it+' .chart').prepend('
'+$('.panel-edit-item .preview-labelinput').val()+'
');
}
}
}else if($content.find('.'+it).hasClass('column_header_icon')){
// header icon
re_render();
}else if($content.find('.'+it).hasClass('column_blockquote')){
// blockquote icon
if( $editrow.hasClass('icon_author') ){
$content.find('.'+it+' .blockquote .author i').attr('class', 'icon-user');
}else{
$content.find('.'+it+' .blockquote .mfn-blockquote-icon i').attr('class', 'icon-quote');
}
}else if($content.find('.'+it).hasClass('column_icon_box_2')){
// icon box 2
if( $editpanel.find('.panel-edit-item .mfn-form .icon_box_2.image .preview-imageinput').val().length ){
if($content.find('.'+it+' .icon-wrapper').length){
$content.find('.'+it+' .icon-wrapper').html('
');
}else{
$content.find('.'+it+' .desc-wrapper').before('
');
}
}else if( $editpanel.find('.panel-edit-item .mfn-form .icon_box_2.label .mfn-field-value').val().length ){
if( $content.find('.'+it+' .icon-wrapper').length ){
$content.find('.'+it+' .icon-wrapper').html('
'+$editpanel.find('.panel-edit-item .mfn-form .icon_box_2.label .mfn-field-value').val()+' ');
}else{
$content.find('.'+it+' .desc-wrapper').before('
'+$editpanel.find('.panel-edit-item .mfn-form .icon_box_2.label .mfn-field-value').val()+'
');
}
}else{
$content.find('.'+it+' .icon-wrapper').remove();
}
}else if($content.find('.'+it).hasClass('column_header_menu') && $editrow.hasClass('header_menu') && $editrow.hasClass('submenu_icon') ){
// header menu submenu icon
$content.find('.'+it+' .menu-sub').html('');
$editpanel.find('.header_menu.submenu_icon_display ul.preview-submenu_icon_displayinput li:first-child a').trigger('click');
}else if($content.find('.'+it).hasClass('column_sidemenu_menu') && $editrow.hasClass('sidemenu_menu') && $editrow.hasClass('submenu_icon') ){
// header menu submenu icon
$content.find('.'+it+' .outer-menu-sub').html('');
}else if($content.find('.'+it).hasClass('column_megamenu_menu') && $editrow.hasClass('megamenu_menu submenu_icon') ){
// megamenu submenu icon
if($content.find('.'+it+' .menu-sub').length){
$content.find('.'+it+' .menu-sub').remove();
}
}else if($content.find('.'+it).hasClass('column_share') && $editrow.hasClass('copy_link_icon') ){
// copy link icon
$content.find('.'+it+' .mfn-share-post-copy-link i').attr('class', 'far fa-copy');
}else if($content.find('.'+it).hasClass('column_share') && $editrow.hasClass('facebook_icon') ){
// facebook icon
$content.find('.'+it+' .mfn-share-post-facebook i').attr('class', 'icon-facebook');
}else if($content.find('.'+it).hasClass('column_share') && $editrow.hasClass('twitter_icon') ){
// twitter icon
$content.find('.'+it+' .mfn-share-post-twitter i').attr('class', 'icon-x-twitter');
}else if($content.find('.'+it).hasClass('column_share') && $editrow.hasClass('linkedin_icon') ){
// linkedin icon
$content.find('.'+it+' .mfn-share-post-linkedin i').attr('class', 'icon-linkedin');
}else if($content.find('.'+it).hasClass('column_header_search')){
// header search icon
if($content.find('.'+it+' .icon_search').length){
$content.find('.'+it+' .icon_search').replaceWith('
');
}else{
$content.find('.'+it+' form#searchform').prepend('
');
}
}else if($content.find('.'+it).hasClass('column_megamenu_menu') && $editrow.hasClass('megamenu_menu decoration_icon') ){
// megamenu decoration icon
if($content.find('.'+it+' .decoration-icon').length){
$content.find('.'+it+' .decoration-icon').remove();
}
}else if($content.find('.'+it).hasClass('column_header_burger') && $content.find('.'+it).hasClass('column_header_burger') && $editrow.hasClass('icon')){
// header menu burger
if( $content.find('.'+it+' .icon-wrapper').length && $('.mfn-ui .panel-edit-item .mfn-form .header_burger.image .mfn-form-control.preview-imageinput').val().length ){
$content.find('.'+it+' .icon-wrapper i').remove();
$content.find('.'+it+' .icon-wrapper').prepend('
');
}else{
$content.find('.'+it+' .icon-wrapper i').attr('class', 'icon-menu-fine');
}
}else if($content.find('.'+it).hasClass('column_accordion')){
// accordion icon
if( $editrow.hasClass('accordion icon_active') ){
$content.find('.'+it+' .accordion .question .title .acc-icon-minus').attr('class', 'acc-icon-minus icon-minus');
}else{
$content.find('.'+it+' .accordion .question .title .acc-icon-plus').attr('class', 'acc-icon-plus icon-plus');
}
}else if( $editrow.hasClass('query_display_slider_arrow_prev') ){
$content.find('.'+it+' .swiper-button-prev i').attr('class', 'icon-left-open-big');
}else if( $editrow.hasClass('cta_icon') && $editrow.hasClass('banner_box') ){
$content.find('.'+it+' .mfn-banner-box .cta-icon i').attr('class', 'icon-right-1');
mfnBannerBox();
}else if( $editrow.hasClass('query_display_slider_arrow_next') ){
$content.find('.'+it+' .swiper-button-next i').attr('class', 'icon-right-open-big');
}else if($content.find('.'+it).hasClass('column_popup_exit') && $editrow.hasClass('popup_exit icon') ){
// exit popup close popup icon
if( $('.mfn-form-row.popup_exit.image .mfn-field-value') && $content.find('.'+it+' .button_icon img').length ){
return;
}else{
$content.find('.'+it+' .exit-mfn-popup').removeClass('has-icon');
$content.find('.'+it+' .button_icon').remove();
}
}
}
});
var presets = {
init: function() {
presets.show();
presets.set();
presets.export();
},
export: function() {
$('.panel-export-import-presets .mfn-export-presets-button').on('click', function(e) {
e.preventDefault();
var $button = $(this);
$('#export-presets-data-textarea').select();
document.execCommand("copy");
$button.find('span').text('Exported').addClass('mfn-icon-check-blue');
setTimeout(function() { $button.find('span').html('Export'); }, 5000);
});
$('.panel-export-import-presets .mfn-import-presets-button').on('click', function(e) {
e.preventDefault();
var $input = $('.panel-export-import-presets #import-presets-data-textarea');
var $button = $(this);
$input.removeClass('error');
if($button.hasClass('loading')) return false;
if( !$input.val().length ){
$input.addClass('error');
}else{
$button.addClass('loading');
$.ajax({
url: mfnajaxurl,
data: {
action: 'mfnimportpreset',
'mfn-builder-nonce': wpnonce,
val: JSON.parse( $input.val() )
},
type: 'POST',
success: function(response){
$button.removeClass('loading').find('span').html('Imported');
setTimeout(function() { $button.find('span').html('Import'); }, 5000);
$input.val('');
mfnvbvars.presets = [];
mfnvbvars.presets = response;
}
});
}
});
},
set: function() {
$editpanel.on('click', '.mfn-ui .mfn-presets-list a.mfn-load-preset', function(e) {
e.preventDefault();
if( $(this).hasClass('loading') ) return;
$(this).addClass('loading');
var rerender = false;
historyStorage.allow = false;
var uid = $(this).attr('data-uid');
var styles = mfnvbvars.presets.filter( (item) => item.uid == uid ).length ? JSON.parse( JSON.stringify(mfnvbvars.presets.filter( (item) => item.uid == uid )[0] )) : false;
if( !styles || typeof styles.attr == 'undefined' || typeof edited_item.attr == 'undefined' ) {
$('.mfn-presets-list .dropdown-wrapper a').removeClass('loading');
return;
}
if( styles.item != edited_item.jsclass ) {
$('.mfn-presets-list .dropdown-wrapper a').removeClass('loading');
return; // different items
}
$edited_div = $content.find('.vb-item[data-uid="'+edited_item.uid+'"]');
// reset first
for(key in edited_item.attr) {
if( key.startsWith('css_') || key.startsWith('style:') || ( typeof presets_keys[edited_item.jsclass] !== 'undefined' && presets_keys[edited_item.jsclass].length && presets_keys[edited_item.jsclass].includes(key) ) ) {
delete edited_item.attr[key];
}
}
$content.find('style.mfn-local-style').remove();
// set
for (key in styles.attr) {
edited_item.attr[key] = styles.attr[key];
}
openEditForm.do($edited_div, false);
loopAllStyleFields();
if( typeof presets_keys[edited_item.jsclass] !== 'undefined' && presets_keys[edited_item.jsclass].length ){
$.each( presets_keys[edited_item.jsclass], function(i, el) {
if( $editpanel.find('.panel-edit-item .mfn-vb-formrow.'+el+'.re_render').length ){
rerender = true;
}else if( $editpanel.find('.panel-edit-item .mfn-vb-formrow.'+el+' .segmented-options').length ){
$editpanel.find('.panel-edit-item .mfn-vb-formrow.'+el+' .segmented-options li.active a').trigger('click');
}else{
$editpanel.find('.panel-edit-item .mfn-vb-formrow.'+el+' .mfn-field-value').trigger('change');
}
});
}
$('.mfn-presets-list .dropdown-wrapper a').removeClass('loading');
historyStorage.allow = true;
if( rerender ) {
re_render();
}else if( edited_item.jsclass !== 'column'){
historyStorage.add();
}
});
},
show: function() {
$('.mfn-ui:not(.mfn-editing-section, .mfn-editing-wrap) .mfn-presets-list').on('mouseenter', function() {
$editpanel.find('.mfn-presets-list .dropdown-wrapper').html('');
var custom = false;
var builded_in = false;
if( typeof edited_item.jsclass === 'undefined' ) return;
if( mfnvbvars.presets.length ){
var el_presets = mfnvbvars.presets.filter( (it) => it.item == edited_item.jsclass );
$('.mfn-presets-list .dropdown-wrapper').append('
Presets ');
if( el_presets.length > 0 ){
$.each(el_presets, function(y,x) {
if( !builded_in && x.type == 'mfn' ) builded_in = true;
if( !custom && x.type == 'custom' ){
custom = true;
if( builded_in ) $('.mfn-presets-list .dropdown-wrapper').append('
');
}
$('.mfn-presets-list .dropdown-wrapper').append('
'+x.name+' '+( x.type == 'custom' ? "');
});
}else{
$('.mfn-presets-list .dropdown-wrapper').append('
No custom presets yet. ');
}
}
$('.mfn-presets-list .dropdown-wrapper').append('
');
$('.mfn-presets-list a.preset-action-button').on('click', function(e) {
e.preventDefault();
presets.modal( $(this).attr('data-uid') );
});
$('.mfn-presets-list .dropdown-wrapper span.mfn-preset-remove').on('click', function() {
var $a = $(this).siblings('a');
if( $a.hasClass('loading') ) return;
$a.addClass('loading');
$('.mfn-ui').addClass('mfn-modal-open').append('
');
$('.btn-modal-close').on('click', function(e) {
e.preventDefault();
$('.mfn-ui').removeClass('mfn-modal-open');
$('.modal-confirm.show').remove();
});
$('.btn-modal-confirm').on('click', function(e){
e.preventDefault();
var uid = $a.attr('data-uid');
$(this).addClass('loading');
$.ajax({
url: mfnajaxurl,
data: {
action: 'mfnremovepreset',
'mfn-builder-nonce': wpnonce,
item: uid
},
type: 'POST',
success: function(response){
$a.parent('li').remove();
mfnvbvars.presets = mfnvbvars.presets.filter( (it) => it.uid != uid );
$('.mfn-ui').removeClass('mfn-modal-open');
$('.modal-confirm.show').remove();
}
});
});
});
}).on('click', function(e) {
e.preventDefault();
});
},
modal: function(uid) {
$('.mfn-ui').addClass('mfn-modal-open').append('
');
$('.btn-modal-close').on('click', function(e) {
e.preventDefault();
$('.mfn-ui').removeClass('mfn-modal-open');
$('.modal-confirm.show').remove();
});
$('.btn-modal-confirm').on('click', function(e){
e.preventDefault();
$('.mfn-preset-name').removeClass('error');
if( $('.mfn-preset-name').val() != '' ){
presets.save(uid);
}else{
$('.mfn-preset-name').addClass('error');
}
});
},
save: function(uid) {
if( mfnvbvars.view == 'demo' ) return;
if( !$content.find('.preset-action-button').hasClass('loading') ) {
$content.find('.preset-action-button').addClass('loading');
$content.find('.mfn-contextmenu-save-preset .label').text('Saving...');
let pf = prepareForm.get( uid );
var formData = JSON.parse(pf)[0];
var save = {};
var keys_in = [];
if( typeof presets_keys[formData.jsclass] !== 'undefined' ){
keys_in = presets_keys[formData.jsclass];
}
for (key in formData.attr) {
if (key.startsWith('css_') || key.startsWith('style:') || ( keys_in.length && keys_in.includes(key) )) {
save[key] = formData.attr[key];
}
}
$.ajax({
url: mfnajaxurl,
data: {
action: 'mfnsavepreset',
'mfn-builder-nonce': wpnonce,
sections: save,
name: $('.mfn-preset-name').val(),
item: formData.jsclass
},
type: 'POST',
success: function(response){
mfnvbvars.presets = [];
mfnvbvars.presets = response;
$content.find('.preset-action-button').removeClass('loading');
$('.modal-confirm.show').remove();
$content.find('.mfn-contextmenu-save-preset .label').text('Preset saved');
setTimeout(function() {
$content.find('.mfn-contextmenu-save-preset .label').text('Save preset');
}, 3000);
}
});
}
}
}
// show choose icon
$editpanel.on('click', '.mfn-form-row .browse-icon .mfn-button-upload', function(e) {
e.preventDefault();
if( $('.current-icon-editing').length ) $('.current-icon-editing').removeClass('current-icon-editing');
$(this).closest('.browse-icon').addClass('current-icon-editing');
$('.mfn-modal.modal-select-icon .mfn-items-list li').removeClass('active');
$('.mfn-modal.modal-select-icon').addClass('show');
$('.modal-select-icon.show .modalbox-search .mfn-search').focus();
});
sliderInput = {
init: function($slider) {
var max = false;
var min = false;
$slider.addClass('mfn-initialized');
var $editbox = $slider.closest('.mfn-vb-formrow');
var $inputgroup = $slider.closest('.form-group');
var it = $editbox.closest('.mfn-element-fields-wrapper').attr('data-element');
var $hidden = $inputgroup.find('input.mfn-slider-hidden-input');
var $input = $inputgroup.find('input.mfn-sliderbar-value');
var css_path = $editbox.attr('data-csspath');
var css_style = $editbox.attr('data-name');
if($editbox.hasClass('backdrop-filter') || $editbox.hasClass('filter')){
css_path = $editbox.closest('.inline-style-input').attr('data-csspath');
css_style = $editbox.closest('.inline-style-input').attr('data-name');
}
min = $input.attr('min');
max = $input.attr('max');
var step = $input.attr('data-step');
//var unit = typeof $input.attr('data-unit') !== 'undefined' ? $input.attr('data-unit') : "";
var unit = $editbox.find('.mfn-slider-unit li.active').length ? $editbox.find('.mfn-slider-unit li.active a').text() : $input.attr('data-unit');
var value = $input.val() != '' ? $input.val() : 0;
if( $inputgroup.find('.mfn-slider-unit').length ){
min = $inputgroup.find('.mfn-slider-unit li.active').attr('data-min');
max = $inputgroup.find('.mfn-slider-unit li.active').attr('data-max');
step = $inputgroup.find('.mfn-slider-unit li.active').attr('data-step');
unit = $inputgroup.find('.mfn-slider-unit li.active a').text();
}
if( value != '' && max && parseInt(value) > parseInt(max) ){
value = max;
$input.val(max);
$hidden.val( max+unit ).trigger('change');
}
$slider.slider({
range: parseFloat(min),
min: parseFloat(min),
max: parseFloat(max),
step: parseFloat(step),
value: value,
start: function( event, ui ) {
$('.sidebar-wrapper').addClass('mfn-vb-sidebar-overlay');
// reset custom media queries
if( $editbox.hasClass('show_under_custom') ){
$editpanel.find('.mfn-element-fields-wrapper .hide_under_custom input').val('').trigger('change');
}else if( $editbox.hasClass('hide_under_custom') ){
$editpanel.find('.mfn-element-fields-wrapper .show_under_custom input').val('').trigger('change');
}
},
slide: function(event, ui) {
$input.val( ui.value );
let value = ui.value;
// instant transform effect
if( $(ui.handle).closest('.transform_field').length ){
$input.trigger('change');
}else if($editbox.hasClass('themeoption grid-width')){
if( $content.find('style#themeoptiongrid-width').length ){
$content.find('style#themeoptiongrid-width').html('@media only screen and (min-width: 1240px){.section_wrapper, .container{max-width: '+ui.value+'px; }}');
}else{
$content.find('body').append('');
}
}else if($editbox.hasClass('filter')){
// Set CSS filters in real time
var filter = '';
$editbox.closest('.css_filters_form').find('.mfn-sliderbar-value').each(function() {
var filter_key = $(this).attr('data-key');
var unit = $(this).attr('data-unit');
if( $(this).val().length && $(this).val() != '0' ){
filter += filter_key+'('+$(this).val()+unit+') ';
$content.find(css_path.replaceAll('mfnuidelement', edited_item.uid)).attr('style', 'filter: ' + filter);
}
});
}else if($editbox.hasClass('backdrop-filter')){
// Set CSS filters in real time
var backdrop = '';
$editbox.closest('.backdrop_filters_form').find('.mfn-sliderbar-value').each(function() {
var filter_key = $(this).attr('data-key');
var unit = $(this).attr('data-unit');
if( $(this).val().length && $(this).val() != '0' ){
backdrop += filter_key+'('+$(this).val()+unit+') ';
$content.find(css_path.replaceAll('mfnuidelement', edited_item.uid)).attr('style', 'backdrop-filter: ' + backdrop);
}
});
}else if($editbox.hasClass('gradient')){
gradientValue($editbox, true);
}else if( typeof css_path !== 'undefined' ) {
if( css_path.includes(',') ){
var css_arr = css_path.split(',');
css_arr.map(function(c) {
MfnVbApp.changeInlineStyles(c, css_style, ui.value+unit);
});
}else{
//console.log(css_path +' / '+css_style+' / '+ui.value);
MfnVbApp.changeInlineStyles(css_path, css_style, ui.value+unit);
}
}else{
$input.trigger('change');
}
if( typeof $input.attr('data-pointobj') !== 'undefined' && $content.find('.'+it+' .mfn-hotspot-style-line .hotspot-image').length ){
var c_id = $content.find('.'+it+' .mfn-hotspot-style-line .hotspot-image').attr('id').replace('wrapper', '');
mfn_hotspots_field.refresh(c_id, $input);
}
},
stop: function(event, ui) {
$input.val( ui.value ).trigger('change');
if( typeof css_path !== 'undefined' && css_style !== 'transform' && !css_path.includes(',')){
setTimeout(function() { changeInlineStyles(css_path.replaceAll('|hover', '').replaceAll('|before', '').replaceAll('|after', ''), css_style, 'remove'); }, 50);
}else if( typeof css_path !== 'undefined' && css_path.includes(',') ) {
var css_arr = css_path.split(',');
setTimeout(function() {
css_arr.map(function(c) {
MfnVbApp.changeInlineStyles(c.replace('|', ':'), css_style, 'remove');
});
}, 50);
}
$('.sidebar-wrapper').removeClass('mfn-vb-sidebar-overlay');
}
});
},
unitChange: function() {
$editpanel.on('click', 'ul.mfn-slider-unit li a', function(e) {
e.preventDefault();
var $li = $(this).closest('li');
var $editbox = $li.closest('.mfn-form-row');
var $slider = $editbox.find('.sliderbar');
if(!$li.hasClass('active')){
$li.siblings().removeClass('active');
$li.addClass('active');
$editbox.find('input.mfn-sliderbar-value').attr('min', $li.attr('data-min')).attr('max', $li.attr('data-max')).attr('step', $li.attr('data-step'));
$editbox.find('.mfn-sliderbar-value').trigger('change');
sliderInput.destroy($slider);
}
});
},
customValue: function() {
$editpanel.on('change', '.mfn-sliderbar-value', function() {
var $editbox = $(this).closest('.form-group');
var $editwrapper = $(this).closest('.mfn-form-row');
var value = $(this).val();
var max = false;
var min = false;
min = $(this).attr('min');
max = $(this).attr('max');
if( $editbox.find('.mfn-slider-unit').length ){
min = $editbox.find('.mfn-slider-unit li.active').attr('data-min');
max = $editbox.find('.mfn-slider-unit li.active').attr('data-max');
if( value != '' && max && parseInt(value) > parseInt(max) ){
value = max;
$(this).val(max);
}
}else{
min = $(this).attr('min');
max = $(this).attr('max');
if( value != '' && max && parseInt(value) > parseInt(max) ){
value = max;
$(this).val(max);
}
}
$editbox.find('.sliderbar').slider( "value", value );
if( !$(this).hasClass('mfn-gradient-field') ){
var $hidden = $editbox.find('input.mfn-slider-hidden-input');
var unit = $editbox.find('.mfn-slider-unit li.active').length ? $editbox.find('.mfn-slider-unit li.active a').text() : $(this).attr('data-unit');
if( value != '' ){
if( typeof unit !== 'undefined' ){ value = value+unit; }
if( typeof $editwrapper.attr('data-style-prefix') !== 'undefined' ){
$hidden.val( $editwrapper.attr('data-style-prefix')+value).trigger('change');
}else{
$hidden.val( value ).trigger('change');
}
}else{
$hidden.val( '' ).trigger('change');
}
}
// Set CSS filters in real time
if( $editwrapper.hasClass('filter') ){
var filter = '';
$editbox.closest('.css_filters_form').find('.mfn-sliderbar-value').each(function() {
var filter_key = $(this).attr('data-key');
var unit = $(this).attr('data-unit');
if( $(this).val().length && $(this).val() != '0' ){
filter += filter_key+'('+$(this).val()+unit+') ';
}
});
$editbox.closest('.css_filters_form').find('.mfn-field-value').val(filter).trigger('change');
}else if( $editwrapper.hasClass('backdrop-filter') ){
var backdrop = '';
$editbox.closest('.backdrop_filters_form').find('.mfn-sliderbar-value').each(function() {
var filter_key = $(this).attr('data-key');
var unit = $(this).attr('data-unit');
if( $(this).val().length && $(this).val() != '0' ){
backdrop += filter_key+'('+$(this).val()+unit+') ';
}
});
$editbox.closest('.backdrop_filters_form').find('.mfn-field-value').val(backdrop).trigger('change');
}
if( $editwrapper.hasClass('gradient') ){
gradientValue($editwrapper);
}
if( $editwrapper.hasClass('query_item_default_width') ){
iframe.window.jQuery('body').trigger('resize');
//console.log('stop sliderbar');
}
});
},
destroy: function($slider) {
$slider.slider( "destroy" );
sliderInput.init( $slider );
}
}
function gradientValue($editbox, tmp = false){
var $hidden = $editbox.closest('.gradient-form').find('.mfn-field-value');
var type = $editbox.closest('.gradient-form').find('.gradient-type').val();
var color = $editbox.closest('.gradient-form').find('.gradient-color').val();
var location = $editbox.closest('.gradient-form').find('.location .mfn-sliderbar-value').val();
var color2 = $editbox.closest('.gradient-form').find('.gradient-color2').val();
var location2 = $editbox.closest('.gradient-form').find('.location2 .mfn-sliderbar-value').val();
var position = $editbox.closest('.gradient-form').find('.gradient-position').val();
var angle = $editbox.closest('.gradient-form').find('.angle .mfn-sliderbar-value').val();
var val = '';
if( !location.length ) $editbox.closest('.gradient-form').find('.location .mfn-sliderbar-value').val('0').trigger('change');
if( !location2.length ) $editbox.closest('.gradient-form').find('.location2 .mfn-sliderbar-value').val('100').trigger('change');
if( !angle.length ) $editbox.closest('.gradient-form').find('.angle .mfn-sliderbar-value').val('0').trigger('change');
if( type.length && color.length && location.length && (angle.length || position.length) && color2.length && location2.length ){
val += type+'(';
if( type == 'linear-gradient' ){
val += angle+'deg, ';
}else{
val += 'at '+position+', ';
}
val += color2+' ';
val += location+'%, ';
val += color+' ';
val += location2+'%)';
$content.find($editbox.closest('.inline-style-input').attr('data-csspath').replace('|hover', '')).css( 'background-image', val );
}
if( !tmp ){
$hidden.val( val ).trigger('change');
changeInlineStyles($editbox.closest('.inline-style-input').attr('data-csspath').replaceAll('|hover', '').replaceAll('|before', ':before').replaceAll('|after', ':after').replaceAll('|not', ':not'), 'background-image', 'remove');
}
}
var dynamicItems = {
init: function() {
$editpanel.on('change', '.dynamic_items_wrapper .di-input-rule select', function() {
var val = $(this).val();
$(this).parent().siblings('.di-input-wrapper').removeClass('di-input-active');
$(this).parent().siblings('.di-if-'+val).addClass('di-input-active');
});
$editpanel.on('click', '.dynamic_items_wrapper .dynamic_items_add', function(e) {
e.preventDefault();
alert('soon');
});
$editpanel.on('click', '.dynamic_items_wrapper .di-remove', function(e) {
e.preventDefault();
var attr_uid = $(this).closest('li').attr('data-uid');
var it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
$content.find('.'+it+' .payment-methods-list li.uid-'+attr_uid).remove();
$(this).closest('li').remove();
edited_item.attr.dynamic_items = edited_item.attr.dynamic_items.filter( (item) => item.uid != attr_uid );
historyStorage.add();
});
$editpanel.on('click', '.dynamic_items_wrapper .di-show-modal', function(e) {
var id = $(this).attr('data-modal');
$('#'+id).addClass('show');
});
$editpanel.on('click', '.mfn-modal-payments ul.mfn-items-list li a', function(e) {
e.preventDefault();
var url = $(this).find('img').attr('src');
var title = $(this).find('.titleicon').text();
dynamicItems.addNew(url, title);
$('.mfn-modal-payments.show').removeClass('show');
});
$editpanel.on('mouseenter', '.dynamic_items_wrapper .dynamic_items_preview', function(e) {
if( !$(this).hasClass('sortable-init') ){
dynamicItems.sortable();
}
});
},
addNew: function(url, id = false) {
var name = $editpanel.find('.dynamic_items_wrapper').attr('data-name');
var it = $editpanel.find('.mfn-element-fields-wrapper').attr('data-element');
var new_obj = {};
var order = $('.dynamic_items_wrapper .dynamic_items_preview li').length;
if( typeof edited_item['attr'][name] == 'undefined' ){
edited_item['attr'][name] = [];
}
var new_uid = getUid();
new_obj['url'] = url;
if( id ) new_obj['id'] = id;
new_obj['uid'] = new_uid;
if( $editpanel.find('.dynamic_items_wrapper .di-input-rule select').length ){
new_obj['type'] = $editpanel.find('.dynamic_items_wrapper .di-input-rule select').val();
}
edited_item['attr'][name].push(new_obj);
$('.dynamic_items_wrapper .dynamic_items_preview').append('
');
if( $content.find('.'+it+' .payment-methods-list:not(.empty)').length ){
$content.find('.'+it+' .payment-methods-list').append('
');
}else{
setTimeout(re_render, 100);
}
historyStorage.add();
},
sortable: function() {
$('.dynamic_items_wrapper .dynamic_items_preview').addClass('sortable-init');
$('.dynamic_items_wrapper .dynamic_items_preview').sortable({
update: function(e, ui) {
var new_arr = [];
$('.dynamic_items_wrapper .dynamic_items_preview li').each(function(i) {
new_arr.push( edited_item.attr.dynamic_items.filter( (item) => item.uid == $(this).attr('data-uid') )[0] );
});
edited_item.attr.dynamic_items = new_arr;
setTimeout(re_render, 100);
}
});
}
}
var select2Field = {
init: function() {
$editpanel.on('click', '.mfn-select2-wrapper .mfn-select2-options li ul li', function() {
select2Field.add($(this));
});
$editpanel.on('keyup focus paste', '.mfn-select2-wrapper .mfn-select2-input', function() {
select2Field.search($(this));
});
},
add: function( $li ) {
var id = $li.attr('data-id');
var label = $li.html().replaceAll(' ', '');
$li.siblings('li').removeClass('selected');
$li.addClass('selected');
let obj = {'id':id,'label':label};
$li.closest('.mfn-select2-wrapper').find('.form-control .mfn-select2-input').attr('data-selected', JSON.stringify(obj)).val(label).trigger('change');
},
search: function($field) {
select2Field.exit();
var val = $field.val().toLowerCase();
var $wrapper = $field.closest('.mfn-select2-wrapper');
var data_get = $wrapper.find('.mfn-select2-input').attr('data-get');
if( $wrapper.hasClass('mfn-select2-loading') ) return;
$wrapper.addClass('mfn-select2-loading');
if( !$wrapper.hasClass('mfn-select2-focus') ) {
$('.sidebar-wrapper').addClass('mfn-vb-sidebar-overlay');
$wrapper.addClass('mfn-select2-focus');
}
$.ajax({
url: mfnajaxurl,
data: {
action: 'mfn_select2field_get',
'mfn-builder-nonce': wpnonce,
type: data_get,
search: val
},
type: 'POST',
success: function(response){
if( mfnvbvars.is_woocommerce && ( mfnvbvars.builder_type == 'single-product' || mfnvbvars.post_type == "product" ) && $field.attr('data-get') == 'products' ){
response.product.options.push( {id: 'current-id', title: 'Current product'} );
}
if( $field.attr('data-get') == 'taxonomies' ){
if(mfnvbvars.is_woocommerce) response.product_cat.options.push( {id: 'parent_taxonomy', title: 'Parent category'}, {id: 'any_taxonomy', title: 'Any category'} );
response.category.options.push( {id: 'parent_taxonomy', title: 'Parent category'}, {id: 'any_taxonomy', title: 'Any category'} );
}
$wrapper.removeClass('mfn-select2-loading');
$wrapper.find('.mfn-select2-options').html(select2Field.display(response));
if( typeof $field.attr('data-selected') !== 'undefined' ){
var obj = JSON.parse($field.attr('data-selected'));
$wrapper.find('.mfn-select2-options li[data-id="'+obj.id+'"]').addClass('selected');
}
$(document).bind('click', select2Field.blur);
}
});
},
display: function(obj) {
let html = '';
_.map( obj, function(opt, o) {
if( opt.options.length ){
html += `
${opt.label} `;
_.map( opt.options, function(val, v) {
html += `${val.title} `;
});
html += ` `;
}
});
return html;
},
blur: function(e) {
var div = $('.mfn-select2-wrapper');
if(!div.is(e.target)) {
select2Field.exit();
}
},
exit: function() {
$('.mfn-select2-wrapper.mfn-select2-focus .mfn-select2-options').empty();
$('.mfn-select2-wrapper.mfn-select2-focus').removeClass('mfn-select2-focus');
$('.mfn-select2-wrapper.mfn-select2-loading').removeClass('mfn-select2-loading');
$('.sidebar-wrapper').removeClass('mfn-vb-sidebar-overlay');
$(document).unbind('click', select2Field.blur);
}
}
select2Field.init();
var multiSelectField = {
init: function() {
$editpanel.on('focus', '.mfn-multiselect-field-wrapper .form-control .mfn-multiselect-input', function(e) {
e.preventDefault();
$(this).closest('.mfn-multiselect-field-wrapper').addClass('mfn-msf-focus');
$('.sidebar-wrapper').removeClass('mfn-vb-sidebar-overlay');
$(document).bind('click', multiSelectField.blur);
})/*.on('blur', '.mfn-multiselect-field-wrapper .form-control .mfn-multiselect-input', function(e) {
$(this).closest('.mfn-multiselect-field-wrapper').removeClass('mfn-msf-focus');
})*/;
$editpanel.on('click', '.mfn-multiselect-field-wrapper .mfn-multiselect-options li:not(.selected)', function() {
//e.preventDefault();
multiSelectField.add($(this));
$('.mfn-ui .mfn-form .form-group.mfn-multiselect-field-wrapper .form-control .mfn-multiselect-input').val('').trigger('keyup');
});
$editpanel.on('click', '.mfn-ui .mfn-form .form-group.mfn-multiselect-field-wrapper .form-control span', function(e) {
e.preventDefault();
multiSelectField.remove($(this));
});
$editpanel.on('keyup paste change', '.mfn-ui .mfn-form .form-group.mfn-multiselect-field-wrapper .form-control .mfn-multiselect-input', function() {
multiSelectField.search($(this));
});
},
add: function( $li ) {
var id = $li.attr('data-id');
var label = $li.html().replaceAll(' ', '');
$li.addClass('selected');
$li.closest('.mfn-multiselect-field-wrapper').find('.form-control input').before('
✕ '+label+' ');
var name = $li.closest('.mfn-form-row').attr('data-id');
//delete(edited_item.attr[name]);
if( typeof edited_item.attr[name] === 'object' ){
edited_item.attr[name].push( { key: id, value: label} );
}else{
edited_item.attr[name] = [];
edited_item.attr[name].push( { key: id, value: label} );
}
},
remove: function( $span ) {
var id = $span.attr('data-id');
var name = $span.closest('.mfn-form-row').attr('data-id');
if( typeof edited_item.attr[name] === 'object' ) {
if( edited_item.attr[name].filter( (item) => item.key == id ).length ) {
edited_item.attr[name] = edited_item.attr[name].filter( (item) => item.key != id );
}
}
// re_render(edited_item.uid);
multiSelectField.refresh();
$span.closest('.mfn-multiselect-field-wrapper').find('.mfn-multiselect-options li[data-id="'+id+'"]').removeClass('selected');
$span.remove();
},
search: function($field) {
var val = $field.val().toLowerCase();
var $wrapper = $field.closest('.mfn-multiselect-field-wrapper');
if( val.length ){
if( val.length > 1 ){
$wrapper.addClass('mfn-ms-searching');
$wrapper.find('.mfn-multiselect-options li').hide();
$wrapper.find('.mfn-multiselect-options li[data-name*="'+val+'"]').show();
}else{
$wrapper.removeClass('mfn-ms-searching');
$wrapper.find('.mfn-multiselect-options li').removeAttr('style');
}
}else{
$wrapper.removeClass('mfn-ms-searching');
$wrapper.find('.mfn-multiselect-options li').removeAttr('style');
}
},
blur: function(e) {
var div = $('.mfn-multiselect-field-wrapper.mfn-msf-focus');
if (!div.is(e.target) && div.has(e.target).length === 0){
// re_render(edited_item.uid);
multiSelectField.refresh();
$('.mfn-multiselect-field-wrapper.mfn-msf-focus input').val('');
$('.mfn-multiselect-field-wrapper.mfn-msf-focus').removeClass('mfn-msf-focus');
$('.sidebar-wrapper').removeClass('mfn-vb-sidebar-overlay');
$(document).unbind('click', multiSelectField.blur);
}
},
refresh: function() {
if( $builder.find('.vb-item[data-uid="'+edited_item.uid+'"]').hasClass('mcb-wrap') ){
re_render($builder.find('.vb-item[data-uid="'+edited_item.uid+'"]').closest('.mcb-section').attr('data-uid'));
}else{
re_render(edited_item.uid);
}
}
}
multiSelectField.init();
var multiTextField = {
init: function() {
$editpanel.on('click', '.sidebar-add .sidebar-add-button', function(e) {
e.preventDefault();
var $form = $(this).closest('.form-group'),
$clone = $('li.default', $form).clone(true),
li_length = $('.added-sidebars ul li:not(.default)', $form).length;
var val = $('.mfn-form-input', $form).val();
if( ! val ){
return false;
}
$('.added-sidebars ul', $form).append( $clone );
// $clone = $('.added-sidebars ul li:last-child', $form);
$clone.removeClass('default')
.hide().fadeIn(200);
$clone.find('input').val( val )
.attr('name', 'sidebars['+li_length+']' )
.attr('data-key', li_length )
.removeAttr('data-name').trigger('change');
$clone.find('.sidebar-title').text( val );
$('.mfn-form-input', $form).val('');
$form.removeClass('empty');
});
$editpanel.on('click', '.sidebar-add .added-sidebars .mfn-btn-delete', function(e) {
e.preventDefault();
var $form = $(this).closest('.form-group');
var key = $(this).siblings('input').attr('data-key');
var name = $(this).closest('.mfn-vb-formrow').attr('data-name');
var $input = $(this).siblings('input');
if( typeof mfnDbLists.themeoptions[name][key] !== undefined ) delete(mfnDbLists.themeoptions[name][key]);
$(this).parent().fadeOut( 200, function() {
$input.val('').trigger('change');
$(this).remove();
if( 1 >= $('.added-sidebars ul li', $form).length ){
$form.addClass('empty');
}
});
});
}
}
multiTextField.init();
dynamicItems.init();
var tabsField = {
init: function() {
$editpanel.on('click', '.tabs .mfn-button-add', function(e) {
e.preventDefault();
var group = $(this).closest('.mfn-element-fields-wrapper').attr('data-group');
var $form = $(this).closest('.form-group'),
$clone = $('li.default', $form).clone(true);
$clone.removeClass('default').addClass('show');
$('.tabs-wrapper', $form).append( $clone );
var new_obj = {};
$clone.find('.field-to-object').each(function(){
$(this).attr('name', $(this).data('default') ).removeAttr('data-default');
new_obj[ $(this).attr('data-label') ] = $(this).val();
});
if( typeof edited_item.attr.tabs !== 'undefined' ){
edited_item.attr.tabs.push(new_obj);
}else{
edited_item.attr.tabs = [];
edited_item.attr.tabs.push(new_obj);
}
$clone.siblings().removeClass('show');
$clone.hide().fadeIn(200);
tabsField.reorder();
re_render(edited_item.uid);
});
$editpanel.on('click', '.tabs .mfn-tab-delete', function(e) {
e.preventDefault();
var group = $(this).closest('.mfn-element-fields-wrapper').attr('data-group');
$(this).closest('.tab').fadeOut( 200, function() {
$(this).remove();
tabsField.reorder();
setTimeout(re_render(edited_item.uid), 1000);
});
});
$editpanel.on('click', '.tabs .mfn-tab-clone', function(e) {
e.preventDefault();
var group = $(this).closest('.mfn-element-fields-wrapper').attr('data-group');
var $tab = $(this).closest('.tab'),
$clone = $tab.clone(true);
$tab.removeClass('show').after( $clone );
$clone.hide().fadeIn(200);
tabsField.reorder();
setTimeout(re_render(edited_item.uid), 1000);
});
$editpanel.on('click', '.tabs .mfn-tab-toggle', function(e) {
e.preventDefault();
var $tab = $(this).closest('.tab');
$tab.toggleClass('show')
.siblings().removeClass('show');
});
$editpanel.on('change', '.tabs .js-title', function(e) {
e.preventDefault();
var $tab = $(this).closest('.tab');
var val = $(this).val();
// temporary, second child instead of 'secondary' index
if(!val.length){
val = $tab.find('.form-control:nth-child(2) input').val();
$('.tab-header .title', $tab).text(val);
}
$('.tab-header .title', $tab).text(val);
});
},
sortable: function() {
$('.panel-edit-item .tabs-wrapper:not(.mfn-initialized)').each(function() {
$(this).addClass('mfn-initialized');
var $editbox = $(this).closest('.mfn-vb-formrow');
var group = $(this).closest('.mfn-element-fields-wrapper').attr('data-group');
$(this).sortable({
axis: 'y',
cursor: 'ns-resize',
handle: '.tab-header',
opacity: 0.9,
update: function(e, ui) {
if($editbox.hasClass('order')) {
var $input = $editbox.find('input.mfn-field-value');
var value = [];
$('.panel-edit-item .order .tabs-wrapper li').each(function(){
value.push( $(this).text().toLowerCase() );
});
$input.val( value.join(',') ).trigger('change');
}else{
tabsField.reorder();
setTimeout(re_render(edited_item.uid), 500);
}
}
});
});
},
reorder: function() {
edited_item.attr.tabs = [];
$('.panel-edit-item .mfn-form ul.tabs-wrapper li.tab:not(.default)').each(function(i) {
var new_obj = {};
$(this).find('.field-to-object').each(function() {
var $input = $(this);
var old_name = $input.attr('name');
var patt_tabs = /tabs\[([0-9]|[0-9][0-9])\]/g;
var new_attr_name = old_name.replace(patt_tabs, 'tabs['+i+']');
$input.attr( 'name', new_attr_name );
$input.attr( 'data-order', i );
new_obj[ $input.attr('data-label') ] = $input.val();
});
edited_item.attr.tabs.push(new_obj);
});
}
}
tabsField.init();
// contact box address
$editpanel.on('keyup paste change', '.contact_box.address .preview-addressinput', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if( isBlocks() ){
$content.find('.'+it+' .item-preview-content ').text(val);
} else if(val.length){
if($content.find('.'+it+' .get_in_touch_wrapper ul li.address .address_wrapper').length){
$content.find('.'+it+' .get_in_touch_wrapper ul li.address .address_wrapper').html(val);
}else{
$content.find('.'+it+' .get_in_touch_wrapper ul').append('
'+val+' ');
}
}else{
$content.find('.'+it+' .get_in_touch_wrapper ul li.address').remove();
}
});
// header search placeholder
$editpanel.on('keyup paste change', '.panel-edit-item .header_search.placeholder .mfn-field-value', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
$content.find('.'+it+' .search_wrapper input.field').attr('placeholder', val);
});
// contact box phone
$editpanel.on('keyup paste change', '.contact_box.telephone .preview-telephoneinput', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if(val.length){
if($content.find('.'+it+' .get_in_touch_wrapper ul li.phone.phone-1 p a').length){
$content.find('.'+it+' .get_in_touch_wrapper ul li.phone.phone-1 p a').html(val);
}else{
$content.find('.'+it+' .get_in_touch_wrapper ul').append('
'+val+'
');
}
}else{
$content.find('.'+it+' .get_in_touch_wrapper ul li.phone.phone-1').remove();
}
});
// contact box phone 2
$editpanel.on('keyup paste change', '.contact_box.telephone_2 .preview-telephone_2input', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if(val.length){
if($content.find('.'+it+' .get_in_touch_wrapper ul li.phone.phone-2 p a').length){
$content.find('.'+it+' .get_in_touch_wrapper ul li.phone.phone-2 p a').html(val);
}else{
$content.find('.'+it+' .get_in_touch_wrapper ul').append('
'+val+'
');
}
}else{
$content.find('.'+it+' .get_in_touch_wrapper ul li.phone.phone-2').remove();
}
});
// contact box fax
$editpanel.on('keyup paste change', '.contact_box.fax .preview-faxinput', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if(val.length){
if($content.find('.'+it+' .get_in_touch_wrapper ul li.phone.fax p a').length){
$content.find('.'+it+' .get_in_touch_wrapper ul li.phone.fax p a').html(val);
}else{
$content.find('.'+it+' .get_in_touch_wrapper ul').append('
'+val+'
');
}
}else{
$content.find('.'+it+' .get_in_touch_wrapper ul li.phone.fax').remove();
}
});
// contact box email
$editpanel.on('keyup paste change', '.contact_box.email .preview-emailinput', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if(val.length){
if($content.find('.'+it+' .get_in_touch_wrapper ul li.mail p a').length){
$content.find('.'+it+' .get_in_touch_wrapper ul li.mail p a').html(val);
}else{
$content.find('.'+it+' .get_in_touch_wrapper ul').append('
'+val+'
');
}
}else{
$content.find('.'+it+' .get_in_touch_wrapper ul li.mail').remove();
}
});
// breadcrumbs separator
$editpanel.on('keyup paste change', '.breadcrumbs.separator .mfn-field-value', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if( val.length ){
$content.find('.'+it+' .breadcrumbs li .mfn-breadcrumbs-separator').html(val);
}else{
$content.find('.'+it+' .breadcrumbs li .mfn-breadcrumbs-separator').html('
');
}
});
$editpanel.on('keyup paste change', '.cart_table.update_cart_label .mfn-field-value', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if( val.length ){
$content.find('.'+it+' .button[name="update_cart"]').html(val);
}else{
$content.find('.'+it+' .button[name="update_cart"]').html($(this).attr('placeholder'));
}
});
$editpanel.on('keyup paste change', '.cart_table.apply_coupon_label .mfn-field-value', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if( val.length ){
$content.find('.'+it+' .coupon .button').html(val);
}else{
$content.find('.'+it+' .coupon .button').html($(this).attr('placeholder'));
}
});
$editpanel.on('keyup paste change', '.cart_table.coupon_code_placeholder .mfn-field-value', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if( val.length ){
$content.find('.'+it+' .coupon .input-text').attr('placeholder', val);
}else{
$content.find('.'+it+' .coupon .input-text').attr('placeholder', $(this).attr('placeholder'));
}
});
$editpanel.on('keyup paste change', '.cart_totals.proceed_checkout_label .mfn-field-value', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if( val.length ){
$content.find('.'+it+' .wc-forward').html(val);
}else{
$content.find('.'+it+' .wc-forward').html($(this).attr('placeholder'));
}
});
$editpanel.on('keyup paste change', '.cart_totals.continue_shopping_string .mfn-field-value', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if( val.length ){
$content.find('.'+it+' .mfn-woo-cart-link').html(val);
}else{
$content.find('.'+it+' .mfn-woo-cart-link').html($(this).attr('placeholder'));
}
});
$editpanel.on('keyup paste change', '.share.facebook_label .mfn-field-value', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if( val.length ){
if( !$content.find('.'+it+' .mfn-share-post-facebook .mfn-share-post-button-label').length ) $content.find('.'+it+' .mfn-share-post-facebook').append('
');
$content.find('.'+it+' .mfn-share-post-facebook .mfn-share-post-button-label').html(val);
}else{
$content.find('.'+it+' .mfn-share-post-facebook .mfn-share-post-button-label').remove();
}
});
$editpanel.on('keyup paste change', '.share.twitter_label .mfn-field-value', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if( val.length ){
if( !$content.find('.'+it+' .mfn-share-post-twitter .mfn-share-post-button-label').length ) $content.find('.'+it+' .mfn-share-post-twitter').append('
');
$content.find('.'+it+' .mfn-share-post-twitter .mfn-share-post-button-label').html(val);
}else{
$content.find('.'+it+' .mfn-share-post-twitter .mfn-share-post-button-label').remove();
}
});
$editpanel.on('keyup paste change', '.share.linkedin_label .mfn-field-value', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if( val.length ){
if( !$content.find('.'+it+' .mfn-share-post-linkedin .mfn-share-post-button-label').length ) $content.find('.'+it+' .mfn-share-post-linkedin').append('
');
$content.find('.'+it+' .mfn-share-post-linkedin .mfn-share-post-button-label').html(val);
}else{
$content.find('.'+it+' .mfn-share-post-linkedin .mfn-share-post-button-label').remove();
}
});
$editpanel.on('keyup paste change', '.share.copy_link_label .mfn-field-value', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if( val.length ){
if( !$content.find('.'+it+' .mfn-share-post-copy-link .mfn-share-post-button-label').length ) $content.find('.'+it+' .mfn-share-post-copy-link').append('
');
$content.find('.'+it+' .mfn-share-post-copy-link .mfn-share-post-button-label').html(val);
}else{
$content.find('.'+it+' .mfn-share-post-copy-link .mfn-share-post-button-label').remove();
}
});
// contact box www
$editpanel.on('keyup paste change', '.contact_box.www .preview-wwwinput', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if(val.length){
if($content.find('.'+it+' .get_in_touch_wrapper ul li.www p a').length){
$content.find('.'+it+' .get_in_touch_wrapper ul li.www p a').html(val);
}else{
$content.find('.'+it+' .get_in_touch_wrapper ul').append('
'+val+'
');
}
}else{
$content.find('.'+it+' .get_in_touch_wrapper ul li.www').remove();
}
});
// call to action button
$editpanel.on('keyup paste change', '.preview-button_titleinput', function() {
let val = $(this).val();
let icon = $(this).closest('.mfn-element-fields-wrapper').find('.preview-iconinput').val();
if($edited_div.hasClass('column_call_to_action')){
// call to action button
if( val ){
if( icon.length ){
$edited_div.find('.call_center').html('
'+val+' ');
}else{
$edited_div.find('.call_center').html('
'+val+' ');
}
}else{
$edited_div.find('.call_center').html('
');
}
}
});
// helper title 1
$editpanel.on('keyup paste change', '.helper.title1 .preview-title1input', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if($content.find('.'+it+' .links .link-1').length){
$content.find('.'+it+' .links .link-1').html(val);
}else{
$content.find('.'+it+' .links').prepend('
'+val+' ');
}
});
// helper title 2
$editpanel.on('keyup paste change', '.helper.title2 .preview-title2input', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if($content.find('.'+it+' .links .link-2').length){
$content.find('.'+it+' .links .link-2').html(val);
}else{
$content.find('.'+it+' .links').append('
'+val+' ');
}
});
// universal txt edit function
function fieldUpdate($field){
let $box = $field.closest('.mfn-form-row');
let rare_tag = $box.attr('data-edittag');
let tag = rare_tag.replace(' | ', ' ');
let tag_wrapper = rare_tag.split(' | ')[0];
let tag_el = rare_tag.split(' | ')[1];
let tag_child = $box.attr('data-edittagchild');
let tag_pos = $box.attr('data-tagposition');
let tag_var = $box.attr('data-edittagvar');
let it = '.'+$box.closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $field.val();
if(tag_el.includes('.')){
var tag_el_ex = tag_el.split('.');
if( $('.panel-edit-item .'+tag_var+' .active input').length ){
tag = tag_wrapper + ' ' +$('.panel-edit-item .'+tag_var+' .active input').val()+'.'+tag_el_ex[1];
}else if(tag_el_ex[0]){
tag = tag_wrapper + ' ' +tag_el_ex[0]+'.'+tag_el_ex[1];
}
}else if( tag_child ){
tag = tag+' '+tag_child;
}
// console.log('# fieldUpdate');
if( isBlocks() ){
if( 'title' == $box.attr('data-id') ){
tag = '.item-preview-title';
} else if( 'content' == $box.attr('data-id') ) {
tag = '.item-preview-content';
} else if( 'subtitle' == $box.attr('data-id') ) {
tag = '.item-preview-subtitle';
} else if( 'slogan' == $box.attr('data-id') ) {
tag = '.item-preview-subtitle';
} else if( 'price' == $box.attr('data-id') ) { // pricing item
tag = '.item-preview-number';
} else {
return;
// re_render();
}
}
if($content.find(it+' '+tag).length){
if( val == '' ){
if( edited_item.jsclass == 'cart_totals' || edited_item.jsclass == 'cart_cross_sells' ){
$content.find(it+' '+tag).html($field.attr('placeholder'));
}else{
$content.find(it+' '+tag).html('').hide();
}
return;
}else if( !$content.find(it+' '+tag).is(':visible') ){
$content.find(it+' '+tag).show().removeClass('empty');
}
if( $edited_div.hasClass('column_code') ){
$content.find(it+' '+tag).text(val);
}else{
$content.find(it+' '+tag).html(val);
}
}else{
if(tag_el.includes('.')){
var tag_el_ex = tag_el.split('.');
if( $('.panel-edit-item .'+tag_var+' .active input').length ){
var html = document.createElement( $('.panel-edit-item .'+tag_var+' .active input').val() );
}else if(tag_el_ex[0]){
var html = document.createElement( tag_el_ex[0] );
}else{
var html = document.createElement( 'h4' );
}
html.classList.add(tag_el_ex[1]);
}else{
var html = document.createElement(tag_el);
}
if( tag_child ){
var html_child = document.createElement(tag_child);
html_child.innerHTML = val;
html.appendChild(html_child);
}else{
html.innerHTML = val;
}
if( tag_pos.includes('|') ){
var tag_pos_exp = tag_pos.split(' | ');
if( tag_pos_exp[0] == 'before' ){
$content.find(it+' '+tag_pos_exp[1]).before( html );
}else{
$content.find(it+' '+tag_pos_exp[1]).after( html );
}
}else{
if( tag_pos == 'prepend' ){
$content.find(it+' '+tag_wrapper).prepend( html );
}else{
$content.find(it+' '+tag_wrapper).append( html );
}
}
}
}
function lottie_play(){
var it = $content.find('.mcb-item-'+edited_item.uid+' .lottie').attr('id');
var frame_start = $editpanel.find('.lottie.frame_start .mfn-field-value').val();
var frame_end = $editpanel.find('.lottie.frame_end .mfn-field-value').val();
var direction = $editpanel.find('.lottie.direction li.active input').val();
iframe.window['start'+it+'frame'] = Math.floor( (parseInt(frame_start)*iframe.window[it].animationData.op)/100 );
iframe.window['total'+it+'frames'] = Math.floor( (parseInt(frame_end)*iframe.window[it].animationData.op)/100 );
iframe.window['frames'+it] = [iframe.window['start'+it+'frame'], iframe.window['total'+it+'frames']];
iframe.window['frames'+it+'_reverse'] = [iframe.window['total'+it+'frames'], iframe.window['start'+it+'frame']];
if(direction == '-1') {
iframe.window[it].playSegments( iframe.window['frames'+it+'_reverse'], true);
}else{
iframe.window[it].playSegments( iframe.window['frames'+it], true);
}
}
// lottie start
$editpanel.on('change', '.lottie .mfn-field-value', function() {
var $editrow = $(this).closest('.mfn-vb-formrow');
var val = $(this).val();
var it = $content.find('.mcb-item-'+edited_item.uid+' .lottie').attr('id');
var $trigger_field = $editpanel.find('.lottie.trigger .mfn-field-value');
var current_lottie = iframe.window[it];
if( $editrow.hasClass('speed') ){
if( $trigger_field.val() == 'scroll' ){
re_render();
}else{
iframe.window[it].setSpeed(val);
lottie_play();
}
}else if( $editrow.hasClass('trigger') && val == 'scroll' ){
$('.panel-edit-item .lottie.loop li:first-child a').trigger('click');
$('.panel-edit-item .lottie.direction li:first-child a').trigger('click');
}else if( $editrow.hasClass('frame_start') || $editrow.hasClass('frame_end') ){
if( $trigger_field.val() == 'scroll' ){
re_render();
}else{
lottie_play();
}
}else if( $editrow.hasClass('src') && val != '' ){
$editpanel.find('.lottie.file .browse-image .mfn-button-delete').trigger('click');
}else if( $editrow.hasClass('file') && val != '' ){
$editpanel.find('.lottie.src .mfn-field-value').val('');
}
});
// lottie end
$editpanel.on('keyup paste change', '.content-txt-edit .mfn-field-value', function() {
fieldUpdate($(this));
});
// re render
$editpanel.on('change', '.absolute-pos-watcher .mfn-field-value', function(){
var val = $(this).val();
if( val == 'absolute'){
$edited_div.addClass('mcb-column-absolute');
}else{
$edited_div.removeClass('mcb-column-absolute');
}
});
$editpanel.on('change', '.checkout.layout .mfn-field-value', function(){
var val = $(this).val();
var el = $builder.find('.mcb-item-'+edited_item.uid+' .mfn-checkout-wrapper');
el.removeClass('mfn-be-checkout mfn-be-checkout-default');
if( val.length ){
el.addClass('mfn-be-checkout-'+val);
}else{
el.addClass('mfn-be-checkout');
}
});
// read more line info
$editpanel.on('change', '.widget-button.button_function .mfn-field-value, .icon_box_2.link_type .mfn-field-value', function(){
var val = $(this).val();
var el = $builder.find('.mcb-item-'+edited_item.uid);
if( el.next('.mfn-read-more-line').length ) el.next('.mfn-read-more-line').remove();
if( val.length && val == 'mfn-read-more' ){
el.after('
');
}
});
$editpanel.on('change', '.preview-numberinput', function() {
// number
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if( isBlocks() ){
if($content.find('.'+it+' .item-preview-number').length){
$content.find('.'+it+' .item-preview-number').text(val);
}
}else if($edited_div.hasClass('column_counter')){
// counter
if($content.find('.'+it+' .desc_wrapper .number').length){
$content.find('.'+it+' .desc_wrapper .number').text(val);
}else{
if($content.find('.'+it+' .desc_wrapper .number-wrapper').length){
$content.find('.'+it+' .desc_wrapper .number-wrapper').append('
'+val+' ');
}else{
$content.find('.'+it+' .desc_wrapper').prepend('
'+val+'
');
}
}
}else if($edited_div.hasClass('column_how_it_works')){
// how it works
if($content.find('.'+it+' .number').length){
$content.find('.'+it+' .number').text(val);
}else{
$content.find('.'+it+' .image').html('
'+val+' ');
}
}else if($edited_div.hasClass('column_quick_fact')){
// quick fact
if($content.find('.'+it+' .number-wrapper .number').length){
$content.find('.'+it+' .number-wrapper .number').attr('data-to', val).text(val);
}else{
$content.find('.'+it+' .quick_fact').prepend('
'+val+'
');
}
}
});
$editpanel.on('keyup paste change', '.preview-prefixinput', function() {
// prefix
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if($edited_div.hasClass('column_counter')){
// counter
if($content.find('.'+it+' .desc_wrapper .label.prefix').length){
$content.find('.'+it+' .desc_wrapper .label.prefix').text(val);
}else{
if($content.find('.'+it+' .desc_wrapper .number-wrapper').length){
$content.find('.'+it+' .desc_wrapper .number-wrapper').prepend('
'+val+' ');
}else{
$content.find('.'+it+' .desc_wrapper').prepend('
'+val+'
');
}
}
}else if($edited_div.hasClass('column_quick_fact')){
// quick fact prefix
if($content.find('.'+it+' .number-wrapper .prefix').length){
$content.find('.'+it+' .number-wrapper .prefix').text(val);
}else{
if($content.find('.'+it+' .number-wrapper').length){
$content.find('.'+it+' .number-wrapper').prepend('
'+val+' ');
}else{
$content.find('.'+it+' .desc_wrapper').prepend('
'+val+'
');
}
}
}
});
$editpanel.on('keyup paste change', '.preview-labelinput', function() {
// postfix
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if($edited_div.hasClass('column_counter')){
// counter
if($content.find('.'+it+' .desc_wrapper .label.postfix').length){
$content.find('.'+it+' .desc_wrapper .label.postfix').text(val);
}else{
if($content.find('.'+it+' .desc_wrapper .number-wrapper').length){
$content.find('.'+it+' .desc_wrapper .number-wrapper').append('
'+val+' ');
}else{
$content.find('.'+it+' .desc_wrapper').prepend('
'+val+'
');
}
}
}else if($edited_div.hasClass('column_quick_fact')){
// quick fact postfix
if($content.find('.'+it+' .number-wrapper .label.postfix').length){
$content.find('.'+it+' .number-wrapper .label.postfix').text(val);
}else{
if($content.find('.'+it+' .number-wrapper').length){
$content.find('.'+it+' .number-wrapper').append('
'+val+' ');
}else{
$content.find('.'+it+' .desc_wrapper').prepend('
'+val+'
');
}
}
}else if($edited_div.hasClass('column_chart')){
// chart
if(val.length){
if($content.find('.'+it+' .num').length){
$content.find('.'+it+' .num').text(val);
}else{
if( !$content.find('.'+it+' .chart > .image').length && !$content.find('.'+it+' .chart > .icon').length ){
$content.find('.'+it+' .chart').prepend('
'+val+'
');
}else{
if(!$content.find('.'+it+' .chart .mfn_tmp_info').length){
$content.find('.'+it+' .chart').append('
Picture and icon have higher priority. Delete them to see label. ');
setTimeout(function() {
$content.find('.mfn_tmp_info').remove();
}, 3000);
}
}
}
}else{
if( $('.panel-edit-item .mfn-form .preview-imageinput').val().length ){
if($content.find('.'+it+' .chart .image img').length){
$content.find('.'+it+' .chart .image img').attr('src', $('.panel-edit-item .mfn-form .preview-imageinput').val());
}else{
$content.find('.'+it+' .chart .num').remove();
$content.find('.'+it+' .chart .icon').remove();
$content.find('.'+it+' .chart').prepend('
');
}
}else if( $('.panel-edit-item .mfn-form .preview-iconinput').val().length ){
if($content.find('.'+it+' .chart .icon i').length){
$content.find('.'+it+' .chart .icon i').attr('class', $('.panel-edit-item .mfn-form .preview-iconinput').val());
}else{
$content.find('.'+it+' .chart > .image').remove();
$content.find('.'+it+' .chart > .num').remove();
$content.find('.'+it+' .chart').prepend('
');
}
}
}
}else if($edited_div.hasClass('column_icon_box_2')){
// icon box 2
if( $('.panel-edit-item .mfn-form .icon_box_2.image .mfn-field-value').val().length || $('.panel-edit-item .mfn-form .icon_box_2.icon .mfn-field-value').val().length ){
if( !$content.find('.'+it+' .mfn-icon-box .mfn_tmp_info').length ){
$content.find('.'+it+' .mfn-icon-box').prepend('
Image and icon have higher priority. Delete them to see label. ');
setTimeout(function() {
$content.find('.mfn_tmp_info').remove();
}, 3000);
}
}else if(val.length){
if( $content.find('.'+it+' .mfn-icon-box .icon-wrapper').length ){
$content.find('.'+it+' .mfn-icon-box .icon-wrapper').html('
'+val+' ');
}else{
$content.find('.'+it+' .mfn-icon-box .desc-wrapper').before('
'+val+'
');
}
}else{
$content.find('.'+it+' .mfn-icon-box .icon-wrapper').remove();
}
}
});
$editpanel.on('change', '.banner_box.image_height .mfn-field-value', function() {
var val = $(this).val();
var it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
$builder.find('.'+it+' .mfn-banner-box').removeClass('mfn-banner-box-height');
if( val.length ){
$builder.find('.'+it+' .mfn-banner-box').addClass('mfn-banner-box-height');
}
});
$editpanel.on('change', '.product_tabs.nav .mfn-field-value', function() {
var val = $(this).val();
var it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
$content.find('.'+it+' .mfn-woocommerce-tabs').removeClass('mfn-woocommerce-tabs-nav-top mfn-woocommerce-tabs-nav-left mfn-woocommerce-tabs-nav-right');
if(!val.length) val = 'top';
$content.find('.'+it+' .mfn-woocommerce-tabs').addClass('mfn-woocommerce-tabs-nav-'+val);
});
$editpanel.on('change', '.preview-positioninput', function() {
var val = $(this).val();
if(!val.length){
$('.panel-edit-item .mfn-element-fields-wrapper .activeif-item_position input').val('').trigger('change');
}
});
$editpanel.on('change', '.mfn-line-clamp-field .mfn-field-value', function() {
var val = $(this).val();
var it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
if( val.length && val != '0' ){
$content.find('.'+it).addClass('mfn-line-clamp');
}else{
$content.find('.'+it).removeClass('mfn-line-clamp');
}
});
$editpanel.on('keyup paste change', '.mfn-element-fields-wrapper .preview-titleinput', function() {
// title
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if($edited_div.hasClass('column_list')){
// list
if($content.find('.'+it+' .list_right h4').length){
$content.find('.'+it+' .list_right h4').html(val);
}else if($content.find('.'+it+' .circle').length){
$content.find('.'+it+' .circle').html(val);
}
}
});
$editpanel.on('change', '.mfn-element-fields-wrapper .responsive-custom-visibility .mfn-field-value', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
let label = 'Hide under ';
if( $(this).closest('.mfn-form-row').hasClass('show_under_custom')){
label = 'Show under ';
$editpanel.find('.mfn-element-fields-wrapper .hide_under_custom input').val('');
}else{
$editpanel.find('.mfn-element-fields-wrapper .show_under_custom input').val('');
}
if( val.length ){
$edited_div.attr('data-tooltip', label+val);
$edited_div.attr('data-position', 'bottom');
}else{
$edited_div.removeAttr('data-tooltip');
}
});
// custom ID
$editpanel.on('change', '.custom_id .preview-custom_idinput', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
let uid = $edited_div.attr('data-uid');
if(val.length){
$edited_div.attr('id', val);
if( $('body').hasClass('mfn-navigator-active') ){
$navigator.find('.navigator-section.nav-'+uid+' > a > .navigator-link-label').text('#'+val);
}
}else{
$edited_div.removeAttr('id');
$navigator.find('.navigator-section.nav-'+uid+' > a > .navigator-link-label').text('Section');
}
});
// our team list links email fb twitter linkedin vcard
$editpanel.on('keyup paste change', '.our_team_list.email .preview-emailinput', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if(val.length){
if($content.find('.'+it+' .bq_wrapper .links').length){
if($content.find('.'+it+' .bq_wrapper .links a.mail').length){
$content.find('.'+it+' .bq_wrapper .links a.mail').attr('href', val);
}else{
$content.find('.'+it+' .bq_wrapper .links').prepend('
');
}
}else{
$content.find('.'+it+' .bq_wrapper').append('
');
}
}else{
$content.find('.'+it+' .bq_wrapper .links a.mail').remove();
}
});
$editpanel.on('keyup paste change', '.our_team_list.facebook .preview-facebookinput', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if(val.length){
if($content.find('.'+it+' .bq_wrapper .links').length){
if($content.find('.'+it+' .bq_wrapper .links a.facebook').length){
$content.find('.'+it+' .bq_wrapper .links a.facebook').attr('href', val);
}else{
$content.find('.'+it+' .bq_wrapper .links').append('
');
}
}else{
$content.find('.'+it+' .bq_wrapper').append('
');
}
}else{
$content.find('.'+it+' .bq_wrapper .links a.facebook').remove();
}
});
$editpanel.on('keyup paste change', '.our_team_list.twitter .preview-twitterinput', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if(val.length){
if($content.find('.'+it+' .bq_wrapper .links').length){
if($content.find('.'+it+' .bq_wrapper .links a.twitter').length){
$content.find('.'+it+' .bq_wrapper .links a.twitter').attr('href', val);
}else{
$content.find('.'+it+' .bq_wrapper .links').append('');
}
}else{
$content.find('.'+it+' .bq_wrapper').append('
');
}
}else{
$content.find('.'+it+' .bq_wrapper .links a.twitter').remove();
}
});
$editpanel.on('keyup paste change', '.our_team_list.linkedin .preview-linkedininput', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if(val.length){
if($content.find('.'+it+' .bq_wrapper .links').length){
if($content.find('.'+it+' .bq_wrapper .links a.linkedin').length){
$content.find('.'+it+' .bq_wrapper .links a.linkedin').attr('href', val);
}else{
$content.find('.'+it+' .bq_wrapper .links').append('
');
}
}else{
$content.find('.'+it+' .bq_wrapper').append('
');
}
}else{
$content.find('.'+it+' .bq_wrapper .links a.linkedin').remove();
}
});
$editpanel.on('keyup paste change', '.our_team_list.vcard .preview-vcardinput', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if(val.length){
if($content.find('.'+it+' .bq_wrapper .links').length){
if($content.find('.'+it+' .bq_wrapper .links a.vcard').length){
$content.find('.'+it+' .bq_wrapper .links a.vcard').attr('href', val);
}else{
$content.find('.'+it+' .bq_wrapper .links').append('
');
}
}else{
$content.find('.'+it+' .bq_wrapper').append('
');
}
}else{
$content.find('.'+it+' .bq_wrapper .links a.vcard').remove();
}
});
// our team list blockquote
$editpanel.on('keyup paste change', '.our_team_list.blockquote .preview-blockquoteinput', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if($content.find('.'+it+' .column .bq_wrapper blockquote').length){
$content.find('.'+it+' .column .bq_wrapper blockquote').html(val);
}else{
$content.find('.'+it+' .column .bq_wrapper').prepend('
');
}
});
// our team
$editpanel.on('keyup paste change', '.our_team.blockquote .preview-blockquoteinput', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if($content.find('.'+it+' .desc_wrapper blockquote').length){
$content.find('.'+it+' .desc_wrapper blockquote').html(val);
}else{
$content.find('.'+it+' .desc_wrapper').append('
'+val+' ');
}
});
// our team links email fb twitter linkedin vcard
$editpanel.on('keyup paste change', '.our_team.email .preview-emailinput', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if(val.length){
if($content.find('.'+it+' .desc_wrapper .links').length){
if($content.find('.'+it+' .desc_wrapper .links a.mail').length){
$content.find('.'+it+' .desc_wrapper .links a.mail').attr('href', val);
}else{
$content.find('.'+it+' .desc_wrapper .links').prepend('
');
}
}else{
$content.find('.'+it+' .desc_wrapper').append('
');
}
}else{
$content.find('.'+it+' .desc_wrapper .links a.mail').remove();
}
});
$editpanel.on('keyup paste change', '.our_team.facebook .preview-facebookinput', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if(val.length){
if($content.find('.'+it+' .desc_wrapper .links').length){
if($content.find('.'+it+' .desc_wrapper .links a.facebook').length){
$content.find('.'+it+' .desc_wrapper .links a.facebook').attr('href', val);
}else{
$content.find('.'+it+' .desc_wrapper .links').append('
');
}
}else{
$content.find('.'+it+' .desc_wrapper').append('
');
}
}else{
$content.find('.'+it+' .desc_wrapper .links a.facebook').remove();
}
});
$editpanel.on('keyup paste change', '.our_team.twitter .preview-twitterinput', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if(val.length){
if($content.find('.'+it+' .desc_wrapper .links').length){
if($content.find('.'+it+' .desc_wrapper .links a.twitter').length){
$content.find('.'+it+' .desc_wrapper .links a.twitter').attr('href', val);
}else{
$content.find('.'+it+' .desc_wrapper .links').append('');
}
}else{
$content.find('.'+it+' .desc_wrapper').append('
');
}
}else{
$content.find('.'+it+' .desc_wrapper .links a.twitter').remove();
}
});
$editpanel.on('keyup paste change', '.our_team.linkedin .preview-linkedininput', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if(val.length){
if($content.find('.'+it+' .desc_wrapper .links').length){
if($content.find('.'+it+' .desc_wrapper .links a.linkedin').length){
$content.find('.'+it+' .desc_wrapper .links a.linkedin').attr('href', val);
}else{
$content.find('.'+it+' .desc_wrapper .links').append('
');
}
}else{
$content.find('.'+it+' .desc_wrapper').append('
');
}
}else{
$content.find('.'+it+' .desc_wrapper .links a.linkedin').remove();
}
});
$editpanel.on('keyup paste change', '.preview-cart_button_textinput', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if($content.find('.'+it+' button[type="submit"]').length){
$content.find('.'+it+' button[type="submit"]').text(val);
}
});
$editpanel.on('keyup paste change', '.our_team.vcard .preview-vcardinput', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if(val.length){
if($content.find('.'+it+' .desc_wrapper .links').length){
if($content.find('.'+it+' .desc_wrapper .links a.vcard').length){
$content.find('.'+it+' .desc_wrapper .links a.vcard').attr('href', val);
}else{
$content.find('.'+it+' .desc_wrapper .links').append('
');
}
}else{
$content.find('.'+it+' .desc_wrapper').append('
');
}
}else{
$content.find('.'+it+' .desc_wrapper .links a.vcard').remove();
}
});
$editpanel.on('keyup paste change', '.preview-phoneinput', function() {
// phone
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if($edited_div.hasClass('column_our_team')){
// our team
if($content.find('.'+it+' .desc_wrapper p.phone a').length){
$content.find('.'+it+' .desc_wrapper p.phone a').text(val);
}else{
$content.find('.'+it+' .desc_wrapper .hr_color').before('
'+val+'
');
}
}else if($edited_div.hasClass('column_our_team_list')){
// our team
if($content.find('.'+it+' .desc_wrapper p.phone a').length){
$content.find('.'+it+' .desc_wrapper p.phone a').text(val);
}else{
$content.find('.'+it+' .desc_wrapper .hr_color').before('
'+val+'
');
}
}
});
$editpanel.on('change', '.widget-chart .preview-line_widthinput', function() {
// chart
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
$content.find('.'+it+' .chart').attr('data-line-width', val);
$content.find('.'+it+' .chart_box').removeClass('mfn-initialized');
mfnChart();
});
$editpanel.on('change', '.gallery-msnry-rerender-item .mfn-field-value', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if( $content.find('.'+it+' .gallery').hasClass('masonry') ) {
setTimeout(function() { re_render(edited_item.uid); }, 100);
}
});
// mennu pointer position top/bottom
$editpanel.on('change', ' .preview-menu-pointer-positioninput', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
$edited_div.removeClass('mfn-pointer-bottom');
if(val.length){
$edited_div.addClass(val);
}
});
$editpanel.on('change', '.preview-stretchinput', function() {
// stretch image
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if($edited_div.hasClass('column_image')){
// image stretch
$content.find('.'+it+' .image_frame').removeClass('stretch-ultrawide stretch');
if(val == 'ultrawide'){
$content.find('.'+it+' .image_frame').addClass('stretch-ultrawide');
}else if(val == "1"){
$content.find('.'+it+' .image_frame').addClass('stretch');
}
}
});
$editpanel.on('change', '.panel-edit-item .mfn-form .form-group.font-family-select select', function() {
var val = $(this).val();
$(this).attr('data-value', val);
});
// query builder query loop settings
$editpanel.on('change', '.query_slider_columns .mfn-field-value', function() {
updateColumnsRwd();
});
$editpanel.on('change', '.query_slider_columns_tablet .mfn-field-value', function() {
updateColumnsRwd();
});
$editpanel.on('change', '.query_slider_columns_laptop .mfn-field-value', function() {
updateColumnsRwd();
});
$editpanel.on('change', '.query_slider_columns_mobile .mfn-field-value', function() {
updateColumnsRwd();
});
function updateColumnsRwd() {
var val_desktop = $('.query_slider_columns .mfn-field-value').val();
var val_tablet = $('.query_slider_columns_tablet .mfn-field-value').val();
var val_laptop = $('.query_slider_columns_laptop .mfn-field-value').val();
var val_mobile = $('.query_slider_columns_mobile .mfn-field-value').val();
if( val_desktop > 0 ) {
var percent_d = 100 / parseInt(val_desktop);
$editpanel.find('.mfn-form-row.mfn_field_desktop.query_item_default_width .mfn-field-value').val(percent_d+"%").trigger('change');
}
if( val_tablet > 0 ) {
var percent_t = 100 / parseInt(val_tablet);
$editpanel.find('.mfn-form-row.mfn_field_tablet.query_item_default_width .mfn-field-value').val(percent_t+"%").trigger('change');
}
if( val_laptop > 0 ) {
var percent_t = 100 / parseInt(val_laptop);
$editpanel.find('.mfn-form-row.mfn_field_laptop.query_item_default_width .mfn-field-value').val(percent_t+"%").trigger('change');
}
if( val_mobile > 0 ) {
var percent_m = 100 / parseInt(val_mobile);
$editpanel.find('.mfn-form-row.mfn_field_mobile.query_item_default_width .mfn-field-value').val(percent_m+"%").trigger('change');
}
}
/**
* Performance
* Uses 'perf' name because 'preformance' is reserved in JS
*/
$(document).on( 'click', '.mfn-form-themeoptions .performance-apply-enable', function(e){
e.preventDefault();
perf.enable( $(this) ); // performance name is reverved
});
$(document).on( 'click', '.mfn-form-themeoptions .performance-apply-disable', function(e){
e.preventDefault();
perf.disable( $(this) ); // performance name is reverved
});
var perf = {
// perf.enable()
enable: function( $el ){
if ( confirm( "Apply recommended settings?" ) ) {
enableBeforeUnload();
var button_text = $el.text();
$el.addClass('loading');
// change options
$('.themeoption.google-font-mode .form-control li:eq(1) a').trigger('click');
$('.themeoption.lazy-load .form-control li:eq(1) a').trigger('click');
$('.themeoption.srcset-limit .form-control li:eq(1) a').trigger('click');
$('.themeoption.performance-assets-disable .form-control li:eq(0).active').trigger('click');
$('.themeoption.performance-assets-disable .form-control li:eq(1).active').trigger('click');
$('.themeoption.performance-assets-disable .form-control li:eq(2):not(.active)').trigger('click');
$('.themeoption.performance-wp-disable .form-control li:not(.active)').trigger('click');
$('.themeoption.jquery-location .form-control li:eq(1) a').trigger('click');
$('.themeoption.css-location .form-control li:eq(0) a').trigger('click');
$('.themeoption.local-styles-location .form-control li:eq(1) a').trigger('click');
$('.themeoption.minify-css .form-control li:eq(1) a').trigger('click');
$('.themeoption.minify-js .form-control li:eq(1) a').trigger('click');
$('.themeoption.static-css .form-control li:eq(1) a').trigger('click');
$('.themeoption.hold-cache .form-control li:eq(0) a').trigger('click');
// trigger ajax actions
setTimeout(function(){
$('.themeoption.google-font-mode-regenerate .mfn-btn').attr('data-confirm',1).trigger('click');
},100);
// button
setTimeout(function(){
$el.removeClass('loading');
$('.btn-wrapper', $el).text('Downloading Google Fonts...');
setTimeout(function(){
$el.addClass('loading');
setTimeout(function(){
$el.removeClass('loading');
$('.btn-wrapper', $el).text('All done');
setTimeout(function(){
$('.btn-wrapper', $el).text(button_text);
},2000);
},2000);
},2000);
},2000);
} else {
return false;
}
},
// perf.disable()
disable: function( $el ){
if ( confirm( "Disable all performance settings?" ) ) {
enableBeforeUnload();
var button_text = $el.text();
$el.addClass('loading');
// change options
$('.themeoption.google-font-mode .form-control li:eq(0) a').trigger('click');
$('.themeoption.lazy-load .form-control li:eq(0) a').trigger('click');
$('.themeoption.srcset-limit .form-control li:eq(0) a').trigger('click');
$('.themeoption.performance-assets-disable .form-control li.active').trigger('click');
$('.themeoption.performance-wp-disable .form-control li.active').trigger('click');
$('.themeoption.jquery-location .form-control li:eq(0) a').trigger('click');
$('.themeoption.css-location .form-control li:eq(0) a').trigger('click');
$('.themeoption.local-styles-location .form-control li:eq(0) a').trigger('click');
$('.themeoption.minify-css .form-control li:eq(0) a').trigger('click');
$('.themeoption.minify-js .form-control li:eq(0) a').trigger('click');
$('.themeoption.static-css .form-control li:eq(0) a').trigger('click');
$('.themeoption.hold-cache .form-control li:eq(0) a').trigger('click');
// button
setTimeout(function(){
$el.removeClass('loading');
$('.btn-wrapper', $el).text('All done');
setTimeout(function(){
$('.btn-wrapper', $el).text(button_text);
},2000);
},1000);
} else {
return false;
}
}
};
// segmented options
$editpanel.on("click", 'div:not(.panel-settings) .segmented-options.single-segmented-option li a', function(e) {
e.preventDefault();
let $li = $(this).closest('li');
if( !$li.hasClass('active') ){
$li.siblings('li').removeClass('active');
$li.siblings('li').find('input').prop('checked', false);
$li.addClass('active');
$li.find('input').prop('checked', true).trigger('change');
}else{
return;
}
if( $(this).closest('.mfn-modal').length ) return;
let $editbox = $(this).closest('.mfn-form-row');
let $editwrapper = $(this).closest('.mfn-element-fields-wrapper');
let val = $li.find('input').val();
// shop products text align fix
if( $editbox.hasClass('shop_products') && $editbox.hasClass('text-align') ){
if( !$builder.find('style.mfn-style-shop-products-equalizator').length ) $builder.append('');
let flex_sp_val = 'center';
if( val == 'left' ){ flex_sp_val = 'flex-start'; }else if( val == 'right' ){ flex_sp_val = 'flex-end'; }
$builder.find('style.mfn-style-shop-products-equalizator').html('.mcb-section .mcb-wrap .mcb-item-'+edited_item.uid+' ul.products.mfn-equal-heights li.product{ align-items: '+flex_sp_val+';}');
}
if( $editbox.hasClass('inline-style-input') ) return;
let it = $editbox.closest('.mfn-element-fields-wrapper').attr('data-element');
// lottie start
if( $editbox.hasClass('lottie') ){
var l_id = $content.find('.mcb-item-'+edited_item.uid+' .lottie').attr('id');
if( $editbox.hasClass('loop') ){
if( val == 1 ){
iframe.window[l_id].loop = true;
iframe.window[l_id].play();
}else{
iframe.window[l_id].loop = false;
iframe.window[l_id].stop();
}
}
if( $editbox.hasClass('direction') ){
iframe.window[l_id].setDirection(val);
iframe.window['direction'+l_id] = parseInt(val);
lottie_play();
}
}
// lottie end
// header icon count position
if( $editbox.hasClass('icon_count_posv') ){
if( val == '0' ){
$editpanel.find('.panel-edit-item .header_icon.bottom .mfn-field-value').val('initial').trigger('change');
$editpanel.find('.panel-edit-item .header_icon.bottom_tablet .mfn-field-value').val('initial').trigger('change');
$editpanel.find('.panel-edit-item .header_icon.bottom_laptop .mfn-field-value').val('initial').trigger('change');
$editpanel.find('.panel-edit-item .header_icon.bottom_mobile .mfn-field-value').val('initial').trigger('change');
}else{
$editpanel.find('.panel-edit-item .header_icon.top .mfn-field-value').val('initial').trigger('change');
$editpanel.find('.panel-edit-item .header_icon.top_tablet .mfn-field-value').val('initial').trigger('change');
$editpanel.find('.panel-edit-item .header_icon.top_laptop .mfn-field-value').val('initial').trigger('change');
$editpanel.find('.panel-edit-item .header_icon.top_mobile .mfn-field-value').val('initial').trigger('change');
}
}
if( $editbox.hasClass('icon_count_posh') ){
if( val == '0' ){
$editpanel.find('.panel-edit-item .header_icon.right .mfn-field-value').val('initial').trigger('change');
$editpanel.find('.panel-edit-item .header_icon.right_tablet .mfn-field-value').val('initial').trigger('change');
$editpanel.find('.panel-edit-item .header_icon.right_laptop .mfn-field-value').val('initial').trigger('change');
$editpanel.find('.panel-edit-item .header_icon.right_mobile .mfn-field-value').val('initial').trigger('change');
}else{
$editpanel.find('.panel-edit-item .header_icon.left .mfn-field-value').val('initial').trigger('change');
$editpanel.find('.panel-edit-item .header_icon.left_tablet .mfn-field-value').val('initial').trigger('change');
$editpanel.find('.panel-edit-item .header_icon.left_laptop .mfn-field-value').val('initial').trigger('change');
$editpanel.find('.panel-edit-item .header_icon.left_mobile .mfn-field-value').val('initial').trigger('change');
}
}
// watchchanges
if( $editbox.hasClass('watchChanges') ){
var id = $editbox.attr('id');
mfnoptsinputs.getField(id, val);
}
// section type query loop
if( $editbox.hasClass('section type') ){
if( !val.length ) {
$content.find('.'+it+' .section_wrapper .mfn-queryloop-item-wrapper > div.wrap').unwrap();
$('.mfn-element-fields-wrapper .query_type .mfn-field-value').val('').trigger('change');
$('.mfn-element-fields-wrapper .query_post_type .mfn-field-value').val('').trigger('change');
$('.mfn-element-fields-wrapper .query_terms_taxonomy .mfn-field-value').val('').trigger('change');
$content.find('.'+it).removeClass('mfn-looped-items');
$('.mfn-element-fields-wrapper').removeClass('mfn-is-query-looped');
$('.mfn-ui.mfn-editing-section .mfn-form .mfn-element-fields-wrapper').removeClass('mfn-is-query-looped');
} else {
if( !$content.find('.'+it+' .section_wrapper .mfn-queryloop-item-wrapper').length ){
$content.find('.'+it).addClass('mfn-looped-items');
$('.mfn-element-fields-wrapper').addClass('mfn-is-query-looped');
$content.find('.'+it+' .section_wrapper div.wrap').wrapAll( "
" );
}
$('.mfn-ui.mfn-editing-section .mfn-form .mfn-element-fields-wrapper').addClass('mfn-is-query-looped');
$('.mfn-element-fields-wrapper .query_terms_taxonomy .mfn-field-value').val('').trigger('change');
$('.mfn-element-fields-wrapper .query_type .mfn-field-value').val('posts').trigger('change');
if( builder_type == 'portfolio' ){
$('.mfn-element-fields-wrapper .query_post_type .mfn-field-value').val('portfolio').trigger('change');
}else{
$('.mfn-element-fields-wrapper .query_post_type .mfn-field-value').val('post').trigger('change');
}
//re_render2( $content.find('.'+it).attr('data-uid'), 'section' );
}
}
// wrap type query loop
if( $editbox.hasClass('wrap type') ){
if( !val.length ){
//$content.find('.'+it+' .mcb-wrap-inner .mfn-queryloop-item-wrapper > div.column').unwrap();
$('.mfn-element-fields-wrapper .query_type .mfn-field-value').val('').trigger('change');
$('.mfn-element-fields-wrapper .query_post_type .mfn-field-value').val('').trigger('change');
$('.mfn-element-fields-wrapper .query_terms_taxonomy .mfn-field-value').val('').trigger('change');
$content.find('.'+it).removeClass('mfn-looped-items');
$('.mfn-element-fields-wrapper').removeClass('mfn-is-query-looped');
$('.mfn-ui.mfn-editing-section .mfn-form .mfn-element-fields-wrapper').removeClass('mfn-is-query-looped');
}else{
if( !$content.find('.'+it+' .mcb-wrap-inner .mfn-queryloop-item-wrapper').length ){
$content.find('.'+it+' .mcb-wrap-inner div.column').wrapAll( "
");
$content.find('.'+it).addClass('mfn-looped-items');
}
$('.mfn-ui.mfn-editing-section .mfn-form .mfn-element-fields-wrapper').addClass('mfn-is-query-looped');
$('.mfn-element-fields-wrapper .query_type .mfn-field-value').val('posts').trigger('change');
$('.mfn-element-fields-wrapper .query_terms_taxonomy .mfn-field-value').val('').trigger('change');
$('.mfn-element-fields-wrapper').addClass('mfn-is-query-looped');
if( builder_type == 'portfolio' ){
$('.mfn-element-fields-wrapper .query_post_type .mfn-field-value').val('portfolio').trigger('change');
}else{
$('.mfn-element-fields-wrapper .query_post_type .mfn-field-value').val('post').trigger('change');
}
}
//re_render2( $content.find('.'+it).attr('data-uid'), 'wrap' );
}
if( $editbox.hasClass('query_display_style') ){
if( val == 'masonry' ){
$content.find('.'+it).addClass('mfn-looped-items-masonry');
$content.find('.'+it+' .mfn-queryloop-item-wrapper').wrapAll( "
");
//queryLoopMasonry();
iframe.queryLoopMasonry();
}else if( !val.lenght ){
if( $content.find('.'+it).hasClass('mfn-looped-items-masonry') ){
iframe.window.jQuery('.'+it+' .mfn-query-loop-masonry').isotope( 'destroy' );
$content.find('.'+it).removeClass('mfn-looped-items-masonry');
$content.find('.'+it+' .mfn-query-loop-masonry > .mfn-queryloop-item-wrapper').removeAttr('style').unwrap();
}
}
}
// query loop slider type
/*if( $editbox.hasClass('query_display') ){
$('.query_slider_columns .mfn-field-value').val('1').trigger('change');
}*/
if( $editbox.hasClass('query_display') && val == 'slider' ){
$('.panel-edit-item .query_post_pagination .mfn-field-value').val('').trigger('change');
$('.panel-edit-item .query_post_pagination').addClass('mfn-disabled-field');
$('.mfn-element-fields-wrapper').addClass('mfn-is-ql-slider');
}else{
$('.panel-edit-item .query_post_pagination').removeClass('mfn-disabled-field');
$('.mfn-element-fields-wrapper').removeClass('mfn-is-ql-slider');
}
// query loop slider arrows
/*if( $editbox.hasClass('query_slider_arrows') ){
if( val == '0' ){
//if( $content.find('.'+it+' .mfn-swiper-arrow').length ) $('.mfn-element-fields-wrapper .query_slider_arrows_style .segmented-options li:first-child a').trigger('click');
$content.find('.'+it+' .mfn-swiper-arrow').remove();
$content.find('.'+it).addClass('mfn-arrows-hidden');
}else{
if( !$content.find('.'+it+' .mfn-swiper-arrow').length ) {
$content.find('.'+it+' > .section_wrapper, .'+it+' > .mcb-wrap-inner').append('
');
//$('.mfn-element-fields-wrapper .query_slider_arrows_style .segmented-options li:first-child a').trigger('click');
$content.find('.'+it).removeClass('mfn-arrows-hidden');
}
}
return;
}
if( $editbox.hasClass('query_slider_arrows_style') ){
$content.find('.'+it).removeClass('mfn-arrows-standard mfn-arrows-overlay mfn-arrows-custom');
//if( val != 'custom' ) $('.mfn-element-fields-wrapper .arrows-custom-style .mfn-field-value').val('').trigger('change');
if( val.length ){
$content.find('.'+it).addClass('mfn-arrows-'+val);
}else{
$content.find('.'+it).addClass('mfn-arrows-standard');
}
return;
}
if( $editbox.hasClass('query_slider_dots') ){
if( val == '0' ){
if( $content.find('.'+it+' .swiper-pagination').length ) {
//$('.mfn-element-fields-wrapper .query_slider_dots_style .segmented-options li:first-child a').trigger('click');
$content.find('.'+it+' .swiper-pagination').remove();
}
$content.find('.'+it).addClass('mfn-dots-hidden');
}else{
if( !$content.find('.'+it+' .swiper-pagination').length ) {
$content.find('.'+it+' > .section_wrapper, .'+it+' > .mcb-wrap-inner').append('');
//$('.mfn-element-fields-wrapper .query_slider_dots_style .segmented-options li:first-child a').trigger('click');
$content.find('.'+it).removeClass('mfn-dots-hidden');
}
}
}
if( $editbox.hasClass('query_slider_dots_style') ){
$content.find('.'+it).removeClass('mfn-dots-standard mfn-dots-overlay mfn-dots-custom');
//if( val != 'custom' ) $('.mfn-element-fields-wrapper .dots-custom-style .mfn-field-value').val('').trigger('change');
if( val.length ){
$content.find('.'+it).addClass('mfn-dots-'+val);
}else{
$content.find('.'+it).addClass('mfn-dots-standard');
}
}*/
// image custom height
if( $editbox.hasClass('image image_height') ){
if( $content.find('.'+it+' .mfn-coverimg').length ){
$content.find('.'+it+' .mfn-coverimg').removeClass('mfn-coverimg');
$content.find('.'+it+' .mfn-coverimg-wrapper').removeClass('mfn-coverimg-wrapper mfn-fitimg-wrapper');
}
if( val == 'custom' ) {
$content.find('.'+it+' .image_frame').addClass('mfn-coverimg');
var helper_class = 'mfn-coverimg-wrapper';
if( $('.image_height_style li.active input').val().length ){
helper_class = 'mfn-'+$('.image_height_style li .active input').val()+'img-wrapper';
}
if( $content.find('.'+it+' .image_wrapper > a').length ){
$content.find('.'+it+' .image_wrapper > a').addClass(helper_class);
}else{
$content.find('.'+it+' .image_wrapper').addClass(helper_class);
}
}
}
if( $editbox.hasClass('image') && $editbox.hasClass('image_height_style') ){
$content.find('.'+it+' .mfn-coverimg-wrapper').removeClass('mfn-coverimg-wrapper mfn-fitimg-wrapper');
if( val.length ) {
$content.find('.'+it+' .image_wrapper').addClass('mfn-'+val+'img-wrapper');
}else{
$content.find('.'+it+' .image_wrapper').addClass('mfn-coverimg-wrapper');
}
}
// header menu submenu icon
if( $editbox.hasClass('header_menu submenu_icon_display') ){
$content.find('.'+it+' .mfn-header-menu').addClass('mfn-menu-submenu-icon-off');
if( val == 'on' )
$content.find('.'+it+' .mfn-header-menu').removeClass('mfn-menu-submenu-icon-off');
}
// product add to cart label position
if( $editbox.hasClass('product_cart_button variations-label') ){
$content.find('.'+it+' .mfn-product-add-to-cart').removeClass('mfn-vr-label-top');
if( val == 'top' )
$content.find('.'+it+' .mfn-product-add-to-cart').addClass('mfn-vr-label-top');
}
// shop filters
if( $editbox.hasClass('shop-products-filters-switcher') ){
let field_opt = $li.find('input').attr('name');
if( $content.find('.mfn-builder-active').hasClass('mfn-'+field_opt+'-hidden') ) $content.find('.mfn-builder-active').removeClass('mfn-'+field_opt+'-hidden');
if( $content.find('.mfn-builder-active').hasClass('mfn-'+field_opt+'-visible') ) $content.find('.mfn-builder-active').removeClass('mfn-'+field_opt+'-visible');
if( val == '0' ){
$content.find('.mfn-builder-active').addClass('mfn-'+field_opt+'-hidden');
}else{
$content.find('.mfn-builder-active').addClass('mfn-'+field_opt+'-visible');
}
}
// banner box style
if( $editbox.hasClass('banner_box style') ){
$content.find('.'+it+' .mfn-banner-box').removeClass('mfn-banner-box-boxed');
if( val.length ) $content.find('.'+it+' .mfn-banner-box').addClass('mfn-banner-box-'+val);
}
if( $editbox.hasClass('banner_box overlay') ){
$content.find('.'+it+' .mfn-banner-box').removeClass('mfn-banner-box-image-overlay');
if( val.length ) $content.find('.'+it+' .mfn-banner-box').addClass('mfn-banner-box-image-overlay');
}
// header menu icon align
if( $editbox.hasClass('product_images zoom') ){
updatePageOpt('mfn_template_product_image_zoom', val);
}
if( $editbox.hasClass('hotspot-x-axis-switcher') ){
$li.closest('.mfn-hotspot-point').find('.hotspot-x-axis-field .mfn-sliderbar-value').val('').trigger('change');
}
if( $editbox.hasClass('hotspot') && ( $editbox.hasClass('content_position') || $editbox.hasClass('content_position_laptop') || $editbox.hasClass('content_position_tablet') || $editbox.hasClass('content_position_mobile') ) ){
var hash = $(this).closest('.mfn-hotspot-point').attr('id');
if( $editbox.hasClass('content_position') ){
$content.find('.hotspot-point-'+hash).removeClass('hotspot-point-bottom hotspot-point-top hotspot-point-left hotspot-point-right').addClass('hotspot-point-'+val);
}else if( $editbox.hasClass('content_position_laptop') ){
$content.find('.hotspot-point-'+hash).removeClass('hotspot-point-laptop-bottom hotspot-point-laptop-top hotspot-point-laptop-left hotspot-point-laptop-right').addClass('hotspot-point-laptop-'+val);
}else if( $editbox.hasClass('content_position_tablet') ){
$content.find('.hotspot-point-'+hash).removeClass('hotspot-point-tablet-bottom hotspot-point-tablet-top hotspot-point-tablet-left hotspot-point-tablet-right').addClass('hotspot-point-tablet-'+val);
}else if( $editbox.hasClass('content_position_mobile') ){
$content.find('.hotspot-point-'+hash).removeClass('hotspot-point-mobile-bottom hotspot-point-mobile-top hotspot-point-mobile-left hotspot-point-mobile-right').addClass('hotspot-point-mobile-'+val);
}
}
if( $editbox.hasClass('hotspot-y-axis-switcher') ){
$li.closest('.mfn-hotspot-point').find('.hotspot-y-axis-field .mfn-sliderbar-value').val('').trigger('change');
}
// product gallery arrows
if( $editbox.hasClass('product_images thumbnail_arrows') ){
$content.find('.'+it).removeClass('mfn-thumbnails-arrows-active');
if( val.length ) $content.find('.'+it).addClass('mfn-thumbnails-arrows-active');
}
// image gallery image height
if( $editbox.hasClass('image_gallery image_height') ){
$content.find('.'+it+' .gallery').removeClass('mfn_custom_img_height');
if( val.length ) $content.find('.'+it+' .gallery').addClass('mfn_custom_img_height');
}
// image gallery caption style
if( $editbox.hasClass('image_gallery') && $editbox.hasClass('image_caption_style') ){
$content.find('.'+it+' .gallery').removeClass('img_caption_overlay');
if( val.length ) $content.find('.'+it+' .gallery').addClass('img_caption_overlay');
}
if( $editbox.hasClass('image_gallery') && $editbox.hasClass('layout') ){
$content.find('.'+it+' .gallery').removeClass('equal-heights');
if( val.length ){
$content.find('.'+it+' .gallery').addClass('equal-heights');
if( !$content.find('.'+it+' .gallery').hasClass('img_caption_overlay') ) $('.mfn-form-row.image_gallery.image_caption_style input[value="img_caption_overlay"]').siblings('a').trigger('click');
}
}
// image gallery style
if( $editbox.hasClass('image_gallery style') ){
if( val == 'masonry' ) $('.image_gallery.layout .mfn-field-value[value=""]').siblings('a').trigger('click');
}
// hotspot
if( $editbox.hasClass('hotspot marker_animation') ){
$content.find('.'+it+' .mfn-image-hotspot').removeClass('mfn-image-hotspot-point-pulse mfn-image-hotspot-point-scale mfn-image-hotspot-point-bounce');
if( val.length ) $content.find('.'+it+' .mfn-image-hotspot').addClass('mfn-image-hotspot-point-'+val);
}
if( $editbox.hasClass('hotspot content_animation') ){
$content.find('.'+it+' .mfn-image-hotspot').removeClass('mfn-image-hotspot-content-fadeIn');
if( val.length ) $content.find('.'+it+' .mfn-image-hotspot').addClass('mfn-image-hotspot-content-'+val);
}
if( $editbox.hasClass('hotspot content_position') ){
var point_id = $editbox.closest('.mfn-hotspot-point').attr('id');
$content.find('.'+it+' .mfn-image-hotspot .hotspot-point-'+point_id).removeClass('hotspot-point-top hotspot-point-left hotspot-point-right hotspot-point-bottom');
if( val.length ) $content.find('.'+it+' .mfn-image-hotspot .hotspot-point-'+point_id).addClass('hotspot-point-'+val);
}
if( $editbox.hasClass('hotspot content_position_laptop') ){
var point_id = $editbox.closest('.mfn-hotspot-point').attr('id');
$content.find('.'+it+' .mfn-image-hotspot .hotspot-point-'+point_id).removeClass('hotspot-point-laptop-top hotspot-point-laptop-left hotspot-point-laptop-right hotspot-point-laptop-bottom');
if( val.length ) $content.find('.'+it+' .mfn-image-hotspot .hotspot-point-'+point_id).addClass('hotspot-point-'+val);
}
if( $editbox.hasClass('hotspot content_position_tablet') ){
var point_id = $editbox.closest('.mfn-hotspot-point').attr('id');
$content.find('.'+it+' .mfn-image-hotspot .hotspot-point-'+point_id).removeClass('hotspot-point-tablet-top hotspot-point-tablet-left hotspot-point-tablet-right hotspot-point-tablet-bottom');
if( val.length ) $content.find('.'+it+' .mfn-image-hotspot .hotspot-point-'+point_id).addClass('hotspot-point-'+val);
}
if( $editbox.hasClass('hotspot content_position_mobile') ){
var point_id = $editbox.closest('.mfn-hotspot-point').attr('id');
$content.find('.'+it+' .mfn-image-hotspot .hotspot-point-'+point_id).removeClass('hotspot-point-mobile-top hotspot-point-mobile-left hotspot-point-mobile-right hotspot-point-mobile-bottom');
if( val.length ) $content.find('.'+it+' .mfn-image-hotspot .hotspot-point-'+point_id).addClass('hotspot-point-'+val);
}
if( $editbox.hasClass('hotspot img_height') ){
$content.find('.'+it+' .mfn-image-hotspot').removeClass('mfn-image-hotspot-height');
if( val.length ) $content.find('.'+it+' .mfn-image-hotspot').addClass('mfn-image-hotspot-height');
}
if( $editbox.hasClass('hotspot') && $editbox.hasClass('img_height_style') ){
$content.find('.'+it+' .mfn-image-hotspot.mfn-image-hotspot-height').removeClass('mfn-image-hotspot-height-cover');
if( val.length ) $content.find('.'+it+' .mfn-image-hotspot.mfn-image-hotspot-height').addClass('mfn-image-hotspot-height-cover');
}
// header menu icon align
if( $editbox.hasClass('header_menu icon_align') ){
$content.find('.'+it+' .mfn-header-menu').removeClass('mfn-menu-icon-left mfn-menu-icon-right mfn-menu-icon-top');
$content.find('.'+it+' .mfn-header-menu').addClass('mfn-menu-icon-'+val);
}
// mega menu icon align
if( $editbox.hasClass('megamenu_menu icon_align') ){
$content.find('.'+it+' .mfn-megamenu-menu').removeClass('mfn-mm-menu-icon-left mfn-mm-menu-icon-right mfn-mm-menu-icon-top');
$content.find('.'+it+' .mfn-megamenu-menu').addClass('mfn-mm-menu-icon-'+val);
}
// header menu separator
if( $editbox.hasClass('header_menu separator') ){
$content.find('.'+it+' .mfn-header-menu').removeClass('mfn-menu-separator-on');
if( val == 'on' ) $content.find('.'+it+' .mfn-header-menu').addClass('mfn-menu-separator-on');
}
// header icon cart/wislist count icon reset top/bottom left/right
if( $editbox.hasClass('header_icon icon_count_posv') ){
$editpanel.find('.header-icon-vert-count.header_icon .mfn-field-value').val('').trigger('change');
}
if( $editbox.hasClass('header_icon icon_count_posh') ){
$editpanel.find('.header-icon-hori-count.header_icon .mfn-field-value').val('').trigger('change');
}
// greyscale
if($editbox.hasClass('greyscale')){
if(val == 0){
$content.find('.'+it+' .element_classes').removeClass('greyscale');
}else{
$content.find('.'+it+' .element_classes').addClass('greyscale');
}
}
// closeable header section
if( $editbox.hasClass('section closeable') ){
$content.find('.'+it+' .close-closeable-section').remove();
$content.find('.'+it).removeClass('closeable-active');
if( val == 1 ){
$content.find('.'+it).append('
✕ ');
$content.find('.'+it).addClass('closeable-active');
if( !$content.find('.'+it).hasClass('close-button-right') && !$content.find('.'+it).hasClass('close-button-left') ){
$content.find('.'+it).addClass('close-button-left');
}
}
// close-button-right closeable-active
}
// closeable header section
if( $editbox.hasClass('section') && $editbox.hasClass('closeable-x') ){
$content.find('.'+it).removeClass('close-button-right close-button-left');
$content.find('.'+it).addClass('close-button-'+val);
}
// invert
if($editbox.hasClass('invert')){
if(val == 0){
$content.find('.'+it+' .element_classes').removeClass('invert');
}else{
$content.find('.'+it+' .element_classes').addClass('invert');
}
}
// reverse order
if($editbox.hasClass('reverse_order') && $('.mfn-ui').hasClass('mfn-editing-wrap')){
$edited_div.removeClass('column-reverse column-reverse-rows');
if( val == '1' ){
$edited_div.addClass('column-reverse');
}else if( val == '2' ){
$edited_div.addClass('column-reverse-rows');
}
}
// reverse order sections
if($editbox.hasClass('reverse_order') && $('.mfn-ui').hasClass('mfn-editing-section')){
$edited_div.removeClass('wrap-reverse wrap-reverse-rows');
if( val == '1' ){
$edited_div.addClass('wrap-reverse');
}else if( val == '2' ){
$edited_div.addClass('wrap-reverse-rows');
}
}
// olds
// icon box 2 icon position
if($editbox.hasClass('icon_box_2 icon_position') || $editbox.hasClass('header_icon icon_position') || $editbox.hasClass('header_burger icon_position') ){
$content.find('.'+it+' .mfn-icon-box').removeClass('mfn-icon-box-top mfn-icon-box-bottom mfn-icon-box-left mfn-icon-box-right');
$content.find('.'+it+' .mfn-icon-box').addClass('mfn-icon-box-'+val);
}
// icon box 2 icon position tablet
if($editbox.hasClass('icon_box_2 icon_position_tablet') || $editbox.hasClass('header_icon icon_position_tablet') || $editbox.hasClass('header_burger icon_position_tablet') ){
$content.find('.'+it+' .mfn-icon-box').removeClass('mfn-icon-box-tablet-top mfn-icon-box-tablet-bottom mfn-icon-box-tablet-left mfn-icon-box-tablet-right');
if( val ) $content.find('.'+it+' .mfn-icon-box').addClass('mfn-icon-box-tablet-'+val);
}
// icon box 2 icon position laptop
if($editbox.hasClass('icon_box_2 icon_position_laptop') || $editbox.hasClass('header_icon icon_position_laptop') || $editbox.hasClass('header_burger icon_position_laptop') ){
$content.find('.'+it+' .mfn-icon-box').removeClass('mfn-icon-box-laptop-top mfn-icon-box-laptop-bottom mfn-icon-box-laptop-left mfn-icon-box-laptop-right');
if( val ) $content.find('.'+it+' .mfn-icon-box').addClass('mfn-icon-box-laptop-'+val);
}
// icon box 2 icon position mobile
if($editbox.hasClass('icon_box_2 icon_position_mobile') || $editbox.hasClass('header_icon icon_position_mobile') || $editbox.hasClass('header_burger icon_position_mobile') ){
$content.find('.'+it+' .mfn-icon-box').removeClass('mfn-icon-box-mobile-top mfn-icon-box-mobile-bottom mfn-icon-box-mobile-left mfn-icon-box-mobile-right');
if( val ) $content.find('.'+it+' .mfn-icon-box').addClass('mfn-icon-box-mobile-'+val);
}
// icon box 2 icon align
if($editbox.hasClass('icon_box_2 icon_align') || $editbox.hasClass('header_icon icon_align')){
$content.find('.'+it+' .mfn-icon-box').removeClass('mfn-icon-box-center mfn-icon-box-start mfn-icon-box-end');
$content.find('.'+it+' .mfn-icon-box').addClass('mfn-icon-box-'+val);
}
// icon box 2 icon align tablet
if($editbox.hasClass('icon_box_2 icon_align_tablet') || $editbox.hasClass('header_icon icon_align_tablet')){
$content.find('.'+it+' .mfn-icon-box').removeClass('mfn-icon-box-tablet-center mfn-icon-box-tablet-start mfn-icon-box-tablet-end');
if( val ) $content.find('.'+it+' .mfn-icon-box').addClass('mfn-icon-box-tablet-'+val);
}
// icon box 2 icon align laptop
if($editbox.hasClass('icon_box_2 icon_align_laptop') || $editbox.hasClass('header_icon icon_align_laptop')){
$content.find('.'+it+' .mfn-icon-box').removeClass('mfn-icon-box-laptop-center mfn-icon-box-laptop-start mfn-icon-box-laptop-end');
if( val ) $content.find('.'+it+' .mfn-icon-box').addClass('mfn-icon-box-laptop-'+val);
}
// icon box 2 icon align mobile
if($editbox.hasClass('icon_box_2 icon_align_mobile') || $editbox.hasClass('header_icon icon_align_mobile')){
$content.find('.'+it+' .mfn-icon-box').removeClass('mfn-icon-box-mobile-center mfn-icon-box-mobile-start mfn-icon-box-mobile-end');
if( val ) $content.find('.'+it+' .mfn-icon-box').addClass('mfn-icon-box-mobile-'+val);
}
// icon box 2 title tag
if($editbox.hasClass('icon_box_2') && $editbox.hasClass('title_tag')){
var ib2_title = $content.find('.'+it+' .mfn-icon-box .title').html();
$content.find('.'+it+' .mfn-icon-box .title').replaceWith('<'+val+' class="title">'+ib2_title+'');
}
// sticky wrapper
if( $('.mfn-ui').hasClass('mfn-editing-wrap') && ( $editbox.hasClass('sticky') || $editbox.hasClass('tablet_sticky') || $editbox.hasClass('mobile_sticky') || $editbox.hasClass('laptop_sticky') ) ){
if( val == 1 ){
$content.find('.'+it).addClass('sticky sticky-'+screen);
$editwrapper.find('.mfn_field_'+screen+'.adv_alignself_wrap .positioning-options ul li:first-child a').trigger('click');
}else{
$content.find('.'+it).removeClass('sticky-'+screen);
}
}
// single product add to cart text-align
if($editbox.hasClass('product_cart_button text-align')){
$content.find('.'+it+' .mfn-product-add-to-cart').removeClass('mfn_product_cart_center mfn_product_cart_left mfn_product_cart_right mfn_product_cart_justify')
if(val){
$content.find('.'+it+' > div').addClass('mfn_product_cart_'+val);
}
}
// text column align
if($editbox.hasClass('column align')){
$content.find('.'+it+' > div').removeClass('align_center align_left align_right align_justify');
if(val){
$content.find('.'+it+' > div').addClass('align_'+val);
}
}
// quick fact align
if($editbox.hasClass('quick_fact align')){
$content.find('.'+it+' .quick_fact').removeClass('align_center align_left align_right').addClass('align_'+val);
}
// our team style
if($editbox.hasClass('our_team') && $editbox.hasClass('style')){
$content.find('.'+it+' .team').removeClass('team_circle team_vertical team_horizontal').addClass('team_'+val);
}
// offer thumb align
if($editbox.hasClass('offer_thumb align')){
$content.find('.'+it+' .desc_wrapper').removeClass('align_center align_left align_right align_justify').addClass('align_'+val);
}
// promo box image position
if($editbox.hasClass('promo_box position')){
$content.find('.'+it+' .promo_box_wrapper').removeClass('promo_box_right promo_box_left').addClass('promo_box_'+val);
}
// button icon position
if($editbox.hasClass('widget-button icon_position')){
$content.find('.'+it+' .button').removeClass('button_right button_left').addClass('button_'+val);
}
// counter type
if($editbox.hasClass('counter') && $editbox.hasClass('type')){
$content.find('.'+it+' .counter').removeClass('counter_horizontal counter_vertical').addClass('counter_'+val);
}
// promo box border
if($editbox.hasClass('promo_box border')){
if(val == 0){
$content.find('.'+it+' .promo_box').removeClass('has_border').addClass('no_border');
}else{
$content.find('.'+it+' .promo_box').addClass('has_border').removeClass('no_border');
}
}
// image border
if($editbox.hasClass('image border')){
if(val == 0){
$content.find('.'+it+' .image_frame').removeClass('has_border').addClass('no_border');
}else{
$content.find('.'+it+' .image_frame').addClass('has_border').removeClass('no_border');
}
}
// image align
if($editbox.hasClass('image align')){
$content.find('.'+it+' .image_frame').removeClass('alignleft alignright aligncenter');
if(val){
$content.find('.'+it+' .image_frame').addClass('align'+val);
}
}
// trailer box orientation
if($editbox.hasClass('trailer_box orientation')){
$content.find('.'+it+' .trailer_box').removeClass('horizontal');
if(val){
$content.find('.'+it+' .trailer_box').addClass(val);
}
}
// story box style
if($editbox.hasClass('story_box') && $editbox.hasClass('style')){
$content.find('.'+it+' .story_box').removeClass('vertical');
if(val){
$content.find('.'+it+' .story_box').addClass('vertical');
}
}
// list style
if($editbox.hasClass('list') && $editbox.hasClass('style')){
$content.find('.'+it+' .list_item').removeClass('lists_1 lists_2 lists_3 lists_4').addClass('lists_'+val);
}
// icon box icon position
if($editbox.hasClass('icon_box icon_position')){
$content.find('.'+it+' .icon_box').removeClass('icon_position_left');
if(val == 'left'){
$content.find('.'+it+' .icon_box').addClass('icon_position_left');
}
}
// blog teaser margin
if($editbox.hasClass('blog_teaser margin')){
$content.find('.'+it+' .blog-teaser').removeClass('margin-no');
if(val == 0){
$content.find('.'+it+' .blog-teaser').addClass('margin-no');
}
}
// how it works border
if($editbox.hasClass('how_it_works border')){
if(val == 1){
$content.find('.'+it+' .how_it_works').addClass('has_border').removeClass('no_border');
}else{
$content.find('.'+it+' .how_it_works').removeClass('has_border').addClass('no_border');
}
}
// hover color align
if($editbox.hasClass('hover_color align')){
$content.find('.'+it+' .hover_color').removeClass('align_center align_left align_right align_justify');
$content.find('.'+it+' .hover_color').addClass('align_'+val);
}
// button full width fullwidth
if($editbox.hasClass('widget-button full_width')){
$content.find('.'+it+' .button').removeClass('button_full_width');
if(val == 1){
$content.find('.'+it+' .button').addClass('button_full_width');
}
}
// button size
if($editbox.hasClass('widget-button') && $editbox.hasClass('size')){
$content.find('.'+it+' .button').removeClass('button_size_1 button_size_2 button_size_3 button_size_4');
$content.find('.'+it+' .button').addClass('button_size_'+val);
}
// blog more
if($editbox.hasClass('blog more')){
$content.find('.'+it+' .posts_group').removeClass('hide-more');
if(val == 0){
$content.find('.'+it+' .posts_group').addClass('hide-more');
}
}
// blog more
if($editbox.hasClass('blog margin')){
$content.find('.'+it+' .posts_group').removeClass('margin');
if(val == 1){
$content.find('.'+it+' .posts_group').addClass('margin');
}
}
// mobile column text align
if($editbox.hasClass('column align-mobile')){
$content.find('.'+it+' > div').removeClass('mobile_align_center mobile_align_left mobile_align_right mobile_align_justify');
if(val){
$content.find('.'+it+' > div').addClass('mobile_align_'+val);
}
}
});
$editpanel.on('change', '.mfn-element-fields-wrapper .banner_box.hidden_elements_mobile .mfn-field-value', function() {
var val = $(this).val();
var it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
$content.find('.'+it+' .mfn-banner-box').removeClass('mfn-show-hidden-elements-on-mobile mfn-show-hidden-elements-on-tablet');
if( val.length && val == '1' ){
$content.find('.'+it+' .mfn-banner-box').addClass('mfn-show-hidden-elements-on-mobile');
}else if( val.length && val == '2' ){
$content.find('.'+it+' .mfn-banner-box').addClass('mfn-show-hidden-elements-on-tablet');
}
});
// header icon desc / empty desc
$editpanel.on('keyup paste change', '.mfn-element-fields-wrapper .header_icon.desc .mfn-field-value', function() {
var val = $(this).val();
if( val.length ){
$edited_div.find('.mfn-icon-box').removeClass('mfn-icon-box-empty-desc');
}else{
$edited_div.find('.mfn-icon-box').addClass('mfn-icon-box-empty-desc');
}
});
$editpanel.on('keyup paste change', '.mfn-element-fields-wrapper .hotspots .mfn-hotspot-point .content .mfn-field-value', function() {
var val = $(this).val();
var hash = $(this).closest('.mfn-hotspot-point').attr('id');
$content.find('.hotspot-point-'+hash+' .hotspot-content').html(val);
});
$editpanel.on('keyup paste change', '.mfn-element-fields-wrapper .hotspot.text .mfn-field-value', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
var val = $(this).val();
var point_id = $(this).closest('.mfn-hotspot-point').attr('id');
if( val.length ){
$content.find('.'+it+' .hotspot-point-'+point_id+' .marker-text').text(val);
}else{
$content.find('.'+it+' .hotspot-point-'+point_id+' .marker-text').text('Point text');
}
});
// multiple fields
$editpanel.on('keyup', '.multiple-inputs .field input', function() {
var $editbox = $(this).closest('.multiple-inputs');
if($editbox.hasClass('isLinked')){
var thisval = $(this).val();
$editbox.find('.disableable input').val(thisval);
}
}).on('change', '.multiple-inputs .field input:not(.readonly)', function() {
var $input = $(this);
var $editbox = $input.closest('.multiple-inputs');
var $box = $input.closest('.mfn-vb-formrow');
var val = $input.val();
var units_check = false;
//console.log('multiple inputs change');
// console.log($input);
if( val.length && $input.hasClass('numeral') ){
$.each( units, function( i, el ) {
if( val == 'initial' || val == 'auto' || val.includes(el) ){
units_check = true;
return;
}
});
if(units_check == false){
val += "px";
$input.val(val);
}
}
if( $editbox.hasClass('isLinked') ) {
$editbox.find('.disableable input').val(val);
if($editbox.hasClass('separated-fields')){
$editbox.find('.disableable input').each(function() {
$(this).trigger('change');
});
setTimeout(historyStorage.add, 200);
}else{
updatePseudoField($editbox);
}
if( $box.hasClass('pageoption') ) {
setTimeout(function() {
$editbox.find('.field:last-child input').trigger('change');
},400);
}
}else{
if(!$editbox.hasClass('separated-fields')){
updatePseudoField($editbox);
}else{
setTimeout(historyStorage.add, 200);
}
}
if($content.find('.vb-item[data-uid='+edited_item.uid+'] .slick-initialized').length){
setTimeout(function() {
$content.find('.vb-item[data-uid='+edited_item.uid+'] .slick-initialized').each(function() {
$(this).slick('setPosition');
});
},300);
}
/*setTimeout(function() {
loopAllStyleFields(edited_item.uid);
}, 100);*/
return;
});
$editpanel.on('change', '.mfn-element-fields-wrapper .header_menu.justify-content .preview-justify-contentinput', function() {
var val = $(this).val();
if( val == 'center' || val == 'flex-end' || val == 'flex-start' ){
$('.mfn-element-fields-wrapper .header_menu.flex-grow .preview-flex-growinput').val('unset').trigger('change');
}
});
$editpanel.on('change', '.mfn-element-fields-wrapper .header_menu.justify-content_tablet .preview-justify-content_tabletinput', function() {
var val = $(this).val();
if( val == 'center' || val == 'flex-end' || val == 'flex-start' ){
$('.mfn-element-fields-wrapper .header_menu.flex-grow_tablet .preview-flex-grow_tabletinput').val('unset').trigger('change');
}
});
$editpanel.on('change', '.mfn-element-fields-wrapper .header_menu.justify-content_laptop .preview-justify-content_laptopinput', function() {
var val = $(this).val();
if( val == 'center' || val == 'flex-end' || val == 'flex-start' ){
$('.mfn-element-fields-wrapper .header_menu.flex-grow_laptop .preview-flex-grow_laptopinput').val('unset').trigger('change');
}
});
$editpanel.on('change', '.mfn-element-fields-wrapper .custom-element-position .mfn-field-value', function() {
var val = $(this).val();
if( !val.length || val == 'unset' ){
$content.find('.'+edited_item.uid).removeClass('mfn-column-absolute');
if( $('.mfn-element-fields-wrapper .mfn_field_desktop.custom-abs-offset-values').length ){
$('.mfn-element-fields-wrapper .mfn_field_'+screen+'.custom-abs-offset-values .mfn-field-value').val('').trigger('change');
}else{
$('.mfn-element-fields-wrapper .custom-abs-offset-values .mfn-field-value').val('').trigger('change');
}
}else if(val == 'absolute'){
$content.find('.'+edited_item.uid).addClass('mfn-column-absolute');
}
});
$editpanel.on('change', '.mfn-element-fields-wrapper .header_menu.justify-content_mobile .preview-justify-content_mobileinput', function() {
var val = $(this).val();
if( val == 'center' || val == 'flex-end' || val == 'flex-start' ){
$('.mfn-element-fields-wrapper .header_menu.flex-grow_mobile .preview-flex-grow_mobileinput').val('unset').trigger('change');
}
});
$editpanel.on('click', '.multiple-inputs a.link', function(e) {
e.preventDefault();
var $editbox = $(this).closest('.multiple-inputs');
historyStorage.allow = false;
if($editbox.hasClass('isLinked')){
$editbox.removeClass('isLinked');
$editbox.find('.disableable input').removeClass('readonly').removeAttr('readonly');
}else{
var thisval = $editbox.find('.form-control .field').first().find('input').val();
$editbox.addClass('isLinked');
$editbox.find('.disableable input').addClass('readonly').attr('readonly', 'readonly');
$editbox.find('.disableable input').val(thisval);
if(!$editbox.hasClass('separated-fields')){
updatePseudoField($editbox);
}else{
$editbox.find('.disableable input').trigger('change');
}
}
historyStorage.allow = true
});
$editpanel.on('change', '.mfn-element-fields-wrapper .query_type .mfn-field-value', function() {
var val = $(this).val();
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
if( val == 'terms' ){
$('.mfn-element-fields-wrapper .query_terms_taxonomy .mfn-field-value').val('category').trigger('change');
$('.mfn-element-fields-wrapper .query_post_type .mfn-field-value').val('').trigger('change');
}else if( val == 'posts' ){
$('.mfn-element-fields-wrapper .query_post_type .mfn-field-value').val('post').trigger('change');
$('.mfn-element-fields-wrapper .query_terms_taxonomy .mfn-field-value').val('').trigger('change');
}
});
$editpanel.on('click', '.reset-bg', function(e) {
e.preventDefault();
var bg_switcher = $(this);
if( bg_switcher.hasClass('active') ){
bg_switcher.removeClass('active');
bg_switcher.closest('.mfn-form-row').find('.browse-image').addClass('empty');
bg_switcher.closest('.mfn-form-row').find('.mfn-field-value').val('').trigger('change');
}else{
bg_switcher.addClass('active');
bg_switcher.closest('.mfn-form-row').find('.mfn-field-value').val('none').trigger('change');
}
});
$editpanel.on('change', '.browse-image:not(.multi) .mfn-field-value', function() {
var val = $(this).val();
var imgInput = $(this);
if( val.length ){
uploader.itemsUpdate(val, imgInput);
}
});
$editpanel.on('change', '.height_switcher .mfn-field-value', function(e) {
let val = $(this).val();
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let $el = $edited_div;
if(val == 'full-screen') {
$el.addClass('full-screen');
}else{
$el.removeClass('full-screen');
}
if( val == 'default' && screen == 'desktop' ){
$(this).closest('.mfn-element-fields-wrapper').find('.modalbox-card-advanced .mfn_field_desktop.height .mfn-field-value').val('').trigger('change');
}
if( val == 'default' && screen == 'tablet' ){
$(this).closest('.mfn-element-fields-wrapper').find('.modalbox-card-advanced .mfn_field_tablet.height_tablet .mfn-field-value').val('').trigger('change');
$('.mfn-element-fields-wrapper .mfn_field_tablet .preview-height_tabletinput').val('').trigger('change');
}
if( val == 'default' && screen == 'laptop' ){
$(this).closest('.mfn-element-fields-wrapper').find('.modalbox-card-advanced .mfn_field_laptop.height_laptop .mfn-field-value').val('').trigger('change');
$('.mfn-element-fields-wrapper .mfn_field_laptop .preview-height_laptopinput').val('').trigger('change');
}
if( val == 'default' && screen == 'mobile' ){
$(this).closest('.mfn-element-fields-wrapper').find('.modalbox-card-advanced .mfn_field_mobile.height_mobile .mfn-field-value').val('').trigger('change');
$('.mfn-element-fields-wrapper .mfn_field_mobile .preview-height_mobileinput').val('').trigger('change');
}
});
$editpanel.on('change', '.width_switcher .mfn-field-value', function(e) {
let val = $(this).val();
let uid = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
$content.find('.'+uid).removeClass('mfn-item-inline custom-width full-width default-width mfn-item-custom-width');
if( $content.find('.'+uid).hasClass('mcb-section')){
$content.find('.'+uid).addClass(val+'-width');
}else{
if(val == 'inline') {
$content.find('.'+uid).addClass('mfn-item-inline');
}else if(val == 'custom') {
$content.find('.'+uid).addClass('mfn-item-custom-width');
if( $('.mfn-form-row.inline-style-input.flex-grow .mfn-field-value').length ) $('.mfn-form-row.inline-style-input.flex-grow .mfn-field-value').val('unset').trigger('change');
if( $('.mfn-form-row.inline-style-input.flex-grow_laptop .mfn-field-value').length ) $('.mfn-form-row.inline-style-input.flex-grow_laptop .mfn-field-value').val('unset').trigger('change');
if( $('.mfn-form-row.inline-style-input.flex-grow_tablet .mfn-field-value').length ) $('.mfn-form-row.inline-style-input.flex-grow_tablet .mfn-field-value').val('unset').trigger('change');
if( $('.mfn-form-row.inline-style-input.flex-grow_mobile .mfn-field-value').length ) $('.mfn-form-row.inline-style-input.flex-grow_mobile .mfn-field-value').val('unset').trigger('change');
console.log('test 1');
}
}
if( val == 'default' || val == 'inline' ){
if( $('.mfn-ui .panel-edit-item .mfn-form .modalbox-card-advanced .inline-style-input.max-width .mfn-form-input').length ){
$('.mfn-ui .panel-edit-item .mfn-form .modalbox-card-advanced .inline-style-input.max-width .mfn-form-input').val('').trigger('change');
}
$('.mfn-ui .panel-edit-item .mfn-form .modalbox-card-advanced .advanced_flex.inline-style-input .mfn-field-value').val('').trigger('change');
if( screen == 'desktop' ){
$builder.find('.'+uid).attr('data-desktop-size', edited_item.size);
$builder.find('.'+uid).find('.mfn-header').first().find('.mfn-size-label span').text(edited_item.size);
}else if( screen == 'laptop' ){
$builder.find('.'+uid).attr('data-desktop-size', edited_item.laptop_size);
$builder.find('.'+uid).find('.mfn-header').first().find('.mfn-size-label span').text(edited_item.laptop_size);
}else if( screen == 'tablet' ){
$builder.find('.'+uid).attr('data-desktop-size', edited_item.tablet_size);
$builder.find('.'+uid).find('.mfn-header').first().find('.mfn-size-label span').text(edited_item.tablet_size);
}else if( screen == 'mobile' ){
$builder.find('.'+uid).attr('data-desktop-size', edited_item.mobile_size);
$builder.find('.'+uid).find('.mfn-header').first().find('.mfn-size-label span').text(edited_item.mobile_size);
}
}
setTimeout(function() {
setSizeLabels();
if($('body').hasClass('mfn-navigator-active') ) be_navigator.show(edited_item.uid);
}, 200);
});
$editpanel.on('change', '.mfn-layout-modifier .mfn-field-value', function() {
let uid = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
reLayoutIsotope( uid );
});
function reLayoutIsotope( uid ){
if( !$content.find('.'+uid+' .masonry').length ) return;
setTimeout(function() {
iframe.jQuery('.'+uid+' .masonry').isotope('layout'); // isotope
}, 200);
}
$editpanel.on('change', '.mfn-vb-formrow.bgposopt select', function() {
if( $(this).val() != 'custom' ){
$('.mfn-vb-formrow.mfn-custom-bg-pos.mfn_field_'+screen+' input').val('').trigger('change');
}
});
$editpanel.on('change', '.mfn-vb-formrow.custombgsize select', function() {
if( $(this).val() != 'custom' ){
$('.mfn-vb-formrow.mfn-custom-bg-size.mfn_field_'+screen+' input').val('').trigger('change');
}
});
$editpanel.on('click', '.multiple-inputs a.inset', function(e) {
e.preventDefault();
var $editbox = $(this).closest('.multiple-inputs');
if($editbox.hasClass('isInset')){
$editbox.removeClass('isInset');
$editbox.find('input.boxshadow-inset').val('');
}else{
var thisval = $editbox.find('.field input').val();
$editbox.addClass('isInset');
$editbox.find('input.boxshadow-inset').val('inset');
}
updatePseudoField($editbox);
});
// animation
$editpanel.on('change', '.preview-animateinput', function(){
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let $edited_box = $edited_div;
let val = $(this).val();
$edited_box.removeClass('animate fadeIn fadeInUp fadeInDown fadeInLeft fadeInRight fadeInUpLarge fadeInDownLarge fadeInLeftLarge fadeInRightLarge zoomIn zoomInUp zoomInDown zoomInLeft zoomInRight zoomInUpLarge zoomInDownLarge zoomInLeftLarge bounceIn bounceInUp bounceInDown bounceInLeft bounceInRight');
if(val.length){
$edited_box.addClass('animate '+val);
}
});
// mask shape
function maskShapeGetAttrs( el ) {
const formInputVal = $(el).find('.mfn-form-select').val();
const sectionName = $(el).closest('.mfn-element-fields-wrapper').attr('data-element');
const sectionDom = $("iframe#mfn-vb-ifr").contents().find('body').find('.'+sectionName);
return {formInputVal, sectionName, sectionDom};
}
let maskShapeConditionalArray = [];
function maskShapeHideChildrenConditional( el ) {
const isMaskShapeEnabled = "None" !== $(el).find('[data-name="mask_shape_type"] select option:selected').text();
//Hide
if ( !isMaskShapeEnabled ) {
maskShapeConditionalArray = [];
let isPositionEnabled = "Custom" === $(el).find('[data-name="mask_shape_position"] select option:selected').text();
let isSizeEnabled = "Custom" === $(el).find('[data-name="mask_shape_size"] select option:selected').text() ;
if ( isPositionEnabled ) {
const hiddenInputX = $(el).find('[data-name="-webkit-mask-position-x"]');
const hiddenInputY = $(el).find('[data-name="-webkit-mask-position-y"]');
maskShapeConditionalArray.push(hiddenInputX, hiddenInputY);
}
if ( isSizeEnabled ) {
const hiddenInput = $(el).find('[data-name="-webkit-mask-size"]');
maskShapeConditionalArray.push(hiddenInput);
}
setTimeout(function(){
maskShapeConditionalArray.forEach(element => {
$(element).removeClass('conditionally-show');
$(element).addClass('conditionally-hide');
});
}, 0 )
return;
}
//Display
maskShapeConditionalArray.forEach(element => {
$(element).addClass('conditionally-show');
$(element).removeClass('conditionally-hide');
});
return;
}
$editpanel.on('change', '.heading.background-image:not(.activeif-background_switcher_adv)', function() {
const formInputVal = $(this).find('.mfn-form-input').val();
const {sectionDom } = maskShapeGetAttrs($(this));
const titleDom = $(sectionDom).find('.title');
if(formInputVal.length > 0){
$(titleDom).addClass('mfn-mask-shape');
} else {
$(titleDom).removeClass('mfn-mask-shape');
}
})
$editpanel.on('change', '.mask_shape_type', function() {
const {formInputVal, sectionDom } = maskShapeGetAttrs($(this));
const availableStyles = ['circle', 'blob', 'blob-2', 'brush', 'brush-2', 'cross', 'irregular-circle', 'stain', 'triangle', 'custom'];
const itemName = sectionDom.hasClass('column_image') ? 'image' : 'video';
const shapeContainer = itemName === 'image' ? $(sectionDom).find('.image_frame') : $(sectionDom).find('.content_video');
const parentContainer = $(this).closest('.mfn-element-fields-wrapper');
availableStyles.forEach(style => {
$( shapeContainer ).removeClass(style);
})
if(parseInt(formInputVal) == 0 ){
if( shapeContainer.hasClass('mfn-mask-shape') ){
$(shapeContainer).removeClass('mfn-mask-shape');
}
maskShapeHideChildrenConditional(parentContainer);
} else {
if( !shapeContainer.hasClass('mfn-mask-shape') ){
$(shapeContainer).addClass('mfn-mask-shape');
}
maskShapeHideChildrenConditional(parentContainer);
$( shapeContainer ).addClass( formInputVal );
}
})
$editpanel.on('change', '.mask_shape_size', function() {
const {formInputVal, sectionName, sectionDom } = maskShapeGetAttrs($(this));
//itemName variable must be here, because heading does not have custom size/position
const itemName = sectionDom.hasClass('column_image') ? 'image' : 'video';
const shapeContainer = itemName === 'image' ? $(sectionDom).find('img') : $(sectionDom).find('video, iframe');
if(formInputVal !== 'custom' ){
shapeContainer.css('mask-size', formInputVal);
} else {
var sizeAppended = $(this).closest('.mfn-element-fields-wrapper').find('.-webkit-mask-size .mfn-sliderbar-value').val();
shapeContainer.css('mask-size', `${sizeAppended}%`);
}
})
$editpanel.on('change', '.mask_shape_position', function() {
const {formInputVal, sectionName, sectionDom } = maskShapeGetAttrs($(this));
//itemName variable must be here, because heading does not have custom size/position
const itemName = sectionDom.hasClass('column_image') ? 'image' : 'video';
const shapeContainer = itemName === 'image' ? $(sectionDom).find('img') : $(sectionDom).find('video, iframe');
if(formInputVal !== 'custom' ){
const positions = formInputVal.split(' ');
shapeContainer.css('mask-position-y', positions[0]);
shapeContainer.css('mask-position-x', positions[1]);
}
})
$editpanel.on('change', '.banner_box.bb_badge_pos .mfn-field-value', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
$builder.find('.'+it+' .banner-badge').removeClass('banner-badge-top-right banner-badge-top-left banner-badge-bottom-right banner-badge-bottom-left');
if( val.length ){
$builder.find('.'+it+' .banner-badge').addClass('banner-badge-'+val);
}else{
$builder.find('.'+it+' .banner-badge').addClass('banner-badge-top-right');
}
});
$editpanel.on('change', '.banner_box.hover_effect .mfn-field-value', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
$builder.find('.'+it+' .mfn-banner-box').removeClass('mfn-banner-box-image-toggle mfn-banner-box-image-zoom-in mfn-banner-box-image-zoom-out mfn-banner-box-image-blur');
if( val.length ){
$builder.find('.'+it+' .mfn-banner-box').addClass('mfn-banner-box-image-'+val);
}
});
$editpanel.on('change', '.banner_box.cta_hover_effect .mfn-field-value', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
$builder.find('.'+it+' .mfn-banner-box').removeClass('mfn-banner-box-cta-zoom-in');
if( val.length ){
$builder.find('.'+it+' .mfn-banner-box').addClass('mfn-banner-box-image-'+val);
}
});
// shape divider
function shapeDividerGetAttrs( el ) {
const sectionName = $(el).closest('.mfn-element-fields-wrapper').attr('data-element');
const sectionDom = $content.find('.'+sectionName);
const inputName = $(el).attr('data-name');
const inputValue = $(el).find('.mfn-field-value').val();
const checkboxValue = $(el).find('li.active input[type="checkbox"]').val();
const shapeDividerPosition = inputName.match(/top|bottom/).toString();
const shapeDividerDom = $(sectionDom).find('.mfn-shape-divider[data-name="'+ shapeDividerPosition +'"]');
let invertValue = $(el).siblings('.shape_divider_invert_'+shapeDividerPosition).find('li.active input[type="checkbox"]').val();
let shapeDividerOptions = inputName.match(/flip|bring_front/);
if (shapeDividerOptions != null){
shapeDividerOptions = shapeDividerOptions.toString();
}
return {inputName, inputValue, checkboxValue, sectionName, sectionDom, shapeDividerPosition, shapeDividerDom, shapeDividerOptions, invertValue};
}
$editpanel.on('change', '.shape_divider_type_top, .shape_divider_type_bottom', function() {
const { inputValue, shapeDividerPosition, sectionDom, invertValue } = shapeDividerGetAttrs($(this));
let { shapeDividerDom } = shapeDividerGetAttrs($(this));
let svgLocation = $(shapeDividerDom).find('svg');
let currentTabView = $('.panel-edit-item');
// empty value
if( ! inputValue ){
svgLocation.html('
');
return;
}
// invert
let invertValSet = currentTabView.find('.shape_divider_invert_'+ shapeDividerPosition +' li.active input').val();
invertValSet = parseInt(invertValSet);
let key = 'svg';
if( invertValSet && ( 'invert' in mfnvbvars.shape_dividers[inputValue] ) ) {
key = 'invert';
} else {
invertValSet = 0;
}
shapeDividerDom.attr('data-invert',invertValSet);
// viewbox
let viewbox = '0 0 1200 120';
if( 'viewbox' in mfnvbvars.shape_dividers[inputValue] ){
viewbox = mfnvbvars.shape_dividers[inputValue]['viewbox'];
}
svgLocation.attr('viewBox',viewbox);
// get path
const rand = Math.random().toString(36).substring(8);
const regex = /mfn-uid-/g;
let pathVal = mfnvbvars.shape_dividers[inputValue][key].replace( regex, 'mfn-uid-'+ rand );
svgLocation.html(pathVal);
});
$editpanel.on('change', '.shape_divider_flip_top, .shape_divider_invert_top, .shape_divider_bring_front_top, .shape_divider_flip_bottom, .shape_divider_invert_bottom, .shape_divider_bring_front_bottom', function() {
const { shapeDividerDom, inputName, checkboxValue, shapeDividerPosition } = shapeDividerGetAttrs($(this));
let svgLocation = $(shapeDividerDom).find('svg');
let toChange;
switch(inputName){
case 'shape_divider_flip_'+ shapeDividerPosition:
$(shapeDividerDom).attr('data-flip', checkboxValue); //0 or 1
break;
case 'shape_divider_invert_'+ shapeDividerPosition:
svgLocation = $(shapeDividerDom).closest('.be-custom-shape');
$(shapeDividerDom).attr('data-invert', checkboxValue); //0 or 1
//Invert is chaning the "D" path, so we need to update it
const typeSwitch = $(this).siblings('div[data-name="shape_divider_type_'+shapeDividerPosition+'"]');
$(typeSwitch).trigger('change');
break;
case 'shape_divider_bring_front_'+ shapeDividerPosition:
$(shapeDividerDom).attr('data-bring-front', checkboxValue); //0 or 1
$(svgLocation).css('z-index', toChange);
break;
}
});
// decoration svgs
$editpanel.on('change', '.preview-dividerinput', function() {
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
if($content.find('.'+it+' .section-divider').length){
$content.find('.'+it+' .section-divider').removeClass('circle up square triangle triple-triangle down').addClass(val);
}else if(val != ''){
$edited_div.append('
');
}
});
// segmented options multi segmented
$editpanel.on('click', '.multiple-segmented-options.segmented-options ul li a', function(e) {
e.preventDefault();
let $editbox = $(this).closest('.mfn-form-row');
let $li = $(this).closest('li');
let it = $editbox.closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $li.find('input').val();
let id = $li.find('input').attr('name');
let this_div = $content.find('.'+it);
if( $editbox.hasClass('header_icon_desc_visibility') ) {
this_div = $content.find('.'+it+' .mfn-header-icon-box .desc-wrapper');
}
if($li.hasClass('active')){
$li.find('input').prop('checked', false);
$li.removeClass('active');
this_div.removeClass(val);
}else{
// max 2/3 in responsive visibility
if( $editbox.hasClass('visibility') && $editbox.find('ul li.active').length == 3 ) return;
$li.addClass('active');
$li.find('input').prop('checked', true);
this_div.addClass(val);
}
var value = '';
$('li input:checked', $editbox).each(function() {
value = value + ' ' + $(this).val();
});
var editedd_item = mfnvbvars.pagedata.filter( (item) => item.uid == edited_item.uid )[0];
if( value.length ){
editedd_item['attr'][id] = value;
edited_item['attr'][id] = value;
}else{
delete(editedd_item['attr'][id]);
delete(edited_item['attr'][id]);
}
be_navigator.responsive(value, edited_item.uid, true);
/*var value = '';
$('li input:checked', $editbox).each(function() {
value = value + ' ' + $(this).val();
});
$hiddeninput.val(value).trigger('change');*/
});
// gradient input change
$editpanel.on('change', '.mfn-vb-formrow.gradient .mfn-form-control', function() {
let $editbox = $(this).closest('.mfn-vb-formrow');
gradientValue($editbox);
});
// pseudo checkbox
$editpanel.on('click', '.checkboxes ul li', function() {
let $input = $(this).find('input');
let $editbox = $(this).closest('.mfn-form-row');
let input_name = $input.attr('name');
let val = $input.val();
let windowH = $(window).height() || 0;
if($(this).hasClass('active')){
$input.prop('checked', false).trigger('change');
$(this).removeClass('active');
if( $editbox.closest('.mfn-element-fields-wrapper').length ) $edited_div.removeClass(val);
if($editbox.hasClass('mfn-type-section') && val == 'full-screen'){
let it = $editbox.closest('.mfn-element-fields-wrapper').attr('data-element');
$edited_div.css({'min-height': '50px'});
$content.find('.'+it+' .section_wrapper').css({'padding-top': 0, 'padding-bottom': 0});
}
}else{
$(this).addClass('active');
$input.prop('checked', true).trigger('change');
if( $editbox.closest('.mfn-element-fields-wrapper').length ) $edited_div.addClass(val);
}
if( $editbox.find( '.checkboxes.pseudo' ).length ){
var value = '';
$('li input:checked', $editbox).each(function() {
value = value + ' ' + $(this).val();
});
edited_item['attr'][input_name] = value;
$('.value', $editbox).val(value).trigger('change');
}else if( typeof edited_item['attr'] !== 'undefined' && typeof edited_item['attr'][input_name] !== 'undefined' ){
//$input.trigger('change');
delete(edited_item['attr'][input_name])
}
});
// radio img
$editpanel.on('click', '.visual-options ul li a', function(e) {
e.preventDefault();
let $li = $(this).closest('li');
let $editbox = $li.closest('.mfn-form-row');
let $edit_wrapper = $li.closest('.mfn-element-fields-wrapper');
let it = $edit_wrapper.attr('data-element');
let val = $li.find('input').val();
if(!$li.hasClass('active')){
$editbox.find('li').removeClass('active');
$editbox.find('li').find('input').prop('checked', false);
$li.addClass('active');
$li.find('input').prop('checked', true).trigger('change');
}
if( $editbox.hasClass('themeoption layout') ){
// themeoption layout
$content.find('body').removeClass('layout-boxed layout-full-width').addClass('layout-'+val);
}
if( $editbox.hasClass('themeoption style') ){
// themeoption style
$content.find('body').removeClass('style-default style-simple');
if( val.length ){
$content.find('body').addClass('style-simple');
}else{
$content.find('body').addClass('style-default');
}
}
if( $editbox.hasClass('popup_position') ){
$editbox.find('input[name="popup_position"]').each(function() {
$content.find('.mfn-popup-tmpl').removeClass('mfn-popup-tmpl-'+$(this).val());
});
$content.find('.mfn-popup-tmpl').addClass('mfn-popup-tmpl-'+val);
}
if( $editbox.hasClass('sidemenu_position') ){
$content.find('.mfn-sidemenu-tmpl').removeClass('mfn-sidemenu-align-right mfn-sidemenu-align-left');
if( val.length ){
$content.find('.mfn-sidemenu-tmpl').addClass('mfn-sidemenu-align-'+val);
}else{
$content.find('.mfn-sidemenu-tmpl').addClass('mfn-sidemenu-align-left');
}
}
if( $editbox.hasClass('watchChanges') ){
var id = $editbox.attr('id');
mfnoptsinputs.getField(id, val);
}
});
$editpanel.on('change', '.panel-view-options .option.popup_close_button_active .mfn-field-value', function() {
let val = $(this).val();
$content.find('.mfn-popup-tmpl').removeClass('mfn-popup-tmpl-close-button-hidden');
if( val == '' ){
$content.find('.mfn-popup-tmpl').addClass('mfn-popup-tmpl-close-button-hidden');
}
});
$editpanel.on('change', '.panel-view-options .option.sidemenu_close_button_active .mfn-field-value', function() {
let val = $(this).val();
$content.find('.mfn-sidemenu-tmpl').removeClass('mfn-sidemenu-closebutton-hidden mfn-sidemenu-closebutton-active');
if( val.length ){
$content.find('.mfn-sidemenu-tmpl').addClass('mfn-sidemenu-closebutton-active');
}else{
$content.find('.mfn-sidemenu-tmpl').addClass('mfn-sidemenu-closebutton-hidden');
}
});
$editpanel.on('change', '.panel-view-options .option.popup_width .mfn-field-value', function() {
let val = $(this).val();
$content.find('.mfn-popup-tmpl').removeClass('mfn-popup-tmpl-full-width mfn-popup-tmpl-width-default mfn-popup-tmpl-custom-width');
if( val.length ){
$content.find('.mfn-popup-tmpl').addClass('mfn-popup-tmpl-'+val);
}else{
$content.find('.mfn-popup-tmpl').addClass('mfn-popup-tmpl-width-default');
}
});
$editpanel.on('change', '.panel-view-options .option.popup_close_button_align .mfn-field-value', function() {
let val = $(this).val();
$content.find('.mfn-popup-tmpl').removeClass('mfn-popup-close-button-right mfn-popup-close-button-left');
if( val.length ){
$content.find('.mfn-popup-tmpl').addClass('mfn-popup-close-button-'+val);
}else{
$content.find('.mfn-popup-tmpl').addClass('mfn-popup-close-button-right');
}
});
$editpanel.on('change', '.panel-view-options .sidemenu_close_button_align .mfn-field-value', function() {
let val = $(this).val();
$content.find('.mfn-sidemenu-tmpl').removeClass('mfn-sidemenu-close-button-left mfn-sidemenu-close-button-right');
if( val.length ){
$content.find('.mfn-sidemenu-tmpl').addClass('mfn-sidemenu-close-button-'+val);
}else{
$content.find('.mfn-sidemenu-tmpl').addClass('mfn-sidemenu-close-button-right');
}
});
function onOpenEditForm() {
if($('.mfn-ui').hasClass('mfn-sidebar-hidden-footer')) $('.mfn-ui').removeClass('mfn-sidebar-hidden-footer');
/**
* Query loop
* */
if( edited_item.jsclass == 'wrap' || edited_item.jsclass == 'section' ){
//$('.mfn-element-fields-wrapper .mfn-form-row.type .segmented-options li:first-child a').trigger('click');
//console.log(edited_item);
if( typeof edited_item['attr']['type'] === 'undefined' || edited_item['attr']['type'] == '' ) {
$('.mfn-element-fields-wrapper .mfn-form-row.query_type .mfn-field-value').val('');
$('.mfn-element-fields-wrapper .mfn-form-row.query_post_type .mfn-field-value').val('');
$('.mfn-element-fields-wrapper .query_terms_taxonomy .mfn-field-value').val('');
}else if( ( typeof edited_item['attr']['query_type'] === 'undefined' || edited_item['attr']['query_type'] == 'terms' ) ) {
$('.mfn-element-fields-wrapper .mfn-form-row.query_post_type .mfn-field-value').val('');
}else if( typeof edited_item['attr']['query_type'] === 'undefined' || edited_item['attr']['query_type'] == 'posts' ) {
$('.mfn-element-fields-wrapper .query_terms_taxonomy .mfn-field-value').val('');
}
}
/**
*
* Blog & Portfolio tmpl
*
* */
if( builder_type == 'blog' && (edited_item.jsclass == 'section' || edited_item.jsclass == 'wrap') && _.has(edited_item['attr'], 'type') && edited_item['attr']['type'] == 'query' && $('.panel-edit-item .mfn-form .mfn-form-row.query_post_type .mfn-field-value').val() != 'post' ) {
$('.panel-edit-item .mfn-form .mfn-form-row.query_type .mfn-field-value').val('posts').trigger('change');
$('.panel-edit-item .mfn-form .mfn-form-row.query_post_type .mfn-field-value').val('post').trigger('change');
}
if( builder_type == 'portfolio' && (edited_item.jsclass == 'section' || edited_item.jsclass == 'wrap') && _.has(edited_item['attr'], 'type') && edited_item['attr']['type'] == 'query' && $('.panel-edit-item .mfn-form .mfn-form-row.query_post_type .mfn-field-value').val() != 'portfolio' ) {
$('.panel-edit-item .mfn-form .mfn-form-row.query_type .mfn-field-value').val('posts').trigger('change');
$('.panel-edit-item .mfn-form .mfn-form-row.query_post_type .mfn-field-value').val('portfolio').trigger('change');
}
/**
* Sidebar nav trigger click
* */
if( $editpanel.find('.panel-edit-item .mfn-form .mfn-sidebar-fields-tabs ul.mfn-sft-nav').length ){
$editpanel.find('.panel-edit-item .mfn-form .mfn-sidebar-fields-tabs ul.mfn-sft-nav').each(function() {
$(this).find('li:first-child a').trigger('click');
});
}
/**
* Deprecated hide
* */
if( $('.panel-edit-item .mfn-element-fields-wrapper .mfn-vb-formrow.mfn-deprecated').length ){
if( !$('.panel-edit-item .mfn-element-fields-wrapper .mfn-vb-formrow.mfn-deprecated .mfn-field-value').length ) $('.panel-edit-item .mfn-element-fields-wrapper .mfn-vb-formrow.mfn-deprecated').remove();
}
//$('.panel-edit-item .mfn-element-fields-wrapper .mfn-vb-formrow .checkboxes.pseudo .mfn-deprecated:not(.active)').remove();
if( $('.panel-edit-item .mfn-element-fields-wrapper .browse-image.multi .gallery-container li').length ){
uploader.sortable();
}
/**
* Slider bar
* */
if( $('.mfn-form .mfn-element-fields-wrapper .mfn-vb-formrow .sliderbar:not(.mfn-initialized)').length ){
$('.mfn-form .mfn-element-fields-wrapper .mfn-vb-formrow .sliderbar:not(.mfn-initialized)').each(function() {
sliderInput.init($(this));
});
}
/**
* Mask shapes
*/
const getMaskShapeParents = $('.panel-edit-item').find('[data-item="image"], [data-item="video"]');
if( getMaskShapeParents.length ) {
maskShapeHideChildrenConditional( getMaskShapeParents );
};
}
$editpanel.on('click', '.mfn-form-row .color-picker .form-control .color-picker-vb:not(.mfn-initialized)', function() {
if( !$(this).hasClass('mfn-initialized') ){
$(this).addClass('mfn-initialized');
var $this_input = $(this);
var cp_selector = 'color-picker-vb-'+getUid();
var $edit_field = $(this).closest('.mfn-form-row');
var $edit_wrapper = $(this).closest('.mfn-element-fields-wrapper');
var element = $edit_wrapper.attr('data-element');
var css_style = $edit_field.attr('data-name');
var css_path = $edit_field.attr('data-csspath');
if( $edit_field.hasClass('themeoption') ){
css_style = $edit_field.attr('data-style');
}
var default_color = $this_input.val().length ? $this_input.val() : '#000';
$this_input.addClass(cp_selector+' mfn-initialized');
const inputElement = document.querySelector( '.'+cp_selector );
const mfnPickr = Pickr.create({
el: inputElement,
theme: 'nano',
useAsButton: true,
defaultRepresentation: 'HEX',
default: default_color,
comparison: true,
swatches: color_palette,
components: {
palette: true,
preview: true,
opacity: true,
hue: true,
interaction: {
hex: false,
rgba: false,
hsla: false,
hsva: false,
cmyk: false,
input: true,
clear: true,
save: true
}
},
}).on('init', (color, instance) => {
mfnPickr.show();
}).on('show', (color, instance) => {
if( $this_input.val().length && $this_input.val().includes('#') && $this_input.val() != color.toHEXA().toString(0) ) {
mfnPickr.setColor($this_input.val());
mfnPickr.show();
}
$('.sidebar-wrapper').addClass('mfn-vb-sidebar-overlay');
}).on('hide', (color, instance) => {
if( $this_input.val().length ) mfnPickr.setColor($this_input.val());
$('.sidebar-wrapper').removeClass('mfn-vb-sidebar-overlay');
if(css_path && !$edit_field.hasClass('fancy_divider')){
setTimeout(function() {
changeInlineStyles(css_path, css_style, 'remove');
}, 50);
}
}).on('save', color => {
mfnPickr.hide();
}).on('change', (color, source, instance) => {
if( isBlocks() ) return;
var cl = color.toHEXA().toString(0);
if( color.a < 1 ) cl = color.toRGBA().toString(0).replaceAll(' ', '');
$this_input.val( cl );
if( $edit_field.hasClass('inline-style-input') && $edit_field.hasClass('option') ){
$this_input.trigger('change');
}
if( $edit_field.hasClass('gradient') ){
gradientValue( $edit_field, true );
}else if($edit_field.hasClass('fancy_divider color_top')){
changeFancyDividerColorTop($edit_wrapper.attr('data-element'), $edit_wrapper.attr('data-group'), cl);
}else if($edit_field.hasClass('fancy_divider color_bottom')){
changeFancyDividerColorBottom($edit_wrapper.attr('data-element'), $edit_wrapper.attr('data-group'), cl);
}else if($edit_field.hasClass('widget-chart color')){
changeColorChart($edit_wrapper.attr('data-element'), cl);
}else if(typeof edited_item.type !== 'undefined' && edited_item.type == 'list_2'){
// prevent local styles change
}else if(typeof css_path !== 'undefined' ){
changeInlineStyles(css_path, css_style, cl);
}
$(inputElement).closest('.color-picker-group').find('.form-addon-prepend .label').css('border-color', cl).css('background-color', cl);
$(inputElement).closest('.color-picker-group').find('.form-addon-prepend .label').removeClass('light dark').addClass(getContrastYIQ( color.toHEXA().toString(0) ));
}).on('changestop', (source, instance) => {
var cl = instance._color.toHEXA().toString(0);
if(typeof css_path == typeof undefined && $edit_field.hasClass('widget-chart color')){
$this_input.val( cl ).trigger('change');
return;
}
if( instance._color.a < 1 ) cl = instance._color.toRGBA().toString(0).replaceAll(' ', '');
$this_input.val( cl ).trigger('change');
if( $edit_wrapper.length ){
if( $edit_field.hasClass('gradient') ){
gradientValue( $edit_field, false );
}
}
if(typeof edited_item.type !== 'undefined' && edited_item.type == 'list_2'){
// prevent local styles change
return;
}
if(css_path && !$edit_field.hasClass('fancy_divider')){
setTimeout(function() {
changeInlineStyles(css_path, css_style, 'remove');
}, 50);
}
}).on('swatchselect', (source, instance) => {
if(!css_path && $edit_field.hasClass('widget-chart color')){
$this_input.val( instance._color.toHEXA().toString(0) ).trigger('change');
return;
}
$this_input.val( instance._color.toHEXA().toString(0) ).trigger('change');
if(typeof edited_item.type !== 'undefined' && edited_item.type == 'list_2'){
// prevent local styles change
return;
}
if(css_path && !$edit_field.hasClass('fancy_divider')){
setTimeout(function() {
changeInlineStyles(css_path, css_style, 'remove');
}, 50);
}
}).on('clear', instance => {
mfnPickr.hide();
$edit_field.find('.color-picker-clear').trigger('click');
});
}
})
// color picker
$editpanel.on('change', '.mfn-vb-formrow .color-picker-vb', function(e){
e.preventDefault();
var $field = $(this);
var color = $field.val();
if( color.length == 6 && !color.includes('#') ){
$field.val('#'+color).trigger('change');
return;
}
if( color == '#fff' ){
$field.val('#ffffff').trigger('change');
return;
}
if( color.length ){
$field.closest('.color-picker-group').find('.form-addon-prepend .label').css('border-color', color).css('background-color', color);
$field.closest('.color-picker-group').find('.form-addon-prepend .label').removeClass('light dark').addClass(getContrastYIQ( color ));
}else{
$field.closest('.color-picker-group').find('.form-addon-prepend .label').removeAttr('style').removeClass('dark').addClass('light');
}
});
$editpanel.on('click', '.color-picker-clear', function(e){
e.preventDefault();
let $edit_wrapper = $(this).closest('.mfn-element-fields-wrapper');
let $editfield = $(this).closest('.mfn-form-row');
let $group = $(this).closest('.color-picker-group');
let csspath = $editfield.attr('data-csspath');
let cssstyle = $editfield.attr('data-name');
if($editfield.hasClass('gradient')){
$editfield.find('.color-picker-vb').val('').trigger('change');
}else if($editfield.hasClass('box-shadow')){
$group.find('.color-picker-vb').val('').trigger('change');
$editfield.find('.field input').val('').trigger('change');
}else{
$group.find('.color-picker-vb').val('').trigger('change');
}
if( $editfield.find('.multiple-inputs .pseudo-field.mfn-field-value').length ){
updatePseudoField( $editfield.find('.multiple-inputs') );
}else if($editfield.hasClass('fancy_divider color_top')){
changeFancyDividerColorTop($edit_wrapper.attr('data-element'), $edit_wrapper.attr('data-group'), 'remove');
}else if($editfield.hasClass('fancy_divider color_bottom')){
changeFancyDividerColorBottom($edit_wrapper.attr('data-element'), $edit_wrapper.attr('data-group'), 'remove');
}
//changeInlineStyles(csspath, cssstyle, 'remove');
$group.find('.form-addon-prepend .label').removeAttr('style').removeClass('dark').addClass('light');
});
$editpanel.on('click', '.color-picker-open', function(e){
e.preventDefault();
let $group = $(this).closest('.color-picker-group');
$('.form-control .mfn-form-input', $group).trigger('click');
});
$editpanel.on('blur', '.custom_css .preview-custom_cssinput', function() {
// inline styles column
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
let styles = val.split(';');
$.each(styles, function( i, v ) {
if(v.trim()){
let st_expl = v.split(':');
if(st_expl[0] && st_expl[1]){
changeInlineStyles('.'+it, st_expl[0], st_expl[1]);
}
}
});
}).on('focus', '.custom_css .preview-custom_cssinput', function() {
// inline styles column
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
let styles = val.split(';');
$.each(styles, function( i, v ) {
if(v.trim()){
let st_expl = v.split(':');
if(st_expl[0] && st_expl[1]){
changeInlineStyles('.'+it, st_expl[0], 'remove');
}
}
});
});
/**
*
* DEPRECATED FIELDS
*
* */
// column inline css
$editpanel.on('blur', '.column.style .preview-styleinput', function() {
// inline styles column
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
let styles = val.split(';');
$.each(styles, function( i, v ) {
if(v.trim()){
let st_expl = v.split(':');
if(st_expl[0] && st_expl[1]){
changeInlineStyles('.'+it+' .column_attr', st_expl[0], st_expl[1]);
}
}
});
}).on('focus', '.column.style .preview-styleinput', function() {
// inline styles column
let it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
let val = $(this).val();
let styles = val.split(';');
$.each(styles, function( i, v ) {
if(v.trim()){
let st_expl = v.split(':');
if(st_expl[0] && st_expl[1]){
changeInlineStyles('.'+it+' .column_attr', st_expl[0], 'remove');
}
}
});
});
/**
*
* END DEPRECATED FIELDS
*
* */
$editpanel.on('click', '.mfn-fr-help-icon', function(e) {
e.preventDefault();
if( $(this).closest('.mfn-form-row').find('.desc-group').is(':visible') ){
$(this).closest('.mfn-form-row').find('.desc-group').slideUp(300);
}else{
$(this).closest('.mfn-form-row').find('.desc-group').slideDown(300);
}
});
$editpanel.on('mouseover', '.panel-edit-item .tabs-wrapper:not(.mfn-initialized)', function() {
tabsField.sortable();
});
function updatePseudoField($box) {
var value = '';
$box.find('.field input').each(function(i) {
if( $(this).val().length ) {
value += i == 0 ? $(this).val() : ' '+$(this).val();
}else if( !$(this).val().length && !$(this).hasClass('boxshadow-inset') ) {
value += i == 0 ? '0' : ' 0';
}
});
$box.find('input.pseudo-field').val(value).trigger('change');
setTimeout( historyStorage.add, 200 );
}
// global functions
// import element
function importFromClipboard(u, w){
let import_clipboard = localStorage.getItem('mfn-builder') ? JSON.parse(localStorage.getItem('mfn-builder')) : {};
if( import_clipboard.clipboard && !$content.find('.vb-item[data-uid="' +u+ '"] .mfn-section-import').hasClass('pending') ){
$content.find('.vb-item[data-uid="' +u+ '"] .mfn-section-import').addClass('pending');
$.ajax({
url: mfnajaxurl,
data: {
action: 'importfromclipboard',
'mfn-builder-nonce': wpnonce,
import: import_clipboard.clipboard,
id: pageid,
type: 'section'
},
type: 'POST',
success: function(response){
if( w == 'replace' ){
$content.find('.vb-item[data-uid="' +u+ '"]').after(response.html.replace('mfn-default-section', 'mfn-'+elements_ver+'-section').replace('mfn-cart-empty-section', 'mfn-'+elements_ver+'-section')).remove();
}else if( w == 'after' ){
$content.find('.vb-item[data-uid="' +u+ '"]').after(response.html.replace('mfn-default-section', 'mfn-'+elements_ver+'-section').replace('mfn-cart-empty-section', 'mfn-'+elements_ver+'-section'));
}else{
$content.find('.vb-item[data-uid="' +u+ '"]').before(response.html.replace('mfn-default-section', 'mfn-'+elements_ver+'-section').replace('mfn-cart-empty-section', 'mfn-'+elements_ver+'-section'));
}
$content.find('.vb-item[data-uid="' +u+ '"] .mfn-section-import').removeClass('pending');
var new_uid = false;
$.each(response.form, function(i, el) {
if( el.jsclass == 'section' ) {
new_uid = el.uid;
el.ver = elements_ver;
}
mfnvbvars.pagedata.push(el);
});
loopAllStyleFields();
inlineEditor();
blink();
be_layout.emptys.sections();
be_layout.emptys.wraps();
if( $('body').hasClass('mfn-navigator-active') ) be_navigator.show( new_uid );
runAjaxElements();
}
});
}
}
// export element
function elementToClipboard(u){
if( !$content.find('.vb-item[data-uid="' +u+ '"] .mfn-section-export').hasClass('pending') ){
$content.find('.vb-item[data-uid="' +u+ '"] .mfn-section-export').addClass('pending');
var formData = prepareForm.get( u );
var btnText = $content.find('.vb-item[data-uid="' +u+ '"] .mfn-section-export').text();
$content.find('.vb-item[data-uid="' +u+ '"] .mfn-section-export').html('
Exported');
setTimeout(function(){
$content.find('.vb-item[data-uid="' +u+ '"] .mfn-section-export').html('
Export section');
$content.find('.vb-item[data-uid="' +u+ '"] .mfn-section-export').removeClass('pending');
}, 1000);
$content.find('.section-header .mfn-disabled').removeClass('mfn-disabled');
localStorage.setItem( 'mfn-builder', JSON.stringify({
clipboard: formData
}) );
mfnbuilder.clipboard = formData;
}
}
// export/import - import submit
$('.mfn-import-button').on('click', function(e) {
e.preventDefault();
var single = 0; // import single section only
if(!$('.mfn-import-button').hasClass('loading')){
if($('#import-data-textarea.mfn-import-field').val().length){
$('.mfn-import-button').addClass('loading disabled');
var type = $('.panel-export-import-import .mfn-import-type').val();
if( $('body').hasClass('mfn-template-section') || $('body').hasClass('mfn-template-wrap') ){
single = 1;
type = 'replace';
}
$.ajax({
url: mfnajaxurl,
data: {
action: 'importdata',
'mfn-builder-nonce': wpnonce,
import: $('#import-data-textarea.mfn-import-field').val(),
single: single,
count: 0,
id: samplecontentid ? samplecontentid : pageid
},
type: 'POST',
success: function(response){
$('.mfn-import-button').removeClass('loading disabled');
if( type == 'after' ){
$builder.append(response.html);
}else if( type == 'before' ){
$builder.prepend(response.html);
}else{
$builder.html(response.html);
}
$.each(response.form, function(i, el) {
// Load Global Section/Wrap CSS
if( el.mfn_global_section_id || (el.attr && el.attr.global_wraps_select) ) {
const globalId = el.mfn_global_section_id ? el.mfn_global_section_id : el.attr.global_wraps_select;
$content.find('head').append(`
`);
}
mfnvbvars.pagedata.push(el);
});
if( $content.find('.vb-item .mfn-lottie-wrapper .lottie').length ){
$content.find('.vb-item .mfn-lottie-wrapper .lottie').each(function() {
$(this).attr('id', 'mfn_lottie_'+getUid());
$(this).closest('.vb-item').find('.mfn-header').first().find('.mfn-element-edit').trigger('click');
re_render();
});
}
loopAllStyleFields();
blink();
be_layout.emptys.sections();
be_layout.emptys.wraps();
mfnChart();
inlineEditor();
runAjaxElements();
}
});
}else{
alert('Import input cannot be empty');
}
}else{
alert('Loading. Please wait');
}
});
// export/import - import single page
$('.mfn-import-single-page-button').on('click', function(e) {
e.preventDefault();
var import_place = $('.panel-export-import-single-page .mfn-import-type').val();
if(!$('.mfn-import-single-page-button').hasClass('loading')){
if($('#mfn-items-import-page').val().length){
$('.mfn-import-single-page-button').addClass('loading disabled');
$.ajax({
url: mfnajaxurl,
data: {
action: 'importsinglepage',
'mfn-builder-nonce': wpnonce,
import: $('#mfn-items-import-page').val(),
pageid: pageid,
count: 0
},
type: 'POST',
success: function(response){
$('.mfn-import-single-page-button').removeClass('loading disabled');
removeStartBuilding();
if(import_place == 'before'){
$builder.prepend(response.html);
//$navigator.find('.navigator-tree').prepend(response.navigator);
}else if(import_place == 'after'){
$builder.append(response.html);
//$navigator.find('.navigator-tree').append(response.navigator);
}else{
$builder.html(response.html);
//$navigator.find('.navigator-tree').html(response.navigator);
}
$('#mfn-items-import-page').val('');
$.each(response.form, function(i, el) {
mfnvbvars.pagedata.push(el);
});
loopAllStyleFields();
inlineEditor();
runAjaxElements();
//historyStorage.add();
blink();
be_layout.emptys.sections();
be_layout.emptys.wraps();
//location.reload();
}
});
}else{
alert('Import input cannot be empty');
}
}else{
alert('Loading. Please wait');
}
});
// export/import - builder seo / builder to seo
$('.mfn-builder-export-to-seo-button').on('click', function(e) {
e.preventDefault();
let $seo_button = $(this);
if(!$seo_button.hasClass('loading')){
$seo_button.addClass('loading disabled');
var formData = prepareForm.get();
$.ajax({
url: mfnajaxurl,
data: {
action: 'mfnvb_builder_seo',
'mfn-builder-nonce': wpnonce,
sections: formData,
pageid: pageid,
},
type: 'POST',
success: function(response){
$seo_button.removeClass('loading disabled');
$seo_button.find('.btn-wrapper').text('Generated...');
setTimeout(function(){
$seo_button.find('span.btn-wrapper').text('Generate');
},2000);
//location.reload();
}
});
}else{
alert('Loading. Please wait');
}
});
$('.mfn-import-template-button').on('click', function(e) {
e.preventDefault();
if(!$('.mfn-import-template-button').hasClass('loading')){
if($('.mfn-items-import-template li.active').length){
$('.mfn-import-template-button').addClass('loading disabled');
var type = $('.mfn-import-template-type').val();
$.ajax({
url: mfnajaxurl,
data: {
action: 'importtemplate',
'mfn-builder-nonce': wpnonce,
import: $('.mfn-items-import-template li.active').data('id'),
count: 0,
id: $('.mfn-import-template-button').data('id')
},
type: 'POST',
success: function(response){
$('.mfn-import-template-button').removeClass('loading disabled');
removeStartBuilding();
if( type == 'after' ){
$builder.append(response.html);
//$navigator.find('.navigator-tree').append(response.navigator);
}else if( type == 'before' ){
$builder.prepend(response.html);
//$navigator.find('.navigator-tree').prepend(response.navigator);
}else{
$builder.html(response.html);
//$navigator.find('.navigator-tree').html(response.navigator);
}
$.each(response.form, function(i, el) {
mfnvbvars.pagedata.push(el);
});
blink();
be_layout.emptys.sections();
be_layout.emptys.wraps();
be_layout.emptys.page();
loopAllStyleFields();
inlineEditor();
runAjaxElements();
}
});
}else{
alert('Choose template first');
}
}else{
alert('Loading. Please wait');
}
});
// preview
$('.mfn-preview-generate').on('click', function(e) {
e.preventDefault();
var $el = $(this),
tooltip = $el.attr('data-tooltip'),
previewURL = $el.attr('data-href');
if(!$el.hasClass('pending')){
$el.attr('data-tooltip', 'Generating preview...');
$el.addClass('pending');
prepareForm.save = true;
var formData = prepareForm.get();
$.ajax({
url: mfnajaxurl,
data: {
sections: formData,
action: 'generatepreview',
gtype: 'mfn-builder-preview',
obj: JSON.stringify(prepareForm.object),
pageid: pageid,
'mfn-builder-nonce': wpnonce,
},
type: 'POST',
success: function(response){
$el.attr('data-tooltip', 'Generate preview');
removeStartBuilding();
if ( ! previewTab || previewTab.closed ) {
previewTab = window.open(response, 'preview' );
if ( previewTab ) {
previewTab.focus();
} else {
alert('Please allow popups to use preview');
}
} else {
previewTab.location.reload();
previewTab.focus();
}
$el.removeClass('pending');
}
});
}
});
// take post editing
$('.take-post-editing').on('click', function(e) {
e.preventDefault();
$el = $(this);
if(!$el.hasClass('loading')){
$el.addClass('loading disabled');
$.ajax({
url: mfnajaxurl,
data: {
action: 'takepostediting',
'mfn-builder-nonce': wpnonce,
pageid: $('.mfn-import-template-button').data('id')
},
type: 'POST',
success: function(response){
$('.mfn-modal-locker').remove();
}
});
}
});
// prebuilts
$(document).on('click', '.mfn-insert-prebuilt', function(e) {
e.preventDefault();
$el = $(this);
if(!$el.hasClass('loading')){
let id = $el.closest('li').data('id');
let count = $content.find('.mcb-section').length;
let isGlobalSectionEditor = $content.find('body').hasClass('mfn-template-section');
$el.addClass('loading disabled');
// be global sections pbl == button on alert false
if( isGlobalSectionEditor ){
if( ! confirm('Using pre-built section will erase all current content in this section.\n\nAre you sure you want to do this?') ) {
return $el.removeClass('loading').removeClass('empty').removeClass('disabled').text('+ '.btnText);
}
}
$.ajax({
url: mfnajaxurl,
data: {
'mfn-builder-nonce': wpnonce,
action: 'insertprebuilt',
id: id,
pageid: pageid,
count: count
},
type: 'POST',
success: function(response){
removeStartBuilding();
//console.log(response);
$el.removeClass('loading').find('.text').text('Done');
// be global sections pbl == remove content, no multiple sections
if ( isGlobalSectionEditor ) {
$($content).find('.mcb-section').remove();
//$($navigator).find('.navigator-section').remove();
}
if( !$content.find('.mcb-section-'+prebuiltType).length || prebuiltType == 'end' ){
$builder.append(response.html);
//$navigator.find('.navigator-tree').append(response.navigator);
}else{
$content.find('.mcb-section-'+prebuiltType).after(response.html);
//$navigator.find('.navigator-tree li.nav-'+$content.find('.mcb-section-'+prebuiltType).attr('data-uid')).after(response.navigator);
}
if( $content.find('.mfn-builder-content .mfn-builder-content .mcb-section').length ){
$content.find('.mfn-builder-content .mfn-builder-content .mcb-section').unwrap();
}
$.each(response.form, function(i, el) {
mfnvbvars.pagedata.push(el);
});
if(prebuiltType != 'end'){
let newPreBuiltType = $content.find('.mcb-section-'+prebuiltType).next('.mcb-section').attr('data-uid');
if($content.find('.mcb-section-'+prebuiltType).hasClass('empty')){
var pre_uid = $content.find('.mcb-section-'+prebuiltType).attr('data-uid');
//$navigator.find('.nav-'+pre_uid).remove();
$content.find('.mcb-section-'+prebuiltType).remove();
$('.mfn-form .mfn-vb-'+prebuiltType).remove();
}
prebuiltType = newPreBuiltType;
}else{
prebuiltType = 'end';
}
setTimeout(function(){
$el.removeClass('disabled').find('.text').text('Insert');
},1000);
if( $('body').hasClass('mfn-navigator-active') ) be_navigator.show(prebuiltType);
inlineEditor();
loopAllStyleFields();
blink();
}
});
}else{
alert('Loading. Please wait');
}
});
// set revision
function setRevision(type) {
$list = $('.panel ul.revisions-list[data-type="'+type+'"]');
let formData = prepareForm.get();
$.ajax({
url: mfnajaxurl,
data: {
'sections': formData,
'action': 'setrevision',
'revtype': type,
'mfn-builder-nonce': wpnonce,
'pageid': pageid
},
type: 'POST',
success: function(response){
if(type == 'autosave'){
$('.btn-save-changes').removeClass('loading disabled');
}
if( response == 'empty' ){
$('.mfn-save-revision').removeClass('loading disabled').find('.btn-wrapper').text('Nothing saved');
setTimeout(function() { $('.mfn-save-revision .btn-wrapper').text('Save revision'); }, 2000);
}else{
displayRevisions(response, $list);
if(type == 'revision'){
$('.mfn-save-revision').removeClass('loading disabled').find('.btn-wrapper').text('Saved');
setTimeout(function() { $('.mfn-save-revision .btn-wrapper').text('Save revision'); }, 2000);
}else if(type == 'mfn-builder-preview'){
return true;
}
}
},
error: function(response){
if(type == 'autosave'){
$('.btn-save-changes').removeClass('loading disabled');
}
$('#mfn-preview-wrapper').append('
An error occurred. Please refresh the BeBuilder
');
$('.mfn-snackbar').fadeIn();
closeSnackbar();
}
});
}
// autosave
if( !mfnvbvars.autosave ) setInterval(autosave, 300000);
function autosave(){
if( mfnvbvars.view == 'demo' ) return;
if(!$('.btn-save-changes').hasClass('disabled')){
$('.btn-save-changes').addClass('loading disabled');
setRevision('autosave');
}
}
// manual save revision
$('.mfn-save-revision').on('click', function(e) {
if( mfnvbvars.view == 'demo' ) return;
if(!$('.mfn-save-revision').hasClass('disabled')){
$('.mfn-save-revision').addClass('loading disabled');
setRevision('revision');
}
});
// restore
$('.revision-restore').on('click', function(e) {
e.preventDefault();
if( mfnvbvars.view == 'demo' ) return;
restoreRev($(this));
});
function restoreRev($btn){
if( mfnvbvars.view == 'demo' ) return;
if(!$btn.hasClass('disabled')){
$btn.addClass('loading disabled');
$list = $('.panel ul[data-type="backup"]');
$el = $btn.closest('li');
var time = $el.attr('data-time'),
type = $el.closest('ul').attr('data-type'),
btnText = $el.text(),
revision;
$.ajax({
url: mfnajaxurl,
data: {
action: 'restorerevision',
'mfn-builder-nonce': wpnonce,
time: time,
type: type,
pageid: pageid
},
type: 'POST',
success: function(response){
$builder.empty();
mfnvbvars.pagedata = [];
$.each(response.form, function(i, el) {
mfnvbvars.pagedata.push(el);
});
$builder.append(response.html);
displayRevisions(response.revisions, $list);
//$navigator.find('.navigator-tree').html(response.navigator);
// render local styles
$btn.removeClass('loading disabled');
inlineEditor();
blink();
loopAllStyleFields();
runAjaxElements();
}
});
}
}
function displayRevisions(rev, $list) {
$list.empty();
$.each(JSON.parse(rev), function(i, item) {
$list.append('
');
});
$('.revision-restore').on('click', function(e) {
e.preventDefault();
restoreRev($(this));
});
}
// copy / paste element
var copypaste = {
item: false,
parent: false,
uid: false,
type: false,
ls_obj: localStorage.getItem("mfn_copy") ? JSON.parse(localStorage.getItem("mfn_copy")) : false,
copy: function(el, action = false) {
copypaste.uid = el;
copypaste.copy_to_localstorage();
if(action){
copypaste.parent = action;
copypaste.paste();
}
},
copy_to_localstorage: function() {
localStorage.removeItem("mfn_copy");
copypaste.ls_obj = {};
copypaste.ls_obj['html'] = $content.find('.vb-item[data-uid="'+copypaste.uid+'"]')[0].outerHTML;
copypaste.ls_obj['obj'] = [];
copypaste.ls_obj['obj'].push( mfnvbvars.pagedata.filter( (item) => item.uid == copypaste.uid )[0] );
if( $content.find('.vb-item[data-uid="'+copypaste.uid+'"] .vb-item').length ){
$content.find('.vb-item[data-uid="'+copypaste.uid+'"] .vb-item').each(function() {
var uid = $(this).attr('data-uid');
copypaste.ls_obj['obj'].push( mfnvbvars.pagedata.filter( (item) => item.uid == uid )[0] );
});
}
localStorage.setItem("mfn_copy", JSON.stringify(copypaste.ls_obj));
},
paste: function() {
if( !localStorage.getItem("mfn_copy") && !copypaste.ls_obj ) return;
if( !copypaste.ls_obj ){
copypaste.ls_obj = JSON.parse(localStorage.getItem("mfn_copy"));
}
copypaste.item = $(copypaste.ls_obj['html']);
copypaste.type = 'column';
if( copypaste.item.hasClass('mcb-section') ){ copypaste.type = 'section'; }else if( copypaste.item.hasClass('mcb-wrap') ){ copypaste.type = 'wrap'; }
if( copypaste.item.find('.mfn-initialized').length ){
if( inlineEditors[copypaste.item.find('.mfn-initialized').attr('data-mfnindex')] ) inlineEditors[copypaste.item.find('.mfn-initialized').attr('data-mfnindex')].destroy();
copypaste.item.find('.mfn-initialized').removeClass('mfn-initialized mfn-watchChanges mfn-blur-action mfn-focused').removeAttr('data-mfnindex');
}
$content.find('.vb-item[data-uid="'+copypaste.uid+'"]').removeClass('mfn-current-editing');
if( $editpanel.find( '.mfn-form .html-editor' ).length ) MfnFieldTextarea.destroy();
if( $editpanel.find( '.mfn-form .visual-editor' ).length ) tinymce.execCommand( 'mceRemoveEditor', false, 'mfn-editor' );
//var $copy_el = copypaste.item.clone();
if( copypaste.item.hasClass('mcb-column') ){
// column
var newuid = copypaste.updateItem(copypaste.item);
}else if( copypaste.item.hasClass('mcb-wrap') ){
// wrap
var newuid = copypaste.updateWrap(copypaste.item);
}else if( copypaste.item.hasClass('mcb-section') ){
// section
var newuid = copypaste.updateSection(copypaste.item);
}
edited_item = mfnvbvars.pagedata.filter( (item) => item.uid == newuid )[0];
if(copypaste.parent.hasClass('mcb-section') && copypaste.type == 'wrap'){
// wrap to section
copypaste.parent.find('.section_wrapper').append(copypaste.item);
}else if(copypaste.parent.hasClass('mcb-section') && copypaste.type == 'column'){
// column to section
if(copypaste.parent.find('.mcb-wrap-inner').length){
copypaste.parent.find('.mcb-wrap-inner').last().append(copypaste.item);
}else{
alert('Append wrap first.');
}
}else if(copypaste.parent.hasClass('mcb-wrap') && copypaste.type == 'column'){
// column to wrap
copypaste.parent.find('.mcb-wrap-inner').append(copypaste.item);
}else if( ( copypaste.parent.hasClass('mcb-column') || copypaste.parent.hasClass('mcb-wrap') ) && copypaste.type == 'section'){
// section to wrap or column
copypaste.parent.closest('.mcb-section').after(copypaste.item);
}else if( copypaste.parent.hasClass('mcb-column') && copypaste.type == 'wrap'){
// wrap to column
copypaste.parent.closest('.mcb-wrap').after(copypaste.item);
}else if( copypaste.parent.hasClass('mfn-builder-content')){
copypaste.parent.append(copypaste.item);
}else{
copypaste.parent.after(copypaste.item);
}
if( $builder.find('.vb-item[data-uid="'+newuid+'"]').hasClass('mcb-column') ) {
$builder.find('.vb-item[data-uid="'+newuid+'"]').addClass('loading');
}else{
$builder.find('.vb-item[data-uid="'+newuid+'"]').find('.mcb-column').addClass('loading');
}
if( builder_type == 'header' && copypaste.type == 'wrap' ){
checkWrapsCount( $content.find('.mcb-wrap-'+newuid).closest('.mcb-section').attr('data-uid') );
}
be_layout.emptys.sections();
be_layout.emptys.wraps();
if( $content.find('.vb-item[data-uid="'+newuid+'"] .mfn-lottie-wrapper .lottie').length ){
$content.find('.vb-item[data-uid="'+newuid+'"] .mfn-lottie-wrapper .lottie').each(function() {
$(this).attr('id', 'mfn_lottie_'+getUid());
$(this).closest('.vb-item').find('.mfn-header').first().find('.mfn-element-edit').trigger('click');
re_render();
});
}
setTimeout(function() {
if( $content.find('.mfn-looped-items.vb-item[data-uid="'+newuid+'"]').length ){
if( $content.find('.mfn-looped-items.vb-item[data-uid="'+newuid+'"]').hasClass('section') ){
re_render( $content.find('.mfn-looped-items.vb-item[data-uid="'+newuid+'"]').attr('data-uid') );
}else{
re_render( $content.find('.mfn-looped-items.vb-item[data-uid="'+newuid+'"]').closest('.section').attr('data-uid') );
}
}else if( $content.find('.vb-item[data-uid="'+newuid+'"]').closest('.mfn-looped-items').length ){
re_render( $content.find('.vb-item[data-uid="'+newuid+'"]').closest('.section').attr('data-uid') );
}else{
historyStorage.add();
}
if( $content.find('.vb-item[data-uid="'+newuid+'"]').hasClass('mfn-current-editing') ) $content.find('.vb-item[data-uid="'+newuid+'"]').removeClass('mfn-current-editing');
if( $content.find('.vb-item[data-uid="'+newuid+'"]').find('.mfn-current-editing').length ) $content.find('.vb-item[data-uid="'+newuid+'"]').find('.mfn-current-editing').removeClass('mfn-current-editing');
if( $('body').hasClass('mfn-navigator-active') ) be_navigator.show(newuid);
$builder.find('.vb-item.loading').removeClass('loading');
mfnChart();
inlineEditor();
$content.find('.vb-item[data-uid="'+newuid+'"]').find('.mfn-header').first().find('.mfn-element-edit').trigger('click');
if( $content.find('.vb-item.mfn-ready').length ) $content.find('.vb-item.mfn-ready').removeClass('mfn-ready');
copypaste.uid = false;
copypaste.parent = false;
copypaste.type = false;
}, 300);
},
updateItem: function($copy_el) {
var old_uid = $copy_el.attr('data-uid');
var new_uid = getUid();
$copy_el.removeClass('mcb-item-'+old_uid).addClass('mcb-item-'+new_uid).attr('data-uid', new_uid);
$copy_el.children('.mcb-column-inner').removeClass('mcb-column-inner-'+old_uid).addClass('mcb-column-inner-'+new_uid);
if( $copy_el.find('.chart_box.mfn-initialized').length ){
$copy_el.find('.chart_box.mfn-initialized').removeClass('mfn-initialized');
}
var get_copy = copypaste.ls_obj['obj'].filter( (item) => item.uid == old_uid )[0];
var copy_obj = {};
copy_obj = JSON.parse( JSON.stringify(get_copy) );
copy_obj.uid = new_uid;
mfnvbvars.pagedata.push(copy_obj);
loopAllStyleFields(new_uid);
return new_uid;
},
updateWrap: function($copy_el) {
var old_uid = $copy_el.attr('data-uid');
var new_uid = getUid();
// wrap
$copy_el.removeClass('mcb-wrap-'+old_uid).addClass('mcb-wrap-'+new_uid).attr('data-uid', new_uid);
$copy_el.find('.mcb-wrap-inner').first().removeClass('mcb-wrap-inner-'+old_uid).addClass('mcb-wrap-inner-'+new_uid);
var get_copy = copypaste.ls_obj['obj'].filter( (item) => item.uid == old_uid )[0];
var copy_obj = {};
copy_obj = JSON.parse( JSON.stringify(get_copy) );
copy_obj.uid = new_uid;
mfnvbvars.pagedata.push(copy_obj);
// wraps childrens
if( $copy_el.find('.vb-item').length ) {
$copy_el.find('.vb-item').each(function() {
var $copy_el = $(this);
var old_col_uid = $(this).attr('data-uid');
var new_col_uid = getUid();
if( $(this).hasClass('mcb-column') ){
$(this).removeClass('mcb-item-'+old_col_uid).addClass('mcb-item-'+new_col_uid).attr('data-uid', new_col_uid);
$(this).children('.mcb-column-inner').removeClass('mcb-column-inner-'+old_col_uid).addClass('mcb-column-inner-'+new_col_uid);
}else{
$(this).removeClass('mcb-wrap-'+old_col_uid).addClass('mcb-wrap-'+new_col_uid).attr('data-uid', new_col_uid);
$(this).children('.mcb-wrap-inner').removeClass('mcb-wrap-inner-'+old_col_uid).addClass('mcb-wrap-inner-'+new_col_uid);
}
var get_copy = copypaste.ls_obj['obj'].filter( (item) => item.uid == old_col_uid )[0];
var copy_obj = {};
copy_obj = JSON.parse( JSON.stringify(get_copy) );
copy_obj.uid = new_col_uid;
mfnvbvars.pagedata.push(copy_obj);
loopAllStyleFields(new_col_uid);
});
}
loopAllStyleFields(new_uid);
return new_uid;
},
updateSection: function($copy_el) {
var old_uid = $copy_el.attr('data-uid');
var new_uid = getUid();
// section
$copy_el.removeClass('mcb-section-'+old_uid).addClass('mcb-section-'+new_uid).attr('data-uid', new_uid);
$copy_el.find('.mcb-section-inner').removeClass('mcb-section-inner-'+old_uid).addClass('mcb-section-inner-'+new_uid);
var get_copy = copypaste.ls_obj['obj'].filter( (item) => item.uid == old_uid )[0];
var copy_obj = {};
copy_obj = JSON.parse( JSON.stringify(get_copy) );
copy_obj.ver = elements_ver;
$copy_el.removeClass('mfn-default-section mfn-header-sticky-section mfn-header-mobile-section').addClass('mfn-'+elements_ver+'-section');
copy_obj.uid = new_uid;
mfnvbvars.pagedata.push(copy_obj);
// wraps childrens
if( $copy_el.find('.vb-item.mcb-wrap:not(.mfn-ready)').length ){
$copy_el.find('.vb-item.mcb-wrap:not(.mfn-ready)').each(function() {
//copypaste.updateWrap( $(this) ); // because of nav tmp
var $copy_el = $(this);
var old_wrap_uid = $copy_el.attr('data-uid');
var new_wrap_uid = getUid();
// wrap
$copy_el.removeClass('mcb-wrap-'+old_wrap_uid).addClass('mcb-wrap-'+new_wrap_uid).attr('data-uid', new_wrap_uid);
$copy_el.children('.mcb-wrap-inner').first().removeClass('mcb-wrap-inner-'+old_wrap_uid).addClass('mcb-wrap-inner-'+new_wrap_uid);
var get_copy = copypaste.ls_obj['obj'].filter( (item) => item.uid == old_wrap_uid )[0];
var copy_obj = {};
copy_obj = JSON.parse( JSON.stringify(get_copy) );
copy_obj.uid = new_wrap_uid;
mfnvbvars.pagedata.push(copy_obj);
$copy_el.addClass('mfn-ready');
loopAllStyleFields(new_wrap_uid);
// wraps childrens
if( $copy_el.find('.vb-item.mcb-column:not(.mfn-ready)').length ){
$copy_el.find('.vb-item.mcb-column:not(.mfn-ready)').each(function() {
var $copy_el = $(this);
var old_col_uid = $copy_el.attr('data-uid');
var new_col_uid = getUid();
$copy_el.removeClass('mcb-item-'+old_col_uid).addClass('mcb-item-'+new_col_uid).attr('data-uid', new_col_uid);
$copy_el.children('.mcb-column-inner').removeClass('mcb-column-inner-'+old_col_uid).addClass('mcb-column-inner-'+new_col_uid);
var get_copy = copypaste.ls_obj['obj'].filter( (item) => item.uid == old_col_uid )[0];
var copy_obj = {};
copy_obj = JSON.parse( JSON.stringify(get_copy) );
copy_obj.uid = new_col_uid;
mfnvbvars.pagedata.push(copy_obj);
$copy_el.addClass('mfn-ready');
loopAllStyleFields(new_col_uid);
});
}
});
}
if( $copy_el.find('.promo_bar_slider').length ){
runAjaxElements();
}
loopAllStyleFields(new_uid);
return new_uid;
}
}
function prepareStyleId(el){
el = el.replaceAll('.', '');
el = el.replaceAll('tablet', '');
el = el.replaceAll('laptop', '');
el = el.replaceAll('mobile', '');
el = el.replaceAll('desktop', '');
el = el.replaceAll(',', '');
el = el.replaceAll('#', '');
el = el.replaceAll('|', '');
el = el.replaceAll(' ', '');
el = el.replaceAll('(', '');
el = el.replaceAll(')', '');
el = el.replaceAll('[', '');
el = el.replaceAll('%', '');
el = el.replaceAll('/', '');
el = el.replaceAll(']', '');
el = el.replaceAll('>', '');
el = el.replaceAll('_', '');
el = el.replaceAll('-', '');
el = el.replaceAll('=', '');
el = el.replaceAll(':', '');
el = el.replaceAll('"', '');
return el;
}
// is bebuilder blocks
function isBlocks(){
let disabled_blocks = ['header', 'popup', 'megamenu', 'footer'];
if( !disabled_blocks.includes(builder_type) ) {
return $content.find('body').hasClass('mfn-builder-blocks');
}
return false;
}
// add local style
function addLocalStyle(u, v, s, r, uid){
if( isBlocks() ){
return;
}
//console.log(u+' / '+s+' / '+v+' / '+r);
//console.log(addLocalStyle.caller);
u = u.replaceAll('mfnuidelement', uid);
u = u.replaceAll('postid', uid);
if( s == 'gradient' ) s = 'background-image';
var el = u+s;
if(typeof u === "undefined" || typeof s === "undefined") return;
el = prepareStyleId(el);
if( $content.find('style.'+el+r).length ){
$content.find('style.'+el+r).remove();
}
var selector_arr = u.split(",");
var selector_string = '';
$.each( selector_arr, function( i, value ) {
if( i > 0 ){ selector_string += ', '; }
selector_string += value.replaceAll('|', ':');
});
// while changing margin or padding, recalculate transformed elements
if( s.includes('padding') || s.includes('margin') ) {
Transforms.attachNewMargins();
}
if( v == '' ) {
return;
}
selector_string = selector_string.replace('mcb-column-inner', 'mcb-column-inner-'+uid);
selector_string = selector_string.replace('mcb-wrap-inner', 'mcb-wrap-inner-'+uid);
selector_string = selector_string.replace('mcb-section-inner', 'mcb-section-inner-'+uid);
selector_string = selector_string.replace('section_wrapper', 'mcb-section-inner-'+uid);
//console.log(selector_string+' / '+s+' / '+v);
s = s.replace('_v2', '');
if( r == 'laptop' ){
$content.find('head').append('');
}else if( r == 'tablet' ){
$content.find('body').prepend('');
}else if( r == 'mobile' ){
$content.find('body').append('');
}else{
$content.find('head').prepend('');
}
}
// change styles function
function changeInlineStyles(u, s, v){
if( _.has(edited_item, 'uid') && u.includes('mfnuidelement') ) u = u.replaceAll('mfnuidelement', edited_item.uid);
if( _.has(edited_item, 'uid') && edited_item.uid == 'pageoptions' && u.includes('postid') ) u = u.replaceAll('postid', mfnvbvars.pageid);
//console.log(u+' / '+s+' / '+v);
let styles = [];
if($content.find(u).length){
$content.find(u).each(function() {
if(v == 'remove_style'){
$(this).removeAttr('style');
}else{
let attrstyle = $(this).attr('style');
if(typeof attrstyle !== typeof undefined && attrstyle !== false){
styles = attrstyle.split(';');
}
let sid = styles.findIndex( st => st.includes(s));
if(styles[sid]){
if( v == 'remove' || !v.length ){
styles.splice(sid,1);
}else{
styles[sid] = s+': '+v;
}
}else if(v.length && v != 'remove'){
styles.push(s+': '+v);
}
let newstyles = styles.join(';');
$(this).attr('style', newstyles);
}
});
}
}
// change fancy divider color
function changeFancyDividerColorTop(u, g, v){
let style = $('.mfn-element-fields-wrapper .style .preview-styleinput').val();
if(style == 'circle up' || style == 'curve up' || style == 'triangle up'){
changeInlineStyles('.'+u+' svg', 'background', v);
}else{
changeInlineStyles('.'+u+' svg path', 'fill', v);
changeInlineStyles('.'+u+' svg path', 'stroke', v);
}
}
function changeFancyDividerColorBottom(u, g, v){
let style = $('.mfn-element-fields-wrapper .style .preview-styleinput').val();
if(style == 'circle down' || style == 'curve down' || style == 'triangle down'){
changeInlineStyles('.'+u+' svg', 'background', v);
}else{
changeInlineStyles('.'+u+' svg path', 'fill', v);
changeInlineStyles('.'+u+' svg path', 'stroke', v);
}
}
// video bg
function setVideoBg(u, t, v){
if(v != ''){
if($content.find('.'+u+' .section_video video').length){
if($content.find('.'+u+' .section_video video source[type="video/'+t+'"]').length){
$content.find('.'+u+' .section_video video source[type="video/'+t+'"]').attr('src', v);
}else{
$content.find('.'+u+' .section_video video').append('
');
}
}else{
$content.find('.'+u).append('').addClass('has-video');
}
}else{
if($content.find('.'+u+' .section_video video source[type="video/'+t+'"]').length){
$content.find('.'+u+' .section_video video source[type="video/'+t+'"]').remove();
}
if(!$content.find('.'+u+' .section_video video source').length){
$content.find('.'+u+' .section_video').remove();
$content.find('.'+u).removeClass('has-video');
}
}
}
// chart color
function changeColorChart(u, v){
if(v != 'transparent'){
$content.find('.'+u+' .chart').attr('data-bar-color', v);
}else{
$content.find('.'+u+' .chart').attr('data-bar-color', '#000');
}
}
// image for widget
function imageForWidget(u, v, p){
p ? p = p : '';
// console.log('# imageForWidget');
if( isBlocks() ){
if( p != 'after' && p != 'hoverimg' ){
// hide icon
if( $content.find('.'+u).is('.column_counter, .column_icon_box, .column_icon_box_2, .column_list') ){
if(v){
$content.find('.'+u+' .item-preview-icon').addClass('empty');
} else {
$content.find('.'+u+' .item-preview-icon').removeClass('empty');
}
}
// change image src
$content.find('.'+u+' .item-preview-image').attr('src',v);
// empty class
if(v){
$content.find('.'+u+' .item-preview-image').parent().removeClass('empty');
} else {
$content.find('.'+u+' .item-preview-image').parent().addClass('empty');
}
}
} else if($content.find('.'+u).hasClass('column_article_box')){
// article box
$content.find('.'+u+' .article_box .photo_wrapper').html('
');
}
}else{
$content.find('.'+u+' .section-decoration.top').remove();
}
}else if($content.find('.'+u).hasClass('mcb-section') && p == 'decorbottom'){
// section decor bottom
if(v != ''){
if($content.find('.'+u+' .section-decoration.bottom').length){
$content.find('.'+u+' .section-decoration.bottom').css({ 'background-image': 'url('+v+')'});
}else{
$content.find('.'+u).append('
');
}
}else{
$content.find('.'+u+' .section-decoration.bottom').remove();
}
}else if($content.find('.'+u).hasClass('column_our_team')){
// our team
$content.find('.'+u+' .image_wrapper img').attr('src', v);
}else if($content.find('.'+u).hasClass('column_our_team_list')){
// our team list
$content.find('.'+u+' .image_wrapper img').attr('src', v);
}else if($content.find('.'+u).hasClass('column_pricing_item')){
// pricing item
if( v ){
if( $content.find('.'+u+' .image').length ){
$content.find('.'+u+' .image img').attr('src', v);
}else{
$content.find('.'+u+' .plan-header').prepend('');
}
}else{
$content.find('.'+u+' .image').remove();
}
}else if($content.find('.'+u).hasClass('column_header_icon')){
// header icon
$content.find('.'+u+' .icon-wrapper img').remove();
$content.find('.'+u+' .icon-wrapper i').remove();
$content.find('.'+u+' .icon-wrapper svg').remove();
$content.find('.'+u+' .icon-wrapper').prepend('
');
}else if($('.panel-edit-item .mfn-form-row .preview-labelinput').val().length){
$content.find('.'+u+' .chart .image').remove();
$content.find('.'+u+' .chart .icon').remove();
$content.find('.'+u+' .chart').prepend(''+$('.panel-edit-item .mfn-form-row .preview-labelinput').val()+'
');
}else{
$content.find('.'+u+' .chart .image').remove();
$content.find('.'+u+' .chart .icon').remove();
$content.find('.'+u+' .chart .num').remove();
}
}else if($content.find('.'+u).hasClass('column_header_logo')){
// logo
$content.find('.'+u+' img').attr('src', v);
}else if($content.find('.'+u).hasClass('column_banner_box') && p == 'cta'){
// banner box cta
$content.find('.'+u+' .cta-image img').attr('src', v);
mfnBannerBox();
}else if($content.find('.'+u).hasClass('column_banner_box')){
// banner box
$content.find('.'+u+' .banner-image img').attr('src', v);
}else if($content.find('.'+u).hasClass('column_footer_logo')){
// logo
$content.find('.'+u+' img').attr('src', v);
}else if($content.find('.'+u).hasClass('column_icon_box_2')){
if( v ){
if( $content.find('.'+u+' .icon-wrapper').length ){
$content.find('.'+u+' .icon-wrapper').html(''+$editpanel.find('.panel-edit-item .mfn-form .icon_box_2.label .mfn-field-value').val()+' ');
}else{
$content.find('.'+u+' .desc_wrapper').before(''+$editpanel.find('.panel-edit-item .mfn-form .icon_box_2.label .mfn-field-value').val()+'
');
}
}else{
$content.find('.'+u+' .icon-wrapper').remove();
}
}
}else if($content.find('.'+u).hasClass('column_header_burger')){
// menu burger
$content.find('.'+u+' .icon-wrapper img').remove();
$content.find('.'+u+' .icon-wrapper i').remove();
$content.find('.'+u+' .icon-wrapper svg').remove();
if( v ){
$content.find('.'+u+' .icon-wrapper').prepend('' +
' ';
galleryContainer.append(outputHTML);
uploader.sortable(galleryContainer);
});
joinedIDs = imageIDs.join(',').replace(/^,*/, '');
if (joinedIDs.length !== 0) {
metaBox.removeClass('empty');
}
multipleImgsInput.val(joinedIDs).trigger('change');
re_render();
});
frame.open();
}else{
frame.on( 'select', function() {
if( addImgLink.closest('.dynamic_items_wrapper').length ){
var attachment = frame.state().get('selection').first().toJSON();
dynamicItems.addNew(attachment.url, attachment.id);
}else{
metaBox.removeClass('empty');
var attachment = frame.state().get('selection').first().toJSON();
if( $modulebox.attr('data-id') == 'mfn-meta-seo-og-image' ){
imgIdInput.val( attachment.url ).trigger('change');
}else{
imgIdInput.val( attachment.url+'#'+attachment.id ).trigger('change');
}
if( $modulebox.find('.reset-bg.active').length ) $modulebox.find('.reset-bg').removeClass('active');
}
});
frame.open();
}
});
},
itemsUpdate: function(attachment, imgIdInput) {
var $modulebox = imgIdInput.closest('.mfn-form-row');
var metaBox = $modulebox.find('.browse-image');
var $moduleWrapper = imgIdInput.closest('.mfn-element-fields-wrapper');
var imgContainer = metaBox.find( '.selected-image');
var eluid = $moduleWrapper.attr('data-element');
var uid = $content.find('.'+eluid).attr('data-uid');
var rwd = 'desktop';
if(imgContainer) {
if( !attachment.includes('{') && !attachment.includes('none') ){
imgContainer.html( '`);
if( !['thankyou_overview', 'thankyou_order'].includes(edited_item.jsclass) ) {
$('.mfn-ui .panel-edit-item .mfn-form .mfn-element-fields-wrapper ul').append('
Settings Style ');
}else{
$('.mfn-ui .panel-edit-item .mfn-form .mfn-element-fields-wrapper ul').append('Style ');
}
$('.mfn-ui .panel-edit-item .mfn-form .mfn-element-fields-wrapper ul').append('Advanced ');
// console.log(form_html);
$('.mfn-ui .panel-edit-item .mfn-form .mfn-element-fields-wrapper').append(form_html);
$('.mfn-ui .panel-edit-item .mfn-form').append('');
if( edited_item.jsclass != 'section' && edited_item.jsclass != 'wrap' && edited_item.jsclass != 'placeholder' && edited_item.jsclass != 'spacer' ){
const mfn_form_advanced = new MfnForm( renderMfnFields['advanced'] );
let form_html_advanced = mfn_form_advanced.render();
$('.mfn-ui .panel-edit-item .mfn-form .mfn-element-fields-wrapper').append( form_html_advanced );
}
if( edited_item.jsclass != 'wrap' && edited_item.jsclass != 'section' ){
$('.mfn-ui').addClass('mfn-editing-element');
}
$('.mfn-ui').addClass('mfn-editing-'+edited_item.jsclass);
if( (edited_item.jsclass == 'wrap' && $edited_div.closest('.section.mfn-looped-items').length) || (edited_item.jsclass == 'section' && $edited_div.find('.wrap.mfn-looped-items').length) ){
if( $('.mfn-element-fields-wrapper .type.re_render li:not(:first-child) input').is('checked') ) $('.mfn-element-fields-wrapper .type.re_render li:first-child a').trigger('click');
$('.mfn-element-fields-wrapper .type.re_render').addClass('mfn-disabled-field');
}
if( (edited_item.jsclass == 'wrap' || edited_item.jsclass == 'section') && typeof edited_item['attr']['type'] !== 'undefined' && edited_item['attr']['type'] == 'query' ){
$('.mfn-element-fields-wrapper').addClass('mfn-is-query-looped');
if( _.has(edited_item['attr'], 'query_display') && edited_item['attr']['query_display'] == 'slider' ) {
$('.mfn-element-fields-wrapper').addClass('mfn-is-ql-slider');
$('.panel-edit-item .query_post_pagination').addClass('mfn-disabled-field');
}
}
if( $edited_div.hasClass('mfn-nested-wrap') || $edited_div.find('.mfn-nested-wrap').length ){
//$('.mfn-loop-switcher.type ul li:first-child a').trigger('click');
$('.mfn-vb-formrow.mfn-loop-switcher').addClass('mfn-disabled-field');
}
//Global Wraps/Sections -> Hiding some elements on Visual Bar
$('.mfn-visualbuilder .sidebar-panel').attr('data-edited', edited_item.title);
$('.mfn-visualbuilder .sidebar-panel .sidebar-panel-header .header-edit-item .title-group .sidebar-panel-desc .sidebar-panel-title').html( edited_item.title );
$('.mfn-visualbuilder .sidebar-panel .sidebar-panel-header .header-edit-item .title-group .sidebar-panel-icon').attr('class', 'sidebar-panel-icon mfn-icon-'+edited_item.icon);
onOpenEditForm();
if( !historyStorage.obj[0].uid ){
historyStorage.obj[0].uid = edited_item.uid;
//localStorage.setItem('mfnhistory', JSON.stringify(ls));
}
mfnoptsinputs.start();
if( scroll && builder_type !== 'header' ){
$content.find('html, body').animate({ scrollTop: $edited_div.offset().top - 50 }, 1000);
}
$(document).trigger('be:edit');
if($('body').hasClass('mfn-navigator-active') && !$('.mfn-navigator ul.navigator-tree li.nav-'+edited_item.uid+' > a.active-element').length ) be_navigator.show(edited_item.uid, true);
initWyswig();
return;
}
}
let inputDrag = {
t: false,
i: false,
v: false,
n_v: false,
n: false,
u: false,
x: false,
x_s: false,
is_d: false,
l: false,
p: false,
path: false,
style: false,
postfix: false,
init: function () {
$(document).on( 'mousedown', '.mfn-slider-input .mfn-form-input', function(e) {
inputDrag.i = $(this);
inputDrag.start(e);
});
$(document).mouseup(this.end);
},
start: function (e) {
inputDrag.postfix = false;
inputDrag.l = false;
inputDrag.v = inputDrag.i.val();
inputDrag.n = inputDrag.v.replace(/[a-z\%]/g, "");
inputDrag.u = inputDrag.v.length ? inputDrag.v.replace(/[0-9\-]/g, "") : "px";
if( inputDrag.i.closest('.isLinked').length ) inputDrag.l = true;
if( inputDrag.i.closest('.pseudo').length ) inputDrag.p = true;
inputDrag.path = inputDrag.i.closest('.mfn-form-row').attr('data-csspath').replace('mcb-wrap-inner', 'mcb-wrap-inner-'+edited_item.uid);
inputDrag.style = inputDrag.i.closest('.mfn-form-row').attr('data-name');
inputDrag.postfix = typeof inputDrag.i.attr('data-key') !== 'undefined' ? inputDrag.i.attr('data-key') : '';
if( inputDrag.postfix && !inputDrag.l ) {
if( inputDrag.style.includes('border-width') ){
inputDrag.style = inputDrag.style.replace('-', '-'+inputDrag.postfix+'-');
}else if( inputDrag.postfix == '0' || inputDrag.postfix == '1' || inputDrag.postfix == '2' || inputDrag.postfix == '3' ){
if( inputDrag.postfix == '0' ) inputDrag.postfix = 'top-left';
if( inputDrag.postfix == '1' ) inputDrag.postfix = 'top-right';
if( inputDrag.postfix == '2' ) inputDrag.postfix = 'bottom-right';
if( inputDrag.postfix == '3' ) inputDrag.postfix = 'bottom-left';
inputDrag.style = inputDrag.style.replace('-', '-'+inputDrag.postfix+'-');
}else{
inputDrag.style = inputDrag.style+'-'+inputDrag.postfix;
}
};
$('.sidebar-wrapper').addClass('mfn-vb-sidebar-overlay');
inputDrag.t = setTimeout(function() {
inputDrag.is_d = true;
inputDrag.i.addClass('mfn-slider-input-initialized');
inputDrag.x = e.clientX - inputDrag.n;
inputDrag.x_s = inputDrag.x;
// init
$(document).mousemove( inputDrag.move );
}, 500);
},
move: function(e) {
if( !inputDrag.is_d ) return;
inputDrag.x = e.clientX;
if( inputDrag.x && inputDrag.x > 0 ) inputDrag.n_v = inputDrag.x - inputDrag.x_s;
inputDrag.i.val( inputDrag.n_v+inputDrag.u );
if( inputDrag.l ) {
inputDrag.i.closest('.isLinked').find('input').val(inputDrag.n_v+inputDrag.u);
}else{
inputDrag.i.val( inputDrag.n_v+inputDrag.u );
}
inputDrag.inline();
},
end: function (e) {
clearTimeout(inputDrag.t);
if( !inputDrag.is_d ) return;
inputDrag.is_d = false;
$(inputDrag.i).removeClass('mfn-slider-input-initialized');
$(document).off("mousemove", inputDrag.move);
$('.sidebar-wrapper').removeClass('mfn-vb-sidebar-overlay');
inputDrag.i.trigger('change');
setTimeout(function() { inputDrag.inline(true); }, 1000);
if( inputDrag.v == inputDrag.n_v ) return;
},
inline: function( reset = false ) {
let val = reset ? 'remove' : inputDrag.n_v+inputDrag.u;
if( inputDrag.style.includes('flex') ){
changeInlineStyles(inputDrag.path, inputDrag.style, '0 0 '+val);
}else if( inputDrag.path.includes(',') || inputDrag.path.includes('|') ){
var css_arr = inputDrag.path.split(',');
css_arr.map(function(c) {
changeInlineStyles(c.replace('|', ':'), inputDrag.style, val);
});
}else{
changeInlineStyles(inputDrag.path, inputDrag.style, val);
}
}
};
inputDrag.init();
function initWyswig(){
if( $editpanel.find( '.mfn-form .mfn-element-fields-wrapper .html-editor' ).length ){
openEditForm.wyswig_active = true;
preventEdit = true;
MfnFieldTextarea.create();
//$(document).trigger('mfn:vb:edit');
}
if( $editpanel.find( '.mfn-form .mfn-element-fields-wrapper .visual-editor' ).length ){
openEditForm.wyswig_active = true;
preventEdit = true;
MfnFieldVisual.init();
}
}
/**
* Builder settings
*/
var settings = {
option: false,
forceReload: false,
start: function(){
// column text editor
if( $('#mfn-visualbuilder').hasClass('column-visual') ){
$('.mfn-ui .panel-settings .mfn-form .settings .form-control[data-option="column-visual"] li:first').removeClass('active')
.siblings().addClass('active');
}
// navigation
if( !$content.find("body").hasClass('mfn-modern-nav') ){
$('.mfn-ui .panel-settings .mfn-form .settings .form-control[data-option="mfn-modern-nav"] li:first').removeClass('active')
.siblings().addClass('active');
}
// builder blocks
if( $content.find("body").hasClass('mfn-builder-blocks') ){
$('.mfn-ui .panel-settings .mfn-form .settings .form-control[data-option="builder-blocks"] li:first').addClass('active')
.siblings().removeClass('active');
}
if( $content.find("body").hasClass('simple-view') ){
$('.mfn-ui .panel-settings .mfn-form .settings .form-control[data-option="simple-view"] li:first').removeClass('active')
.siblings().addClass('active');
}
if( $content.find("body").hasClass('hover-effects-disable') ){
$('.mfn-ui .panel-settings .mfn-form .settings .form-control[data-option="hover-effects"] li:first').addClass('active')
.siblings().removeClass('active');
}
if( $("body").hasClass('mfn-dev-ui') ){
$('.mfn-ui .panel-settings .mfn-form .settings .form-control[data-option="user-interface"] li:last-child').addClass('active')
.siblings().removeClass('active');
}
if( $("body").hasClass('mfn-scalable-preview') ){
$('.mfn-ui .panel-settings .mfn-form .settings .form-control[data-option="scalable-preview"] li:last-child').addClass('active')
.siblings().removeClass('active');
}
if( $("body").hasClass('mfn-navigator-fixed') ){
$('.mfn-ui .panel-settings .mfn-form .settings .form-control[data-option="navigator-position"] li:last-child').addClass('active')
.siblings().removeClass('active');
}
if( $("body").hasClass('mfn-history-ajax-mode') ){
$('.mfn-ui .panel-settings .mfn-form .settings .form-control[data-option="history-mode"] li:last-child').addClass('active')
.siblings().removeClass('active');
}
// ui mode
if( $('#mfn-visualbuilder').hasClass('mfn-ui-dark') && !$('#mfn-visualbuilder').hasClass('mfn-ui-auto') ){
$('.mfn-ui .panel-settings .mfn-form .settings .form-control[data-option="ui-theme"] li').removeClass('active');
$('.mfn-ui .panel-settings .mfn-form .settings .form-control[data-option="ui-theme"] li:last-child').addClass('active');
}else if( $('#mfn-visualbuilder').hasClass('mfn-ui-light') ){
$('.mfn-ui .panel-settings .mfn-form .settings .form-control[data-option="ui-theme"] li').removeClass('active');
$('.mfn-ui .panel-settings .mfn-form .settings .form-control[data-option="ui-theme"] li:nth-child(2)').addClass('active');
}else{
settings.detectOsTheme();
}
settings.run();
},
run: function() {
$('.mfn-ui .panel-settings .single-segmented-option.segmented-options ul li a').on('click', function(e) {
e.preventDefault();
if( mfnvbvars.view == 'demo' ) return;
settings.forceReload = false;
settings.option = $(this);
var $li = settings.option.closest('li'),
$row = settings.option.closest('.mfn-row');
if( $row.hasClass('mfn-reload-required') ){
$('.mfn-ui').addClass('mfn-modal-open').append('');
$('.btn-modal-close').on('click', function(e) {
e.preventDefault();
$('.mfn-ui').removeClass('mfn-modal-open');
$('.modal-confirm.show').remove();
return;
});
$('.btn-modal-confirm').on('click', function(e) {
e.preventDefault();
if( $(this).hasClass('loading') ) return;
window.onbeforeunload = null;
$(this).addClass('loading disabled');
settings.forceReload = true;
settings.continue();
});
$('.btn-modal-confirm-with-save').on('click', function(e) {
e.preventDefault();
if( $(this).hasClass('loading') ) return;
window.onbeforeunload = null;
$(this).addClass('loading disabled');
settings.forceReload = true;
if(!$('.btn-save-form-primary.btn-save-changes').hasClass('disabled')){
$('.btn-save-form-primary.btn-save-changes').trigger('click');
}
});
}else{
settings.continue();
}
});
},
continue: function() {
//console.log('continue');
var $li = settings.option.closest('li'),
$row = settings.option.closest('.mfn-row');
var option = settings.option.closest('.form-control').attr('data-option'),
value = false;
$li.addClass('active')
.siblings('li').removeClass('active');
value = $li.attr('data-value');
if( option == 'mfn-modern-nav' || option == 'simple-view' ){
if( value == 1 && !$content.find("body").hasClass(option) ){
$content.find("body").addClass(option);
}else{
$content.find("body").removeClass(option);
}
}else if( option == 'hover-effects' ){
if( value == 1 && !$content.find("body").hasClass('hover-effects-disable') ){
$content.find("body").addClass('hover-effects-disable');
}else{
$content.find("body").removeClass('hover-effects-disable');
}
}else if( option == 'ui-theme' ){
$("#mfn-visualbuilder").removeClass('mfn-ui-auto mfn-ui-dark mfn-ui-light').addClass(value);
if( ! isBlocks() ){
$content.find('body').removeClass('mfn-ui-auto mfn-ui-dark mfn-ui-light').addClass(value);
if(value == 'mfn-ui-auto'){
settings.detectOsTheme();
}
}
}else if( option == 'scalable-preview' ){
$("body").removeClass('mfn-scalable-preview');
if( value == 'enable' ) $("body").addClass('mfn-scalable-preview');
}else if( option == 'history-mode' ){
$("body").removeClass('mfn-history-ls-mode mfn-history-ajax-mode');
if( value.length && value == '1' ){
$("body").addClass('mfn-history-ajax-mode');
}else{
$("body").addClass('mfn-history-ls-mode');
}
}else if( option == 'navigator-position' ){
$("body").removeClass('mfn-navigator-fixed');
if( value.length && value == '1' ){
$("body").addClass('mfn-navigator-fixed');
}
}else{
if( value ){
$('#mfn-visualbuilder').addClass(option);
} else {
$('#mfn-visualbuilder').removeClass(option);
}
}
settings.save(option, value);
},
save: function(option, value) {
$.ajax( mfnajaxurl, {
type : "POST",
data : {
'mfn-builder-nonce': wpnonce,
action: 'mfn_builder_settings',
option: option,
value: value,
}
}).done(function(response){
// show info for pre-completed option
/*if( ['pre-completed','column-visual'].includes(option) ){
$row.addClass('changed');
}*/
if( 'hover-effects' == option ){
triggerResize();
}
if( settings.forceReload ){
location.reload();
settings.forceReload = false;
}
});
},
detectOsTheme: function() {
if( $('#mfn-visualbuilder').hasClass('mfn-ui-auto') && !$('#mfn-visualbuilder').hasClass('builder-blocks') ){
if(window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
$('#mfn-visualbuilder').addClass('mfn-ui-dark');
if($content) $content.find('body').addClass('mfn-ui-dark');
}else{
$('#mfn-visualbuilder').addClass('mfn-ui-light');
if($content) $content.find('body').addClass('mfn-ui-light');
}
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
const newColorScheme = event.matches;
if( newColorScheme ) {
$('#mfn-visualbuilder').addClass('mfn-ui-dark');
if($content) $content.find('body').addClass('mfn-ui-dark');
}else{
$('#mfn-visualbuilder').removeClass('mfn-ui-dark').addClass('mfn-ui-light');
if($content) $content.find('body').removeClass('mfn-ui-dark').addClass('mfn-ui-light');
}
//const newColorScheme = event.matches ? $('#mfn-visualbuilder').addClass('mfn-ui-dark') /*$content.find('body').addClass('mfn-ui-dark')*/ : $('#mfn-visualbuilder').removeClass('mfn-ui-dark')/* $content.find('body').addClass('mfn-ui-dark')*/;
});
}
}
}
var modernmenu = {
start: function() {
$builder.on('click', '.mfn-header .mfn-element-menu', function(e) {
e.preventDefault();
$(this).closest('.mfn-header').toggleClass('mfn-element-menu-opened');
});
}
}
/**
* Introduction slider
*/
var introduction = {
overlay: $('.mfn-intro-overlay'),
options: {
// introduction.options.get()
get: function(){
return $('#mfn-visualbuilder').hasClass('intro');
},
// introduction.options.set()
set: function( value ){
if( mfnvbvars.view == 'demo' ) return;
$.ajax( mfnajaxurl, {
type : "POST",
data : {
'mfn-builder-nonce': wpnonce,
action: 'mfn_builder_settings',
option: 'intro',
value: value, // 0 - hide intro, 1 - show intro
}
});
}
},
// introduction.open()
open: function(){
// do not open, when disabled support
if ( parseInt( $('#mfn-visualbuilder').attr('data-tutorial') ) ) {
return false;
}
var $slider = $('.mfn-intro-container ul');
var slidesAmount = $('.mfn-intro-container ul li').size() - 1;
// slider do not exists, ie. white label mode
if( ! $slider.length ){
return false;
}
// slider has been skipped before
if( ! introduction.options.get() ){
return false;
}
// FIX: wpbakery - dp not show introduction when page options closed
if( $('#mfn-meta-page').hasClass('closed') ){
return false;
}
$('body').addClass('mfn-modal-open');
introduction.overlay.show();
// slick has been initialized before so skip steps below
if( $slider.hasClass('slick-slider') ){
return false;
}
$slider.slick({
cssEase: 'ease-out',
dots: false,
fade: true,
infinite: false
});
$slider.on('afterChange', function(event, slick, currentSlide, nextSlide){
if ( currentSlide === slidesAmount ){
introduction.options.set(0);
}
});
// close once on overlay click
introduction.overlay.on('click', function(e){
e.preventDefault();
if ( $(e.target).hasClass('mfn-intro-overlay') ){
introduction.close();
}
});
// close permanently on X or 'skip' click
$('.mfn-intro-close').on('click', function(e){
e.preventDefault();
introduction.options.set(0);
introduction.close();
});
},
// introduction.reopen()
reopen: function(){
introduction.options.set(1);
$('#mfn-visualbuilder').addClass('intro');
introduction.open();
},
// introduction.close()
close: function(){
$('body').removeClass('mfn-modal-open');
$('#mfn-visualbuilder').removeClass('intro');
introduction.overlay.fadeOut(200);
}
};
introduction.open();
$('.introduction-reopen').on('click', function(e) {
introduction.reopen();
});
// Global Wraps //
const GlobalWraps = {
selectedWrapTemplate: '',
selectedUid: '',
uidsToRemove: [],
regex: /(mcb-wrap-).([a-zA-Z0-9]*)/g, // to catch class name of wrap
wrapTriggered: '',
loadedPostsId: [], // prevent loading CSS files twice, just perf
convertToGlobal: function(uid) {
// GlobalWraps.convertToGlobal()
$('.mfn-ui').addClass('mfn-modal-open').append('');
$('.btn-modal-close').on('click', function(e) {
e.preventDefault();
$('.mfn-ui').removeClass('mfn-modal-open');
$('.modal-confirm.show').remove();
});
$('.btn-modal-confirm').on('click', function(e){
e.preventDefault();
let $button = $(this);
$('.mfn-global-section-name').removeClass('error');
if( $('.mfn-global-section-name').val() != '' ){
if( $button.hasClass('loading') ) return;
$button.addClass('loading');
let pf = prepareForm.get( uid );
$.ajax({
url: mfnajaxurl,
data: {
action: 'mfnconverttoglobal',
'mfn-builder-nonce': wpnonce,
name: $('.mfn-global-section-name').val(),
sections: pf,
type: 'wrap',
obj: JSON.stringify(prepareForm.object)
},
type: 'POST',
success: function(response){
/*console.log(response);
console.log(mfnDbLists);*/
$button.removeClass('loading');
if( typeof mfnDbLists['global_wraps'] !== 'undefined' && mfnDbLists['global_wraps'].length < 2 ){
mfnDbLists['global_wraps'] = { '0': '- Default -' };
}
mfnDbLists['global_wraps'][response.key] = response.title;
//GlobalWraps.selectedUid = uid;
GlobalWraps.selectedWrapTemplate = response.key;
GlobalWraps.wrapTriggered = $content.find(`.wrap[data-uid=${GlobalWraps.selectedUid}]`);
$edited_div = $content.find(`.wrap[data-uid=${GlobalWraps.selectedUid}]`);
GlobalWraps.getGlobalWrap();
$('.mfn-ui').removeClass('mfn-modal-open');
$('.modal-confirm.show').remove();
GlobalWraps.selectedUid = '';
}
});
}else{
$('.mfn-global-section-name').addClass('error');
}
});
},
getGlobalWrap: function () {
// Replace actual wrap with global wrap | => void
const that = this;
that.wrapTriggered.addClass('mfn-global-wrap').attr('data-wrap', that.selectedUid);
let tmp_uid = that.selectedUid;
$.ajax({
url: mfnajaxurl,
data: {
action: 'importtemplate_wraponly',
'mfn-builder-nonce': wpnonce,
isGlobalWrap: true,
id: that.selectedWrapTemplate,
count: $(that.wrapTriggered).attr('data-order')
},
type: 'POST',
success: function(response) {
if ( response === '0' ) return that.resetWrapToDefaults();
// Imported content, insert it
that.wrapTriggered.replaceWith(response.html);
// Info for bebuilder, to know what is being saved
$.each(response.form, function(i, el) {
if( el.jsclass == 'wrap' ) {
el.title = 'Global Wrap';
mfnvbvars.pagedata.push( el );
}
});
// CSS related stuff
that.injectStylesheet();
// Remaining Lukas stuff
blink();
mfnChart();
historyStorage.add();
runAjaxElements();
setTimeout(function() {
if( $('body').hasClass('mfn-navigator-active') ) be_navigator.show( $(response.html).attr('data-uid') );
$builder.find('.mcb-wrap-'+$(response.html).attr('data-uid')+' .wrap-header.mfn-header .mfn-element-edit').trigger('click');
}, 200);
GlobalWraps.selectedUid = '';
},
});
},
injectStylesheet: function ( ) {
// While loading the stylesheet again, prevent loading CSS once more | => void
if( !this.loadedPostsId.includes( this.selectedWrapTemplate ) ) {
this.loadedPostsId.push( this.selectedWrapTemplate );
$content.find('head').append(`'+label_prefix+' '+el.label+' {'+el.key+'} '+label_prefix+' '+el.label+' {'+el.key+'} '+el.label+' {'+el.key+'} '+el.label+' {'+el.key+'} '+el.label+' {'+el.key+'} '+(size && size !== '' ? '#'+size : 'Section');
if( size && size == 'Global' ){
$html += 'Global ';
}
$html += ' ';
if( (!size || size != 'Global') && _.has(el, 'attr') ){
if( _.has(el['attr'], 'visibility') ){
$html += be_navigator.responsive(el['attr']['visibility'], uid);
}
if( _.has(el['attr'], 'hide') && el.attr.hide ) $html += '
';
$html += ''+type+' '+size+' ';
if( _.has(el['attr'], 'visibility') ){
$html += be_navigator.responsive(el['attr']['visibility'], uid);
}
$html += '
'+type.replaceAll('thankyou', '').replaceAll('_', ' ')+' ';
if( _.has(el['attr'], 'visibility') ){
$html += be_navigator.responsive(el['attr']['visibility'], uid);
}
$html += '
';
$html += ''+form_html+'
');
onOpenEditForm();
mfnoptsinputs.start();
MfnFieldTextarea.initForCSSandJS();
/**
* Slider bar
* */
if( $('.panel-view-options .mfn-form .mfn-vb-formrow .sliderbar:not(.mfn-initialized)').length ){
$('.panel-view-options .mfn-form .mfn-vb-formrow .sliderbar:not(.mfn-initialized)').each(function() {
sliderInput.init($(this));
});
}
});
$(document).on('click', '.mfn-copytoclipboard', function(e) {
e.preventDefault();
if( typeof $(this).attr('data-clipboard') === 'undefined' ) return;
let cb = $(this).attr('data-clipboard');
let $link = $(this);
navigator.clipboard.writeText(cb);
$link.attr('data-tooltip', 'Copied');
setTimeout(function() {
$link.attr('data-tooltip', 'Click to copy to clipboard');
}, 3000);
});
$(document).on('click', '.sidebar-menu-inner ul li:not(.menu-wordpress) a', function() {
if( $(this).hasClass('mfn-settings-tab') ){
$('.mfn-ui').addClass('mfn-sidebar-hidden-footer');
}else{
$('.mfn-ui').removeClass('mfn-sidebar-hidden-footer');
}
if( $builder.find('.mfn-current-editing').length ) $builder.find('.mfn-current-editing').removeClass('mfn-current-editing');
});
/**
* Inlimited custom fonts
* mfnNewFont()
*/
var mfnNewFont = {
hiddenInput: $('.mfn-form-themeoptions .themeoption.font-custom-fields input'),
getCardsAmount: () => $('.mfn-form-themeoptions #themeoptions-font-custom').find('h5').length,
html: function() {
let i = mfnNewFont.getCardsAmount();
return `
`;
},
init: function() {
$(document).on('click', '.mfn-form-themeoptions .mfn_new_font.themeoption a', function(e) {
e.preventDefault();
$(this).closest('.themeoption').before(mfnNewFont.html());
});
}
}
mfnNewFont.init();
// theme options [themeoptions]
var sidebar_themeoptions = {
init: function() {
$('li.menu-themeoptions a').on('click', function(e) {
e.preventDefault();
if (mfnvbvars.view == 'demo') return;
if( $builder.find('.mfn-current-editing').length ) $builder.find('.mfn-current-editing').removeClass('mfn-current-editing');
$('.mfn-ui .panel-view-themeoptions .mfn-form.mfn-form-themeoptions').empty();
let $tabler = $('.panel-view-themeoptions .vb-themeoptions');
$(".panel").hide();
$(".header").hide();
$(".panel-view-themeoptions").show();
$(".header-themeoptions").show();
if( ui_mode == 'dev' ){
$('.topbar-nav #main-menu li').removeClass('active');
$('.topbar-nav li.menu-settings').addClass('active');
}
sidebar_themeoptions.startView();
edited_item = mfnDbLists.themeoptions;
edited_item['jsclass'] = 'themeoption';
$('.mfn-ui .panel-view-themeoptions .mfn-form.mfn-form-themeoptions').html( renderMfnFields.themeoptions( edited_item ) );
//console.log(edited_item);
});
$editpanel.on('click', '.header-themeoptions .header-to-back a', function(e) {
e.preventDefault();
if( $('.vb-themeoptions .vb-to.active').length ){
//$('.vb-themeoptions .vb-to.active').removeClass('active');
$('.vb-themeoptions').removeClass('vb-to-form-view');
$('.header-to-back').hide();
if( $('.vb-themeoptions .vb-to-content.vb-to-active').length ) $('.vb-themeoptions .vb-to-content.vb-to-active').removeClass('vb-to-active');
if($('.vb-themeoptions .vb-to-li-active').length) $('.vb-themeoptions .vb-to-li-active').removeClass('vb-to-li-active');
}
});
$editpanel.on('click', '.vb-themeoptions .vb-to-header a', function(e) {
e.preventDefault();
var $tab = $(this).closest('.vb-to');
var $tabler = $(this).closest('.vb-themeoptions');
var href = $(this).attr('href');
var id = href.replace('#themeoptions-', '');
if( $(this).hasClass('vb-themeoptions-link-expander') ){
if( $tab.hasClass('active') ){
$tab.removeClass('active');
$tabler.removeClass('vb-to-form-view');
if( $tabler.find('.vb-to-content.vb-to-active').length ) $tabler.find('.vb-to-content.vb-to-active').removeClass('vb-to-active');
}else{
$tab.addClass('active');
if( href == '#themeoptions-gdpr' && $('.mfn-form-themeoptions .themeoption.gdpr input:checked').val() == '1' ){
if( $content.find('#mfn-gdpr').length ) $content.find('#mfn-gdpr').addClass('show');
}
if( $tab.find('.vb-to-content').length ){
$tab.find('.vb-to-content').each(function(i, el) {
let tab_id = $(el).attr('id').replace('themeoptions-', '');
const mfn_form_to = new MfnForm( renderMfnFields['themeoptions_fields'][tab_id] );
let form_html_to = mfn_form_to.render();
$(this).html(form_html_to);
});
}
}
}else if( $(this).hasClass('vb-themeoptions-form-link') ){
if($tabler.hasClass('vb-to-form-view')) {
$tabler.removeClass('vb-to-form-view');
$('.header-to-back').hide();
if($tabler.find('.vb-to-li-active').length) $tabler.find('.vb-to-li-active').removeClass('vb-to-li-active');
if( $tabler.find('.vb-to-content.vb-to-active').length ) $tabler.find('.vb-to-content.vb-to-active').removeClass('vb-to-active');
}else{
if($tabler.find('.vb-to-active').length) $tabler.find('.vb-to-active').removeClass('vb-to-active');
if($tabler.find('.vb-to-li-active').length) $tabler.find('.vb-to-li-active').removeClass('vb-to-li-active');
$('.header-to-back').show();
$tabler.addClass('vb-to-form-view');
$tab.find(href).addClass('vb-to-active');
/*if( !$tab.find(href+' .mfn-form-row').length ){
const mfn_form_to = new MfnForm( renderMfnFields['themeoptions_fields'][id] );
let form_html_to = mfn_form_to.render();
$tab.find(href).html(form_html_to);
}
mfnoptsinputs.start();
if( $('.panel-view-themeoptions .mfn-form .mfn-vb-formrow .sliderbar:not(.mfn-initialized)').length ){
$('.panel-view-themeoptions .mfn-form .mfn-vb-formrow .sliderbar:not(.mfn-initialized)').each(function() {
sliderInput.init($(this));
});
}
initSocialSorting($tab);
initFontSelect($tab);
MfnFieldTextarea.initForCSSandJS();
$(this).parent('li').addClass('vb-to-li-active');*/
mfnoptsinputs.start();
if( $('.panel-view-themeoptions .mfn-form .mfn-vb-formrow .sliderbar:not(.mfn-initialized)').length ){
$('.panel-view-themeoptions .mfn-form .mfn-vb-formrow .sliderbar:not(.mfn-initialized)').each(function() {
sliderInput.init($(this));
});
}
initSocialSorting($tab);
initFontSelect($tab);
MfnFieldTextarea.initForCSSandJS();
$(this).parent('li').addClass('vb-to-li-active');
$(this).parent('li').addClass('vb-to-li-active');
}
}
});
},
startView: function() {
let $tabler = $('.panel-view-themeoptions .vb-themeoptions');
if( $tabler.find('.vb-to.active') ) $tabler.find('.vb-to.active').removeClass('active');
if( $tabler.hasClass('vb-to-form-view') ) $tabler.removeClass('vb-to-form-view');
if( $tabler.find('.vb-to-li-active').length ) $tabler.find('.vb-to-li-active').removeClass('vb-to-li-active');
if( $tabler.find('.vb-to-content.vb-to-active').length ) $tabler.find('.vb-to-content.vb-to-active').removeClass('vb-to-active');
}
}
sidebar_themeoptions.init();
/**
* MEGA MENU
* */
$editpanel.on('change', '.mfn-be-megamenu-builder .panel-view-options .preview-megamenu_custom_widthinput', function() {
$content.find('.mfn-megamenu-wrapper').css('width', $(this).val());
});
$editpanel.on('change', '.mfn-be-megamenu-builder .panel-view-options .preview-megamenu_widthinput', function() {
var val = $(this).val();
$content.find('.mfn-megamenu-wrapper').removeClass('mfn-megamenu-full-width');
if( val == 'custom-width' ) {
$content.find('.mfn-megamenu-wrapper').css('width', $('.mfn-be-megamenu-builder .panel-view-options .preview-megamenu_custom_widthinput').val());
}else if( val == 'full-width' ) {
$content.find('.mfn-megamenu-wrapper').removeAttr('style');
$content.find('.mfn-megamenu-wrapper').addClass('mfn-megamenu-full-width')
}else{
$content.find('.mfn-megamenu-wrapper').removeAttr('style');
}
});
/**
* END MEGA MENU
* */
function updateExportInput(){
if( mfnvbvars.view == 'demo' ) return;
var formData = prepareForm.get();
$('.panel-export-import .mfn-export-field').val(formData);
}
/*$(document).ajaxComplete(function() {
runAjaxElements();
});*/
function runAjaxElements(){
mfnCurrencySwitcher.init();
if( $builder.find('.mcb-wrap-inner .bars_list:not(.hover)') ) { $builder.find('.mcb-wrap-inner .bars_list:not(.hover)').addClass('hover'); }
// query loop masonry
if( $content && $content.find('.mfn-query-loop-masonry:not(.mfn-initialized)').length ){
// queryLoopMasonry();
iframe.queryLoopMasonry();
}
if( $content && $content.find('.column_banner_box').length ){
mfnBannerBox();
}
// blog slider
if($content && $content.find('.blog_slider .blog_slider_ul:not(.slick-initialized)').length){
mfnSliderBlog();
}
// clients slider
if($content && $content.find('.clients_slider_ul').length){
mfnSliderClients();
}
// gallery
if($content && $content.find('.sections_group .gallery, .mcb-section .gallery').not('.mfn-initialized').length){
//mfnGalleryInit();
iframe.msnryGalleryInit();
}
// countdown
if($content && $content.find('.downcount').length){
mfnCountDown();
}
// chart
if($content && $content.find('.chart_box:not(.mfn-initialized)').length){
mfnChart();
}
// counter
if($content && $content.find('.animate-math .number').length){
mfnAnimateMath();
}
// slider
if($content && $content.find('.content_slider_ul').length){
sliderSlider();
}
// accordion
if($content && $content.find('.mfn-acc').length){
accordionifaqs();
}
if($content && $content.find('.woocommerce-product-attributes').length){
spanToAdditionalInfo();
}
if( $content && $content.find('.promo_bar_slider:not(.mfn-initialized)').length ){
promoBarSlider();
}
// feature list
if($content && $content.find('.feature_list').length){
mfnFeatureList();
}
// hover box
if($content && $content.find('.tooltip, .hover_box').length){
mfnHoverBox();
}
// slider offer full
if($content && $content.find('.offer_ul').length){
mfnSliderOffer();
}
if($content && $content.find('.blog_wrapper .isotope:not( .masonry ), .portfolio_wrapper .isotope:not( .masonry-flat, .masonry-hover, .masonry-minimal').length){
portfolioIsotope();
}
if( $content && $content.find('.mfn-language-switcher-dropdown:not(.mfn-initialized)').length ) {
wpmlLangSwitcher();
}
if($content && $content.find('.isotope.masonry, .isotope.masonry-hover, .isotope.masonry-minimal').length){
blogPortfolioMasonry();
}
// slider testimonials
if($content && $content.find('.testimonials_slider_ul').length){
sliderTestimonials();
}
// slider offer thumb
if($content && $content.find('.offer_thumb_ul:not(.slick-initialized)').length){
mfnSliderOfferThumb();
}
if($content && $content.find('.shop_slider_ul').length){
mfnSliderShop();
}
// product gallery
if( $content && $content.find('.mcb-item-product_images-inner .woocommerce-product-gallery:not(.mfn-initialized)').length ){
productgallery.start( $content.find('.mcb-item-product_images-inner .woocommerce-product-gallery:not(.mfn-initialized)') );
}
// portfolio slider
if($content && $content.find('.portfolio_slider_ul').length){
sliderPortfolio();
}
// before after
if($content && $content.find('.before_after.twentytwenty-container').length){
$content.find('.before_after.twentytwenty-container .twentytwenty-overlay').remove();
$content.find('.before_after.twentytwenty-container .twentytwenty-after-label').remove();
$content.find('.before_after.twentytwenty-container .twentytwenty-handle').remove();
$content.find('.before_after.twentytwenty-container').imagesLoaded(function() {
$content.find('.before_after.twentytwenty-container').twentytwenty();
$content.find('.before_after.twentytwenty-container').not('mfn-initialized').addClass('mfn-initialized');
});
}
// tabs
if($content && $content.find('.jq-tabs:not(.ui-tabs)').length){
$content.find('.jq-tabs:not(.ui-tabs) ul li a').each(function() { $(this).attr("href", location.href.toString().replace('#', '')+$(this).attr("href")); }); // prevents tab reload iframe from jquery 1.9, 1.8 is ok
$content.find('.jq-tabs:not(.ui-tabs)').tabs();
}
}
// reinit js
let mfnCurrencySwitcher = {
selector: false,
init: function() {
if( !$content.find('.column_header_currency_switcher .mfn-currency-switcher-wrapper:not(.initialized)').length ) return;
$content.find('.column_header_currency_switcher .mfn-currency-switcher-wrapper:not(.initialized)').each(function() {
mfnCurrencySwitcher.selector = $(this);
mfnCurrencySwitcher.selector.addClass('initialized');
if( mfnCurrencySwitcher.selector.hasClass('mfn-currency-switcher-flags') ) mfnCurrencySwitcher.attach_flags();
if( mfnCurrencySwitcher.selector.hasClass('mfn-currency-switcher-dropdown mfn-currency-switcher-dropdown-icon') ) mfnCurrencySwitcher.dropdown_icon();
if( mfnCurrencySwitcher.selector.hasClass('mfn-currency-switcher-dropdown') ) mfnCurrencySwitcher.dropdown();
mfnCurrencySwitcher.selector = false;
});
},
attach_flags: function() {
let flag_path = mfnCurrencySwitcher.selector.attr('data-themepath');
mfnCurrencySwitcher.selector.find('li a').each(function() {
let code = $(this).attr('rel');
let flag_uri = `${flag_path}/${code}.svg`;
$(this).prepend('' + img + ' ';
};
$content.find('.testimonials_slider_ul').each(function() {
var slider = $(this);
slider.not('.slick-initialized').slick({
cssEase: 'ease-out',
dots: true,
infinite: true,
touchThreshold: 10,
speed: 300,
prevArrow: '' + i + ' ';
};
$content.find('.shop_slider_ul').each(function() {
var slider = $(this);
var slidesToShow = 4;
var count = slider.closest('.shop_slider').data('order');
if (slidesToShow > count) {
slidesToShow = count;
if (slidesToShow < 1) {
slidesToShow = 1;
}
}
slider.not('.slick-initialized').slick({
cssEase: 'ease-out',
dots: true,
infinite: true,
touchThreshold: 10,
speed: 300,
prevArrow: '' + img + ' ';
};
$content.find('.offer_thumb_ul:not(.slick-initialized)').each(function() {
var slider = $(this);
slider.slick({
cssEase: 'ease-out',
arrows: false,
dots: true,
infinite: true,
touchThreshold: 10,
speed: 300,
adaptiveHeight: true,
appendDots: slider.siblings('.slider_pagination'),
customPaging: pager,
rtl: rtl ? true : false,
autoplay: mfn.slider.offer ? true : false,
autoplaySpeed: mfn.slider.offer ? mfn.slider.offer : 5000,
slidesToShow: 1,
slidesToScroll: 1
});
});
}
// Slider | Portfolio
function sliderPortfolio() {
$content.find('.portfolio_slider_ul').each(function() {
var slider = $(this);
var size = 380;
var scroll = 5;
if (slider.closest('.portfolio_slider').data('size')) {
size = slider.closest('.portfolio_slider').data('size');
}
if (slider.closest('.portfolio_slider').data('size')) {
scroll = slider.closest('.portfolio_slider').data('scroll');
}
slider.not('.slick-initialized').slick({
cssEase: 'ease-out',
dots: false,
infinite: true,
touchThreshold: 10,
speed: 300,
prevArrow: '' + i + ' ';
};
$content.find('.content_slider_ul').each(function() {
var slider = $(this);
var count = 1;
var centerMode = false;
if (slider.closest('.content_slider').hasClass('carousel')) {
count = slickAutoResponsive(slider);
$(window).on('debouncedresize', function() {
slider.slick('slickSetOption', 'slidesToShow', slickAutoResponsive(slider), false);
slider.slick('slickSetOption', 'slidesToScroll', slickAutoResponsive(slider), true);
});
}
if (slider.closest('.content_slider').hasClass('center')) {
centerMode = true;
}
slider.not('.slick-initialized').slick({
cssEase: 'cubic-bezier(.4,0,.2,1)',
dots: true,
infinite: true,
touchThreshold: 10,
speed: 300,
centerMode: centerMode,
centerPadding: '20%',
prevArrow: 'Font size
').appendTo(form);
$('Line height
').appendTo(form);
$('Letter spacing
').appendTo(form);
$('Font family Default Arial Georgia Tahoma Times Trebuchet Verdana
').appendTo(form);
$('Font weight Default Normal Bold 100 200 300 400 500 600 700 800 900
').appendTo(form);
close.className = 'medium-editor-toolbar-close';
close.innerHTML = ''+value+' ';
});
$(input.fontfamily).append( $(''+g_fonts+' ') );
}
$( input.fontsize ).val( typo.fontsize || '' ).on('change', function() {
self.handleTypoChange( $(this).attr('data-style'), $(this).val() );
});
$( input.lineheight ).val( typo.lineheight || '' ).on('change', function() {
self.handleTypoChange( $(this).attr('data-style'), $(this).val() );
});
$( input.letterspacing ).val( typo.letterspacing || '' ).on('change', function() {
self.handleTypoChange( $(this).attr('data-style'), $(this).val() );
});
$( input.fontfamily ).val( typo.fontfamily.replaceAll('"', '') || '' )
.on('change', function() {
var style_attr = $(this).attr('data-style');
var val = $(this).val().replace('"', '');
var fonts_group = $(this).find(':selected').closest('optgroup').attr('label');
if( fonts_group == 'Google' ){
WebFont.load({
google: {
families: [val]
},
context: window.frames[0].frameElement.contentWindow,
fontactive: function(familyName,fvd){
self.handleTypoChange( style_attr, familyName );
return;
},
});
}else{
self.handleTypoChange( style_attr, val, true );
}
});
$( input.fontweight ).val( typo.fontweight || '' ).on('change', function() {
self.handleTypoChange( $(this).attr('data-style'), $(this).val() );
});
this.setToolbarPosition();
},
getExistingValue: function( nodes, active = false ) {
var nodeIndex,
typo,
el;
if ( ! nodes.length ) {
nodes = this.base.elements;
}
for ( nodeIndex = 0; nodeIndex < nodes.length; nodeIndex++ ) {
el = nodes[ nodeIndex ];
if( active ){
typo = false;
if (typeof $( el ).attr('data-font-size') !== 'undefined' && $( el ).attr('data-font-size') !== false) typo = true;
if (typeof $( el ).attr('data-line-height') !== 'undefined' && $( el ).attr('data-line-height') !== false) typo = true;
if (typeof $( el ).attr('data-letter-spacing') !== 'undefined' && $( el ).attr('data-letter-spacing') !== false) typo = true;
if (typeof $( el ).attr('data-font-family') !== 'undefined' && $( el ).attr('data-font-family') !== false) typo = true;
if (typeof $( el ).attr('data-font-weight') !== 'undefined' && $( el ).attr('data-font-weight') !== false) typo = true;
return typo;
}
typo = {
fontsize: $( el ).css( 'font-size' ),
lineheight: $( el ).css( 'line-height' ),
letterspacing: $( el ).css( 'letter-spacing' ),
fontfamily: $( el ).css( 'font-family' ),
fontweight: $( el ).css( 'font-weight' ),
};
}
return typo;
},
handleFormClick: function( event ) {
event.stopPropagation();
},
handleSaveClick: function( event ) {
event.preventDefault();
this.hideForm();
},
hideForm: function() {
var self = this,
form = this.getForm();
$(form).removeClass( 'mfn-visible' );
$content.find('#medium-editor-toolbar-'+this.getEditorId()+' .medium-editor-toolbar-actions').show();
this.base.restoreSelection();
self.setToolbarPosition();
},
handleTypoChange: function( key, value, data = false ) {
var iframeWin = rangy.dom.getIframeWindow( iframe ),
element,
self = this;
this.base.restoreSelection();
element = MediumEditor.selection.getSelectionElement( this.document );
if ( ! element ) {
return;
}
this.classApplier.applyToSelection( iframeWin );
element.querySelectorAll( '.mfn-inline-txt-editing' ).forEach( function( el ) {
if ( el.classList.contains( 'mfn-inline-txt-editing' ) ) {
if( value.length ){
$( el ).css( key, value )
if( !data ) {
$( el ).attr('data-'+key, $( el ).css( key ));
}else{
$( el ).removeAttr('data-'+key);
}
self.button.classList = 'medium-editor-button-active';
}else{
$( el ).removeAttr('data-'+key);
}
el.classList.remove( 'mfn-inline-txt-editing' );
if ( 0 === el.classList.length ) {
el.removeAttribute( 'class' );
}
}
} );
this.triggerUpdate( element );
},
triggerUpdate: function( element ) {
this.base.trigger( 'editableInput', {}, element );
},
});
var ToolsHighlighter = MediumEditor.extensions.form.extend({
name: 'mfnHghter',
action: 'mfnHghter',
aria: 'mfnHghter',
contentDefault: '☯',
contentFA: 'Color
').appendTo(form);
$('Background
').appendTo(form);
$('Style Default Underline
').appendTo(form);
close.className = 'medium-editor-toolbar-close';
close.innerHTML = ''+txt_content+' ');
}else{
$wrapper.addClass('highlight').css('color', color).css('background-color', bg).text(txt_content);
}
self.button.classList = 'medium-editor-button-active';
}
el.classList.remove( 'mfn-inline-txt-editing' );
if ( 0 === el.classList.length ) {
el.removeAttribute( 'class' );
}
}
} );
this.triggerUpdate( element );
},
triggerUpdate: function( element ) {
this.base.trigger( 'editableInput', {}, element );
},
});
$builder.find('.vb-item.mcb-column .mfn-inline-editor:not(.mfn-initialized)').each(function(i) {
$iframeCont = $(this);
$iframeCont.addClass('mfn-initialized').attr('data-mfnindex', inlineIndex);
inlineEditors[inlineIndex] = new MediumEditor( $(this).get(0), {
buttonLabels: 'fontawesome',
contentWindow: iframe.contentWindow,
ownerDocument: iframe.contentWindow.document,
elementsContainer: iframe.contentWindow.document.body,
anchorPreview: false,
previewValueSelector: 'a',
anchor: {
customClassOption: null,
customClassOptionText: 'Button',
linkValidation: false,
placeholderText: 'Paste or type a link',
targetCheckbox: true,
targetCheckboxText: 'Open in new window'
},
extensions: {
switchMore: new ToolsSwitchMore(),
colorPicker: new ToolsColorPicker(),
//mfnHghter: new ToolsHighlighter(),
typography: new ToolsTypography(),
mfnRemoveFormat: new ToolsMfnRemoveFormat(),
},
toolbar: {
buttons: ['typography', 'bold', 'italic', 'underline', 'strikethrough', 'colorPicker', 'anchor', 'quote', 'subscript', 'superscript', 'justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull', 'orderedlist', 'unorderedlist', 'indent', 'outdent', 'mfnRemoveFormat', 'switchMore'],
},
paste: {
forcePlainText: false,
cleanPastedHTML: false
}
});
inlineIndex++;
})
}
}
// Blog & Portfolio - Masonry
function blogPortfolioMasonry() {
$content.find('.isotope.masonry, .isotope.masonry-hover, .isotope.masonry-minimal').each(function() {
var $el = $(this);
if( !$el.hasClass('mfn-initialized') ){
$el.addClass('mfn-initialized');
$el.imagesLoaded( function() {
$el.isotope({
itemSelector: '.isotope-item',
layoutMode: 'masonry',
isOriginLeft: rtl ? false : true
});
$('.preview-wrapper').css({'margin-left': $('.sidebar-wrapper').width()-1});
setTimeout(function () { $('.preview-wrapper').css({'margin-left': $('.sidebar-wrapper').width() }); },500);
});
}
});
}
// Append spans to additional info table
function spanToAdditionalInfo(){
$content.find('.woocommerce-product-attributes td, .woocommerce-product-attributes th').each(function() {
$(this).html(''+$(this).html()+' ');
});
}
// gallery
/*function mfnGalleryInit(){
$content.find('.column_image_gallery').each(function() {
var $el = $(this);
var $grid = $el.find('.gallery');
if(!$grid.hasClass('mfn-initialized')){
var id = $grid.attr('id');
$('> br', $grid).remove();
$('.gallery-icon > a', $grid)
.wrap('')
.prepend('
')
.children('img');
// lightbox | link to media file
if ($grid.hasClass('file')) {
$('.gallery-icon a', $grid)
.attr('rel', 'prettyphoto[' + id + ']')
.attr('data-elementor-lightbox-slideshow', id); // FIX: elementor lightbox gallery
}
// isotope for masonry layout
if ($grid.hasClass('masonry')) {
$grid.imagesLoaded( function() {
$grid.isotope({
itemSelector: '.gallery-item',
layoutMode: 'masonry',
isOriginLeft: rtl ? false : true
});
$('.preview-wrapper').css({'margin-left': $('.sidebar-wrapper').width()-1});
setTimeout(function () { $('.preview-wrapper').css({'margin-left': $('.sidebar-wrapper').width() }); },500);
});
$grid.addClass('mfn-initialized');
iframe.jQuery('window').trigger('resize');
}
}
});
}*/
var scrollTicker, lightboxAttr, sidebar,
rtl = $('body').hasClass('rtl'),
simple = $('body').hasClass('style-simple'),
topBarTop = '61px',
headerH = 0,
mobileInitW = (mfn.mobileInit) ? mfn.mobileInit : 1240;
// Slick Slider | Auto responsive
function slickAutoResponsive(slider, max, size, round = false) {
if (!max){
max = 5;
}
if (!size){
size = 380;
}
var width = slider.width() || 0;
var count;
if ( round ) {
count = Math.floor(width / size);
} else {
count = Math.ceil(width / size);
}
if (count < 1) count = 1;
if (count > max) count = max;
return count;
}
// banner box
function mfnBannerBox() {
if( $content.find(".mfn-banner-box .last-visible-el").length ) {
$content.find(".mfn-banner-box .last-visible-el").removeClass('last-visible-el');
$content.find('.hidden-wrapper .hidden-desc').removeAttr('style');
}
$content.find( ".mfn-banner-box").each(function() {
if( $(this).find('.hidden-desc .cta-text').length && $(this).find('.hidden-desc .cta-text').text() == '' ) {
$(this).find('.hidden-desc').hide();
$(this).find('.hidden-desc').prev().addClass("last-visible-el");
}else if( $(this).find('.hidden-desc').length ) {
$(this).find('.hidden-desc').show();
if( $(this).find('.hidden-desc').prevAll(":visible").first().length ) $(this).find('.hidden-desc').prevAll(":visible").first().addClass("last-visible-el");
var hd_h = $(this).find('.hidden-wrapper').outerHeight();
$(this).find('.hidden-desc').css( { '--mfn-banner-box-height': hd_h + 'px' } );
}
});
}
// Slider | Blog
function mfnSliderBlog() {
var pager = function(el, i) {
return '' + i + ' ';
};
$content.find('.blog_slider .blog_slider_ul:not(.slick-initialized)').each(function() {
var slider = $(this);
var slidesToShow = 4;
var count = slider.closest('.blog_slider').attr('count');
var singlePostMode = slider.closest('.blog_slider').hasClass('single_post_mode');
if (slidesToShow > count) {
slidesToShow = count;
if (slidesToShow < 1) {
slidesToShow = 1;
}
}
if (singlePostMode) {
slidesToShow = 1;
}
slider.slick({
cssEase: 'ease-out',
dots: true,
infinite: true,
touchThreshold: 10,
speed: 300,
prevArrow: ''+ entry +' ';
});
if( $select.find('optgroup[data-type="google-fonts"] option').length == 1 ){
$select.find('optgroup[data-type="google-fonts"]').html(options);
}
}
let value = $select.attr('data-value');
if( typeof value !== 'undefined' ){
if( $select.find('option[value="'+value+'"]').length ){
$select.val(value);
}else if($select.find('option[value="#'+value+'"]').length){
$select.val('#'+value);
}
}
});
}
}
function initSocialSorting($box) {
if( $box.find('.social-link .social-wrapper:not(.mfn-initialized)').length ){
let $wrapper = $box.find('.social-link .social-wrapper:not(.mfn-initialized)');
let $input = $box.find('input.social-order');
$wrapper.sortable({
axis: "y",
handle: ".drag",
stop: function(event, elem) {
var arr = [];
$wrapper.find('li').each(function() {
arr.push( $(this).attr('data-key') );
});
$input.val(arr.join(',')).trigger('change');
}
});
$wrapper.addClass('mfn-initialized');
}
}
// Reset CSS Filters to default
$editpanel.on('click', '.mfn-form-row.toggle_fields > label > a.reset-css-filters', function(e) {
e.preventDefault();
//if( typeof edited_item.attr['style:.mcb-section-mfnuidelement .mcb-background-overlay:filter'] === 'undefined' ) return;
var $editrow = $(this).closest('.mfn-vb-formrow');
$editrow.find('.mfn-sliderbar-value, .field-to-object').each(function() {
$(this).val('').trigger('change');
});
$editrow.find('.sliderbar .ui-slider-handle').each(function() {
$(this).attr('style', '');
});
setTimeout(function() {
if(edited_item.jsclass == 'section') {
delete(edited_item.attr['style:.mcb-section-mfnuidelement .mcb-background-overlay:filter']);
} else {
delete(edited_item.attr['style:.mcb-section .mcb-wrap-mfnuidelement .mcb-wrap-inner .mcb-wrap-background-overlay:filter']);
}
}, 100);
});
$editpanel.on('click', '.mfn-form-row.toggle_fields > label > a.reset-backdrop-filter', function(e) {
e.preventDefault();
//if( typeof edited_item.attr['style:.mcb-section-mfnuidelement .mcb-background-overlay:filter'] === 'undefined' ) return;
var $editrow = $(this).closest('.mfn-vb-formrow');
$editrow.find('.mfn-sliderbar-value, .field-to-object').each(function() {
$(this).val('').trigger('change');
});
$editrow.find('.sliderbar .ui-slider-handle').each(function() {
$(this).attr('style', '');
});
setTimeout(function() {
delete(edited_item.attr['style:.mcb-section .mcb-wrap .mcb-item-mfnuidelement .mcb-column-inner:backdrop-filter']);
delete(edited_item.attr['css_advanced_backdrop_filter']);
}, 100);
});
function hideLabelButtonInputs(e){
var div = $('.mfn-form-row.mfn-fields-active .mfn-toggle-fields-wrapper');
if (!div.is(e.target) && div.has(e.target).length === 0){
$('.mfn-form-row.mfn-fields-active').removeClass('mfn-fields-active');
$('.sidebar-wrapper').removeClass('mfn-vb-sidebar-overlay');
$(document).unbind('click', hideLabelButtonInputs);
}
}
$editpanel.on('click', '.mfn-form-row.mfn-sidebar-fields-tabs > ul.mfn-sft-nav li a', function(e) {
e.preventDefault();
var tab = $(this).attr('data-tab');
var $box = $(this).closest('.mfn-form-row');
$box.find('ul.mfn-sft-nav li').removeClass('active');
$box.find('.mfn-sft').removeClass('mfn-tabs-fields-active');
$box.find('.mfn-sft .mfn-vb-formrow').addClass('mfn-toggled');
$box.find('.mfn-sft-'+tab).addClass('mfn-tabs-fields-active');
$box.find('.mfn-sft-'+tab+' .mfn-vb-formrow').removeClass('mfn-toggled');
if( !$box.find('.mfn-sft-'+tab+' .mfn-vb-formrow.mfn-fields-switcher .segmented-options li.active').length ){
$box.find('.mfn-sft-'+tab+' .mfn-vb-formrow.mfn-fields-switcher .segmented-options li:first-child a').trigger('click');
}
$(this).parent().addClass('active');
});
$editpanel.on('click', '.panel-edit-item ul.sidebar-panel-content-tabs > li', function(e) {
e.preventDefault();
var tab = $(this).attr('data-tab');
if( !$(this).hasClass('active') ) {
$('.panel-edit-item .modalbox-card').removeClass('active');
$(this).addClass('active');
$(this).siblings().removeClass('active');
$('.panel-edit-item .modalbox-card-'+tab).addClass('active');
if( $(this).hasClass('spct-li-style') || $(this).hasClass('spct-li-advanced') ){
if( !$('.mfn-element-fields-wrapper .modalbox-card.active .toggled_header').first().hasClass('mfn-toggle-expanded') ){
$('.mfn-element-fields-wrapper .modalbox-card.active .toggled_header').first().trigger('click');
}
}
}
return;
});
/* CSS */
$('.body_offset_header .mfn-form-control').on('change', function() {
var val = $(this).val();
if(val == 'active'){
var header_height = $builder.outerHeight()+'px';
$('.body-offset-header-value .mfn-form-control').val(header_height);
}
});
$editpanel.on('change', '.has-default-unit.mfn-field-value', function() {
var $field = $(this);
var val = $field.val();
var units_check = false;
if( $field.val().length ){
$.each( units, function( i, el ) {
if( val == 'initial' || val == 'auto' || val.includes(el) ){
units_check = true;
}
});
if(units_check == false){
$field.val(val+$field.attr('data-unit')).trigger('change');
}
}
});
$editpanel.on('change', '.inline-style-input .mfn-field-value, .inline-style-input input[type="checkbox"]', function() {
var $field = $(this);
var it = $(this).closest('.mfn-element-fields-wrapper').attr('data-element');
var val = $field.val();
var units_check = false;
var fonts = [];
if( $field.closest('.font-family').length && $field.val().length ){
fonts.push( $field.val() );
}
// web font load
if( fonts.length ){
WebFont.load({
google: {
families: fonts
},
context: window.frames[0].frameElement.contentWindow,
});
}
if( $field.hasClass('preview-background-sizeinput') && val == 'cover-ultrawide' ){
$content.find('.'+it).addClass('bg-cover-ultrawide');
}else if($field.hasClass('preview-background-sizeinput') && val != 'cover-ultrawide'){
$content.find('.'+it).removeClass('bg-cover-ultrawide');
}
setTimeout(function() { grabFieldStyle( $field ); }, 20);
});
function grabArrStyle(csspath, cssstyle, val, uid) {
let rwd = 'desktop';
if(cssstyle.includes('_tablet')) {
rwd = 'tablet';
}else if(cssstyle.includes('_mobile')) {
rwd = 'mobile';
}else if(cssstyle.includes('_laptop')) {
rwd = 'laptop';
}
if( typeof val === 'object' ) {
var filter = '';
var backdrop = '';
$.each(val, function(k, v) {
if( cssstyle.includes('typography') ){
if(k.includes('_tablet') || cssstyle.includes('_tablet')){
rwd = 'tablet';
}else if(k.includes('_mobile') || cssstyle.includes('_mobile')){
rwd = 'mobile';
}else if(k.includes('_laptop') || cssstyle.includes('_laptop')){
rwd = 'laptop';
}else{
rwd = 'desktop';
}
addLocalStyle(csspath, v, k, rwd, uid);
}else if( cssstyle.includes('backdrop-filter') && v.length ){
if( k == 'string' ) backdrop = v;
}else if( cssstyle.includes('filter') && v.length ){
if( k == 'string' ) filter = v;
}else if( cssstyle.includes('gradient') ){
if( k == 'string' && v.length ) {
addLocalStyle(csspath, v, 'background-image', rwd, uid);
}else if( k == 'string' && !v.length ) {
addLocalStyle(csspath, '', 'background-image', rwd, uid);
}
}else if( cssstyle === 'transform'){
addLocalStyle(csspath, `matrix(${val.scaleX}, ${val.skewY}, ${val.skewX}, ${val.scaleY}, ${val.translateX}, ${val.translateY}) rotate(${val.rotate}deg)`, 'transform', rwd, uid);
}else{
addLocalStyle(csspath, v, cssstyle+'-'+k, rwd, uid);
}
});
if( filter.length ) {
addLocalStyle(csspath, filter, 'filter', 'desktop', uid);
}
if( backdrop.length ) {
addLocalStyle(csspath, backdrop, 'backdrop-filter', 'desktop', uid);
}
return;
}
if( (cssstyle == 'flex' || cssstyle == 'flex_laptop' || cssstyle == 'flex_tablet' || cssstyle == 'flex_mobile') && val.length ){
// addLocalStyle(csspath, val, 'max-width', rwd, uid);
val = '0 0 '+val;
}
/*
if( val == '' && (cssstyle == 'flex' || cssstyle == 'flex_tablet' || cssstyle == 'flex_laptop' || cssstyle == 'flex_mobile') ){
addLocalStyle(csspath, 'unset', 'max-width', rwd, uid);
}*/
if( cssstyle == 'transformtranslatex' ){
addLocalStyle(csspath, 'translateX('+val+')', 'transform', rwd, uid);
return;
}
if( cssstyle == 'transformtranslatey' ){
addLocalStyle(csspath, 'translateY('+val+')', 'transform', rwd, uid);
return;
}
if( (cssstyle == 'background-image' || cssstyle == 'background-image_tablet' || cssstyle == 'background-image_laptop' || cssstyle == 'background-image_mobile' || cssstyle == '-webkit-mask-image') && val.length ){
if( val == '{featured_image}' ){
val = 'var(--mfn-featured-image)';
}else if( val != 'none' ){
val = 'url('+val+')';
}
}
if( (cssstyle == 'background-size' || cssstyle == 'background-size_laptop' || cssstyle == 'background-size_tablet' || cssstyle == 'background-size_mobile') && val.length && val == 'custom' ) {
val = '';
}
if( (cssstyle == 'background-position' || cssstyle == 'background-position_laptop' || cssstyle == 'background-position_tablet' || cssstyle == 'background-position_mobile') && val.length && val == 'custom' ) {
val = '';
}
addLocalStyle(csspath, val, cssstyle, rwd, uid);
}
function grabFieldStyle($field){
let rwd = 'desktop';
let $box = $field.closest('.mfn-vb-formrow');
let val = $field.val();
let it = $box.closest('.mfn-element-fields-wrapper').length ? $box.closest('.mfn-element-fields-wrapper').attr('data-element') : 'pageopt';
let uid = it == 'pageopt' ? mfnvbvars.pageid : $content.find('.'+it).attr('data-uid');
if( $box.closest('.transform_field').length ){
return;
}
if($box.hasClass('mfn_field_tablet')){
rwd = 'tablet';
}else if($box.hasClass('mfn_field_mobile')){
rwd = 'mobile';
}else if($box.hasClass('mfn_field_laptop')){
rwd = 'laptop';
}
let csspath = $box.attr('data-csspath');
let cssstyle = $box.attr('data-name');
let id = $box.attr('data-id');
if( $box.closest('.typography').length ){
csspath = $box.closest('.typography').attr('data-csspath');
cssstyle = $field.attr('data-key');
}
if( cssstyle == 'gradient' ) cssstyle = 'background-image';
if( _.has( additional_css, id) ){
if( _.has( additional_css[id]['rewrites'], val) ){
addLocalStyle(additional_css[id]['path'].replace('mfnuidelement', edited_item.uid), additional_css[id]['rewrites'][val], additional_css[id]['style'], rwd, uid);
}else{
addLocalStyle(additional_css[id]['path'].replace('mfnuidelement', edited_item.uid), '', additional_css[id]['style'], rwd, uid);
}
}
if($box.find('input.pseudo-field').length && !$field.hasClass('pseudo-field')){
return;
}
if($box.find('input.pseudo-field').length){
val = $box.find('input.pseudo-field').val();
}
if($box.find('.separated-fields').length){
cssstyle = cssstyle+'-'+$field.attr('data-key');
}
if( $field.hasClass('preview-background-sizeinput') && val == 'cover-ultrawide' ){
val = '';
}
/*if( (cssstyle == 'flex' || cssstyle == 'flex_tablet' || cssstyle == 'flex_laptop' || cssstyle == 'flex_mobile') && val.length ){
$content.find('.'+it).attr('data-desktop-size', val);
val = '0 0 '+val;
if($('body').hasClass('mfn-navigator-active') ) be_navigator.show(edited_item.uid);
}*/
if( csspath == '.mcb-section .mcb-wrap .mcb-item-mfnuidelement' && ( cssstyle == 'width' || cssstyle == 'width_laptop' || cssstyle == 'width_tablet' || cssstyle == 'width_mobile' ) ) {
if( rwd == 'desktop' ){ addLocalStyle(csspath, '', 'max-width', rwd, uid); addLocalStyle(csspath, '', 'flex', rwd, uid); }else{ addLocalStyle(csspath, '', 'flex_'+rwd, rwd, uid); }
if($('body').hasClass('mfn-navigator-active') ) be_navigator.show(edited_item.uid);
}
if( cssstyle == 'font-family' && val.includes('#') ){
val = val.replace('#', '');
}
if( (cssstyle == 'background-image' || cssstyle == 'background-image_laptop' || cssstyle == 'background-image_tablet' || cssstyle == 'background-image_mobile' || cssstyle == '-webkit-mask-image' ) && val.length && !$box.hasClass('gradient') && !$builder.find('.'+it).closest('.mfn-looped-items').length ){
if( val == '{featured_image}' && ( $box.hasClass('section') || $box.hasClass('wrap') ) && $box.hasClass('background-image') ){
val = 'var(--mfn-featured-image)';
}else if( val != 'none' ){
val = 'url('+val+')';
}
}
if( (cssstyle == 'background-size' || cssstyle == 'background-size_tablet' || cssstyle == 'background-size_laptop' || cssstyle == 'background-size_mobile') && val.length && val == 'custom' ) {
val = '';
}
if( (cssstyle == 'background-position' || cssstyle == 'background-position_tablet' || cssstyle == 'background-position_laptop' || cssstyle == 'background-position_mobile') && val.length && val == 'custom' ){
val = '';
}
if( cssstyle == 'transformtranslatex' ){
addLocalStyle(csspath, 'translateX('+val+')', 'transform', rwd, uid);
}
if( cssstyle == 'transformtranslatey' ){
addLocalStyle(csspath, 'translateY('+val+')', 'transform', rwd, uid);
}
//console.log(csspath+" / "+val+" / "+cssstyle+" / "+rwd+" / "+uid);
addLocalStyle(csspath, val, cssstyle, rwd, uid);
}
// set size labels
function setSizeLabels(){
$content.find('.mfn-size-label .mfn-element-size-label').each(function() {
let uid = $(this).closest('.vb-item').attr('data-uid');
let curr_object = mfnvbvars.pagedata.filter( (item) => item.uid == uid )[0];
if( typeof curr_object !== 'undefined' && typeof curr_object['attr'] !== 'undefined' ) {
if( typeof curr_object['attr']['width_switcher'] !== 'undefined' && curr_object['attr']['width_switcher'] == 'custom' ){
$(this).text('Custom');
if( curr_object.jsclass == 'wrap' && $('body').hasClass('mfn-navigator-active') ) $('.navigator-tree .navigator-wrap.nav-'+curr_object.uid+' > a > .navigator-size-label').text('Custom');
}else{
let curr_size = $(this).closest('.vb-item').attr('data-'+screen+'-size');
$(this).text(curr_size);
if( curr_object.jsclass == 'wrap' && $('body').hasClass('mfn-navigator-active') ) $('.navigator-tree .navigator-wrap.nav-'+curr_object.uid+' > a > .navigator-size-label').text(curr_size);
}
}
setTimeout(function() {
resetBeforeAfter();
}, 1100);
});
}
// woocomemrce product gallery
var productgallery = {
start: function( $container ) {
$container.imagesLoaded( function() {
if(!$container.find('.flex-viewport').length){
iframe.window.jQuery('.woocommerce-product-gallery:not(.mfn-initialized)').wc_product_gallery();
$container.addClass('mfn-initialized');
}
if($container.find('.flex-viewport').length){
$loup = $container.find('.woocommerce-product-gallery__trigger').clone(true).empty().appendTo('.flex-viewport');
$container.find('.woocommerce-product-gallery__trigger').remove();
if($container.find('.mfn-wish-button').length){
$container.find('.mfn-wish-button').clone(true).appendTo('.flex-viewport');
$container.find('.mfn-wish-button').remove();
}
}else if( $container.find('.woocommerce-product-gallery__trigger').length ){
$container.find('.woocommerce-product-gallery__trigger').empty();
}
if($container.find('.flex-control-thumbs').length){
$container.find('.flex-control-thumbs').wrap('
');
}
$container.imagesLoaded( function() {
if( $container.hasClass('.mfn-thumbnails-left') || $container.hasClass('.mfn-thumbnails-right') ){
setTimeout(function() { productgallery.verticalThumbs($container); }, 300);
}else if( $container.hasClass('.mfn-thumbnails-bottom') ){
productgallery.horizontalThumbs($container);
}
});
iframe.window.jQuery('body').trigger('resize');
});
},
horizontalThumbs: function($container) {
//var $container = $container.find('.mfn-product-gallery');
var containerW = $container.outerWidth();
var $scroller = $container.find('.flex-control-thumbs');
var scrollerW = 0;
$scroller.find('li').each(function() {
$(this).addClass('swiper-slide');
scrollerW += $(this).outerWidth();
});
if( !$container.length || !$scroller.length ){
return;
}
if( scrollerW > containerW ){
//return;
$scroller.css({ 'justify-content': 'flex-start', 'width': '100%' });
$container.find('.mfn-flex-control-thumbs-wrapper').addClass('mfn-scroller-active');
}
$scroller.addClass('swiper-wrapper');
},
verticalThumbs: function($container) {
//var $container = $container.find('.mfn-product-gallery)');
var containerH = $container.find('.woocommerce-product-gallery__image').first().outerHeight();
var $scroller = $container.find('.flex-control-thumbs');
var scrollerH = 0;
var mimgm = 0; // main image margin
var overlay = mfnwoovars.productthumbsover ? mfnwoovars.productthumbsover : 0;
$scroller.find('li img').css({ 'height': 'auto' });
$scroller.find('li').css({ 'height': 'auto' });
$scroller.find('li').each(function() {
$(this).addClass('swiper-slide').css({ 'margin-bottom': parseInt(mfnwoovars.productthumbs) });
scrollerH += $(this).outerHeight()+parseInt(mfnwoovars.productthumbs);
$(this).css({ 'opacity': '1' });
});
if(mfnwoovars.mainimgmargin == 'mfn-mim-2'){
mimgm = 4;
}else if(mfnwoovars.mainimgmargin == 'mfn-mim-5'){
mimgm = 10;
}else if(mfnwoovars.mainimgmargin == 'mfn-mim-10'){
mimgm = 20;
}else if(mfnwoovars.mainimgmargin == 'mfn-mim-15'){
mimgm = 30;
}else if(mfnwoovars.mainimgmargin == 'mfn-mim-20'){
mimgm = 40;
}else if(mfnwoovars.mainimgmargin == 'mfn-mim-25'){
mimgm = 50;
}else if(mfnwoovars.mainimgmargin == 'mfn-mim-30'){
mimgm = 60;
}
if( !$container.length || !$scroller.length ){
return;
}
$container.find('.flex-viewport').css({'height': 'auto'});
if( scrollerH > containerH ){
if(overlay == 'mfn-thumbnails-overlay'){
$container.find('.mfn-flex-control-thumbs-wrapper').height( (containerH-mimgm) );
}else{
$container.find('.mfn-flex-control-thumbs-wrapper').height(containerH);
}
$scroller.css({ 'align-items': 'flex-start' });
$container.find('.mfn-flex-control-thumbs-wrapper').addClass('mfn-scroller-active');
$scroller.addClass('swiper-wrapper');
/*var swiper = new Swiper(".mfn-flex-control-thumbs-wrapper", {
slidesPerView: 4,
spaceBetween: parseInt(mfnwoovars.productthumbs),
direction: "vertical",
mousewheel: true,
});*/
$scroller.find('li').each(function() {
$(this).find('img').css({ 'height': $(this).outerHeight() });
$(this).css({ 'opacity': '1' });
});
}
}
};
/**
* Conditions
* mfnoptsinputs()
*/
var mfnoptsinputs = {
start: function() {
var prepareValues = false;
$items = $('.mfn-ui .mfn-form .activeif:not(.mfn-initialized)');
if( $items.length ){
$items.each(function() {
var fieldid = $(this).attr('data-conditionid');
if( !$('.mfn-ui .mfn-form #'+fieldid+'.watchChanges').length ){
$(this).addClass('conditionally-hide');
$('.mfn-ui .mfn-form #'+fieldid).addClass('watchChanges');
prepareValues = true;
}
$(this).addClass('mfn-initialized');
});
}
if( prepareValues ){
mfnoptsinputs.startValues();
}
},
startValues: function() {
$('.mfn-ui .mfn-form .watchChanges').each(function() {
var id = $(this).attr('id');
var val;
var visibility = $(this).hasClass('conditionally-hide') ? false : true;
if( $(this).find('.single-segmented-option.segmented-options').length || $(this).find('.visual-options').length ){
val = $(this).find('input:checked').val();
}else{
val = $(this).find('.mfn-field-value, .condition-field, .field-to-object').val();
}
mfnoptsinputs.getField(id, val, visibility);
});
},
watchChanges: function() {
// segmented options is in segmented click function
$editpanel.on('change', '.watchChanges .mfn-field-value, .watchChanges .condition-field, .watchChanges .field-to-object', function() {
var $formrow = $(this).closest('.watchChanges');
var val = $(this).val();
var id = $formrow.attr('id');
mfnoptsinputs.getField(id, val);
});
},
getField: function(id, val){
$('.mfn-ui .mfn-form .activeif-'+id).each(function() {
var $formrow = $(this);
mfnoptsinputs.showhidefields($formrow, val);
});
},
showhidefields: function($formrow, val, visibility = true){
var opt = $formrow.attr('data-opt');
var optval = $formrow.attr('data-val');
if( !visibility ){
$formrow.addClass('conditionally-hide').removeClass('conditionally-show');
return;
}
if( opt == 'is' && ( (val != '' && optval.includes(val)) || (val == '' && optval == '') ) ){
$formrow.addClass('conditionally-show').removeClass('conditionally-hide');
}else if( opt == 'isnt' && ( (optval == '' && val != '') || (val == '' && optval != '') || val != optval ) ){
$formrow.addClass('conditionally-show').removeClass('conditionally-hide');
}else{
$formrow.addClass('conditionally-hide').removeClass('conditionally-show');
}
},
};
/**
* Transforms function
*/
const Transforms = {
// DOM RELATED
sidebarMenu: '', // Sidemenu from BeBuilder
insertSidebarMenu( sidebarMenu ){
if ( !sidebarMenu.closest('.transform_field') ) return console.error('Wrong DOM location of transform inputs');
this.sidebarMenu = sidebarMenu;
return this;
},
// CREATION OF TRANSFORM STRING & OBJECT
readyString: '', // for BeBuilder preview
readyStringWithoutRotate: '', // for BeBuilder preview
transformDuration: 0, // for BeBuilder preview
readyObject: {}, // for BeBuilder update info
createOrExtendObject( queriedValue, transform ) {
this.readyObject = {...this.readyObject, [transform.key]: queriedValue}
return this;
},
createOrExtendString( queriedValue, transform ) {
// console.log(queriedValue);
// First conditional is for ROTATE only
if (transform.key === this.inputs[this.inputs.length-1].key) {
this.readyString += queriedValue;
} else {
this.readyString += `${queriedValue},`;
}
return this;
},
createStringWithoutRotate(){
if (!this.readyString || this.readyString === '') return console.error('String of transforms is not created!');
let last_index = this.readyString.split(",");
this.readyStringWithoutRotate = last_index.slice(0, last_index.length - 1).join(",");
return this;
},
createTransformDuration(){
if (!this.sidebarMenu || this.sidebarMenu === '') return console.error('The sidebar menu DOM is not inserted!');
transformDuration = $(this.sidebarMenu).closest('.mfn-form-row').siblings('*[data-name="transition"]');
if (transformDuration) {
this.transformDuration = $(transformDuration).find('input.mfn-field-value').val();
}
return this;
},
// INPUTS HANDLER
inputs: [
// Matrix array in proper order
{ key: 'scaleX', domLocation_desktop: '.mfn_field_desktop input.mfn-field-value[data-key="scaleX"]', domLocation_laptop: '.mfn_field_laptop input.mfn-field-value[data-key="scaleX"]', domLocation_tablet: '.mfn_field_tablet input.mfn-field-value[data-key="scaleX"]', domLocation_mobile: '.mfn_field_mobile input.mfn-field-value[data-key="scaleX"]', defaultValue: 1 },
{ key: 'skewY', domLocation_desktop: '.mfn_field_desktop input.mfn-field-value[data-key="skewY"]', domLocation_laptop: '.mfn_field_laptop input.mfn-field-value[data-key="skewY"]', domLocation_tablet: '.mfn_field_tablet input.mfn-field-value[data-key="skewY"]', domLocation_mobile: '.mfn_field_mobile input.mfn-field-value[data-key="skewY"]', defaultValue: 0 },
{ key: 'skewX', domLocation_desktop: '.mfn_field_desktop input.mfn-field-value[data-key="skewX"]', domLocation_laptop: '.mfn_field_laptop input.mfn-field-value[data-key="skewX"]', domLocation_tablet: '.mfn_field_tablet input.mfn-field-value[data-key="skewX"]', domLocation_mobile: '.mfn_field_mobile input.mfn-field-value[data-key="skewX"]', defaultValue: 0 },
{ key: 'scaleY', domLocation_desktop: '.mfn_field_desktop input.mfn-field-value[data-key="scaleY"]', domLocation_laptop: '.mfn_field_laptop input.mfn-field-value[data-key="scaleY"]', domLocation_tablet: '.mfn_field_tablet input.mfn-field-value[data-key="scaleY"]', domLocation_mobile: '.mfn_field_mobile input.mfn-field-value[data-key="scaleY"]', defaultValue: 1 },
{ key: 'translateX', domLocation_desktop: '.mfn_field_desktop input.mfn-field-value[data-key="translateX"]', domLocation_laptop: '.mfn_field_laptop input.mfn-field-value[data-key="translateX"]', domLocation_tablet: '.mfn_field_tablet input.mfn-field-value[data-key="translateX"]', domLocation_mobile: '.mfn_field_mobile input.mfn-field-value[data-key="translateX"]', defaultValue: 0 },
{ key: 'translateY', domLocation_desktop: '.mfn_field_desktop input.mfn-field-value[data-key="translateY"]', domLocation_laptop: '.mfn_field_laptop input.mfn-field-value[data-key="translateY"]', domLocation_tablet: '.mfn_field_tablet input.mfn-field-value[data-key="translateY"]', domLocation_mobile: '.mfn_field_mobile input.mfn-field-value[data-key="translateY"]', defaultValue: 0 },
// Not in matrix array, should be always last arr element!
{ key: 'rotate', domLocation_desktop: '.mfn_field_desktop input.mfn-field-value[data-key="rotate"]', domLocation_laptop: '.mfn_field_laptop input.mfn-field-value[data-key="rotate"]', domLocation_tablet: '.mfn_field_tablet input.mfn-field-value[data-key="rotate"]', domLocation_mobile: '.mfn_field_mobile input.mfn-field-value[data-key="rotate"]', defaultValue: 0 },
],
loopThrouInputs(){
this.readyString = ''; //every loop this needs to be refreshed
for(let transform of this.inputs) {
let queriedDOM = $(this.sidebarMenu).find('.transform_field ' + transform['domLocation_'+screen]);
let queriedValue = !!queriedDOM.val() ? parseFloat(queriedDOM.val()) : parseFloat(transform.defaultValue);
this.createOrExtendObject( queriedValue, transform )
this.createOrExtendString( queriedValue, transform )
}
return this;
},
// BEBUILDER UI RELATED
attachInitialMargins(){
$transforms = $builder.find('.mfn-transformed').find('.mfn-header-transform:not([data-initMarginLeft])');
$transforms.each(function(index, item){
const transformSibling = jQuery(item).siblings('.mcb-column-inner').length ? jQuery(item).siblings('.mcb-column-inner') : jQuery(item).siblings('.mcb-wrap-inner');
jQuery(item).attr('data-initMarginLeft', jQuery(transformSibling).css('marginLeft')).css('marginLeft', jQuery(transformSibling).css('marginLeft'));
jQuery(item).attr('data-initMarginTop', jQuery(transformSibling).css('marginTop')).css('marginTop', jQuery(transformSibling).css('marginTop'));
})
},
attachNewMargins(){
if($content && $content.find('.mfn-transformed').length){
$transforms = $builder.find('.mfn-header-transform[data-initMarginLeft]');
$transforms.each(function(index, item){
const transformSibling = jQuery(item).siblings('.mcb-column-inner').length ? jQuery(item).siblings('.mcb-column-inner') : jQuery(item).siblings('.mcb-wrap-inner');
jQuery(item).css('marginLeft', `${jQuery(transformSibling).css('marginLeft')}`);
jQuery(item).css('marginTop', `${jQuery(transformSibling).css('marginTop')}`);
})
}
},
// BEBUILDER PREVIEW OF TRANSFORM
renderTransforms(){
const tempInnerClass = $($edited_div).hasClass('wrap') ? `.mcb-wrap-inner` : `.mcb-column-inner`; //left for wrap transforms!
const uidEdited = edited_item.uid;
const domLocation = this.sidebarMenu.closest('.transform').attr('data-csspath');
let id = screen == 'desktop' ? this.sidebarMenu.closest('.transform').attr('data-id') : this.sidebarMenu.closest('.transform').attr('data-id')+'_'+screen;
// If has no transform class, add it and attach initial value!
if( !$($edited_div).hasClass('mfn-transformed') ){
$($edited_div).addClass('mfn-transformed');
this.attachInitialMargins();
}
var style = screen == 'desktop' ? 'transform' : 'transform_'+screen;
addLocalStyle(`${domLocation}`, `matrix(${this.readyStringWithoutRotate}) rotate(${this.readyObject.rotate}deg)`, style, screen, uidEdited);
if( typeof edited_item['attr'][id] === 'undefined' ) edited_item['attr'][id] = {};
if( typeof edited_item['attr'][id]['val'] === 'undefined' ) edited_item['attr'][id]['val'] = {};
edited_item['attr'][id]['css_path'] = domLocation;
edited_item['attr'][id]['css_style'] = style;
edited_item['attr'][id]['val'] = {
...this.readyObject,
...{'string': this.readyString}
};
return this;
},
// EVENTS
addInputsListener(){
const that = this;
$editpanel.on('change', '.transition .mfn-field-value', function(){
$editpanel.trigger('change', '.transform input.mfn-field-value');
})
$editpanel.on('change', '.transform .mfn-field-value', function(){
const sidebarMenu = $(this).closest('.transform').closest('.mfn-form-row.transform');
that
.insertSidebarMenu($(sidebarMenu))
.loopThrouInputs()
.createStringWithoutRotate()
.createTransformDuration()
.renderTransforms();
})
},
// RETURNS
get(){
return {readyString: this.readyString, readyObject: this.readyObject, stringWithoutRotate: this.readyStringWithoutRotate, transformDuration: this.transformDuration};
}
}
/* FIELDS */
$editpanel.on('change', '.panel-edit-item .mfn-form .field-to-object, .panel-edit-item .mfn-form .mfn-field-value', function() {
getFieldChange($(this));
});
function getFieldChange($field){
//var $field = $(this);
var it = $field.closest('.mfn-element-fields-wrapper').attr('data-element');
var $editrow = $field.closest('.mfn-vb-formrow');
if( $editrow.hasClass('themeoption') ) return;
if( $editrow.hasClass('pageoption') ) return;
if( $editrow.find('.checkboxes.pseudo').length ) return;
var name = typeof $field.attr('name') !== 'undefined' ? $field.attr('name') : $field.attr('data-name');
var id = $editrow.attr('data-id');
var editedd_item = mfnvbvars.pagedata.filter( (item) => item.uid == edited_item.uid )[0];
if( !_.has(editedd_item, 'attr') || ( _.has(editedd_item, 'attr') && Array.isArray(editedd_item['attr']) ) ) editedd_item['attr'] = {};
if ( $editrow.closest('.transform_field').length ){
return;
const { readyString, readyObject } = Transforms
.insertSidebarMenu($editrow.closest('.transform_field'))
.loopThrouInputs()
.get();
if( typeof editedd_item['attr'][id] === 'undefined' ) editedd_item['attr'][id] = {};
if( typeof editedd_item['attr'][id]['val'] === 'undefined' ) editedd_item['attr'][id]['val'] = {};
editedd_item['attr'][id]['css_path'] = $editrow.closest('.inline-style-input').attr('data-csspath');
editedd_item['attr'][id]['css_style'] = $editrow.closest('.inline-style-input').attr('data-name');
editedd_item['attr'][id]['val'] = {
...readyObject,
...{'string': readyString}
};
$editrow.closest('.transform_field').find('.mfn-pseudo-val').val( readyString );
}else if( $editrow.closest('.typography').length ){
var keyy = $field.attr('data-key');
var val = $field.val();
var cssstyle = 'typography';
var $typorow = $editrow.closest('.typography');
if( screen != 'desktop' ){
cssstyle += '_'+screen;
}
if( keyy.includes('font-family') && val.length ) val = val.replace('#', '');
if( typeof editedd_item['attr'][id] == 'undefined' || typeof editedd_item['attr'][id] == 'string' ) editedd_item['attr'][id] = {};
if( $typorow.hasClass('object-css-input') ){
if( typeof editedd_item['attr'][id]['val'] === 'undefined' ) editedd_item['attr'][id]['val'] = {};
if( screen != 'desktop' && _.has(editedd_item['attr'], id.replace('_'+screen, '')) && _.has(editedd_item['attr'][id.replace('_'+screen, '')]['val'], keyy+'_'+screen) ){
delete( editedd_item['attr'][id.replace('_'+screen, '')]['val'][keyy+'_'+screen] );
}
editedd_item['attr'][id]['css_path'] = $typorow.attr('data-csspath');
editedd_item['attr'][id]['css_style'] = cssstyle;
editedd_item['attr'][id]['val'][keyy] = val;
}else{
editedd_item['attr'][id][keyy] = val;
}
}else if( $editrow.find('.separated-fields').length ){
if( typeof $field.attr('data-key') !== 'undefined' ){
var keyy = $field.attr('data-key');
if( typeof editedd_item['attr'] === 'undefined' ) editedd_item['attr'] = {};
if( typeof editedd_item['attr'][id] === 'undefined' || typeof editedd_item['attr'][id] == 'string' ) editedd_item['attr'][id] = {};
if( typeof editedd_item['attr'][id]['val'] == 'undefined' || typeof editedd_item['attr'][id]['val'] == 'string' ) editedd_item['attr'][id]['val'] = {};
editedd_item['attr'][id]['css_path'] = $editrow.attr('data-csspath');
editedd_item['attr'][id]['css_style'] = $editrow.attr('data-name');
editedd_item['attr'][id]['val'][keyy] = $field.val();
}else{
editedd_item['attr'][id]['val'] = $field.val();
editedd_item['attr'][id]['css_path'] = $editrow.attr('data-csspath');
editedd_item['attr'][id]['css_style'] = $editrow.attr('data-name');
}
}else if( $editrow.hasClass('backdrop-filter') || $editrow.hasClass('filter') || $editrow.closest('.inline-style-input.gradient').length ){
var keyy = $field.attr('data-key');
if( typeof editedd_item['attr'] == 'undefined' ) editedd_item['attr'] = {};
if( typeof editedd_item['attr'][id] == 'undefined' || typeof editedd_item['attr'][id] != 'object' ) editedd_item['attr'][id] = {};
if( typeof editedd_item['attr'][id]['val'] == 'undefined' ) editedd_item['attr'][id]['val'] = {};
editedd_item['attr'][id]['css_path'] = $editrow.closest('.inline-style-input').attr('data-csspath');
editedd_item['attr'][id]['css_style'] = $editrow.closest('.inline-style-input').attr('data-name');
editedd_item['attr'][id]['val'][keyy] = $field.val();
}else if( $editrow.hasClass('tabs') && $field.closest('li.tab').length ){
var keyy = $field.attr('data-label');
var order = $field.attr('data-order');
if( $field.val().length ){
if( typeof editedd_item['attr'][id][order][keyy] === 'undefined' ){
editedd_item['attr'][id][order][keyy] = {};
}
editedd_item['attr'][id][order][keyy] = $field.val();
}else if( typeof editedd_item['attr'][id][order][keyy] !== 'undefined' ){
delete(editedd_item['attr'][id][order][keyy]);
}
}else if( $editrow.closest('.mfn-hotspot-point').length ){
let point_hash = $editrow.closest('.mfn-hotspot-point').attr('id');
if( editedd_item['attr']['hotspots'].filter(item => item.hash == point_hash ).length ){
let ht = editedd_item['attr']['hotspots'].filter(item => item.hash == point_hash )[0];
if( id.includes('css_') ) {
if( typeof ht['val'] == 'undefined' ) ht['val'] = {};
if( _.has(ht['val'], id) ) {
ht['val'][id]['val'] = $field.val();
}else{
var tmp_val = {};
tmp_val['css_style'] = $editrow.attr('data-name');
tmp_val['css_path'] = $editrow.attr('data-csspath');
tmp_val['val'] = $field.val();
ht['val'][id] = tmp_val;
}
}else{
ht[id] = $field.val();
}
}
}else{
if( $field.val().length ){
if( $editrow.hasClass('object-css-input') ){
editedd_item['attr'][name] = {};
editedd_item['attr'][name]['val'] = $field.val();
editedd_item['attr'][name]['css_path'] = $editrow.attr('data-csspath');
editedd_item['attr'][name]['css_style'] = $editrow.attr('data-name');
//if( typeof $editrow.attr('data-oldid') !== 'undefined' ) editedd_item['attr'][name]['deprecated_id'] = $editrow.attr('data-oldid');
}else{
editedd_item['attr'][name] = $field.val();
}
}else if( _.has(editedd_item, 'attr') && _.has(editedd_item['attr'], name) ){
delete editedd_item['attr'][name];
}
}
// deprecated style id
if( typeof $editrow.attr('data-oldid') !== 'undefined'/* && _.has(editedd_item['attr'], $editrow.attr('data-oldid')) && $editrow.hasClass('object-css-input')*/ ) {
if( typeof editedd_item['attr'][$editrow.attr('data-oldid')] == 'object' ) {
_.map( editedd_item['attr'][$editrow.attr('data-oldid')], function(opt, o) {
if( !_.has(editedd_item['attr'][id]['val'], o) ) editedd_item['attr'][id]['val'][o] = opt;
}).join('');
}
delete(editedd_item['attr'][$editrow.attr('data-oldid')]);
if( $editrow.attr('data-oldid') == 'style:.mcb-section .mcb-wrap .mcb-item-mfnuidelement:flex' ) {
if( _.has(editedd_item['attr'], 'style:.mcb-section .mcb-wrap .mcb-item-mfnuidelement:max-width') ) delete(editedd_item['attr']['style:.mcb-section .mcb-wrap .mcb-item-mfnuidelement:max-width']);
if( _.has(editedd_item['attr'], 'style:.mcb-section .mcb-wrap .mcb-item-mfnuidelement:flex') ) delete(editedd_item['attr']['style:.mcb-section .mcb-wrap .mcb-item-mfnuidelement:flex']);
}
if( $editrow.attr('data-oldid') == 'style:.mcb-section .mcb-wrap .mcb-item-mfnuidelement:flex_laptop' ) {
if( _.has(editedd_item['attr'], 'style:.mcb-section .mcb-wrap .mcb-item-mfnuidelement:max-width_laptop') ) delete(editedd_item['attr']['style:.mcb-section .mcb-wrap .mcb-item-mfnuidelement:max-width_laptop']);
if( _.has(editedd_item['attr'], 'style:.mcb-section .mcb-wrap .mcb-item-mfnuidelement:flex_laptop') ) delete(editedd_item['attr']['style:.mcb-section .mcb-wrap .mcb-item-mfnuidelement:flex_laptop']);
}
if( $editrow.attr('data-oldid') == 'style:.mcb-section .mcb-wrap .mcb-item-mfnuidelement:flex_tablet' ) {
if( _.has(editedd_item['attr'], 'style:.mcb-section .mcb-wrap .mcb-item-mfnuidelement:max-width_tablet') ) delete(editedd_item['attr']['style:.mcb-section .mcb-wrap .mcb-item-mfnuidelement:max-width_tablet']);
if( _.has(editedd_item['attr'], 'style:.mcb-section .mcb-wrap .mcb-item-mfnuidelement:flex_tablet') ) delete(editedd_item['attr']['style:.mcb-section .mcb-wrap .mcb-item-mfnuidelement:flex_tablet']);
}
if( $editrow.attr('data-oldid') == 'style:.mcb-section .mcb-wrap .mcb-item-mfnuidelement:flex_mobile' ) {
if( _.has(editedd_item['attr'], 'style:.mcb-section .mcb-wrap .mcb-item-mfnuidelement:max-width_mobile') ) delete(editedd_item['attr']['style:.mcb-section .mcb-wrap .mcb-item-mfnuidelement:max-width_mobile']);
if( _.has(editedd_item['attr'], 'style:.mcb-section .mcb-wrap .mcb-item-mfnuidelement:flex_mobile') ) delete(editedd_item['attr']['style:.mcb-section .mcb-wrap .mcb-item-mfnuidelement:flex_mobile']);
}
if( $editrow.attr('data-oldid') == 'style:.mcb-section .mcb-wrap-mfnuidelement:flex' ) {
if( _.has(editedd_item['attr'], 'style:.mcb-section .mcb-wrap-mfnuidelement:max-width') ) delete(editedd_item['attr']['style:.mcb-section .mcb-wrap-mfnuidelement:max-width']);
if( _.has(editedd_item['attr'], 'style:.mcb-section .mcb-wrap-mfnuidelement:flex') ) delete(editedd_item['attr']['style:.mcb-section .mcb-wrap-mfnuidelement:flex']);
}
if( $editrow.attr('data-oldid') == 'style:.mcb-section .mcb-wrap-mfnuidelement:flex_laptop' ) {
if( _.has(editedd_item['attr'], 'style:.mcb-section .mcb-wrap-mfnuidelement:max-width_laptop') ) delete(editedd_item['attr']['style:.mcb-section .mcb-wrap-mfnuidelement:max-width_laptop']);
if( _.has(editedd_item['attr'], 'style:.mcb-section .mcb-wrap-mfnuidelement:flex_laptop') ) delete(editedd_item['attr']['style:.mcb-section .mcb-wrap-mfnuidelement:flex_laptop']);
}
if( $editrow.attr('data-oldid') == 'style:.mcb-section .mcb-wrap-mfnuidelement:flex_tablet' ) {
if( _.has(editedd_item['attr'], 'style:.mcb-section .mcb-wrap-mfnuidelement:max-width_tablet') ) delete(editedd_item['attr']['style:.mcb-section .mcb-wrap-mfnuidelement:max-width_tablet']);
if( _.has(editedd_item['attr'], 'style:.mcb-section .mcb-wrap-mfnuidelement:flex_tablet') ) delete(editedd_item['attr']['style:.mcb-section .mcb-wrap-mfnuidelement:flex_tablet']);
}
if( $editrow.attr('data-oldid') == 'style:.mcb-section .mcb-wrap-mfnuidelement:flex_mobile' ) {
if( _.has(editedd_item['attr'], 'style:.mcb-section .mcb-wrap-mfnuidelement:max-width_mobile') ) delete(editedd_item['attr']['style:.mcb-section .mcb-wrap-mfnuidelement:max-width_mobile']);
if( _.has(editedd_item['attr'], 'style:.mcb-section .mcb-wrap-mfnuidelement:flex_mobile') ) delete(editedd_item['attr']['style:.mcb-section .mcb-wrap-mfnuidelement:flex_mobile']);
}
}
if( $editrow.closest('.inline-style-input').length ){
var $parentrow = $editrow.closest('.inline-style-input');
if( typeof $parentrow.attr('data-oldid') !== 'undefined' && _.has(editedd_item['attr'], $parentrow.attr('data-oldid')) && $parentrow.hasClass('object-css-input') ) {
delete(editedd_item['attr'][$parentrow.attr('data-oldid')]);
}
}
if( typeof $field.attr('data-pointobj') !== 'undefined' && $content.find('.'+it+' .mfn-hotspot-style-line .hotspot-image').length ){
var c_id = $content.find('.'+it+' .mfn-hotspot-style-line .hotspot-image').attr('id').replace('wrapper', '');
mfn_hotspots_field.refresh(c_id, $field);
}
setTimeout( function() {
if( ($field.val().length && $field.val().includes('{')) ) {
// re render whole loop wrapper
if( $content.find('.'+it).closest('.mfn-queryloop-item-wrapper').length ) {
re_render( $content.find('.'+it).closest('.mcb-section.vb-item').attr('data-uid') );
}else{
re_render( $content.find('.'+it).closest('.vb-item').attr('data-uid') );
}
$editrow.addClass('mfn-field-loading');
}else if( $editrow.hasClass('re_render') || $editrow.hasClass('tabs') ) {
if( $content.find('.'+it).closest('.mfn-queryloop-item-wrapper').length || $content.find('.'+it).find('.mfn-queryloop-item-wrapper').length || $content.find('.'+it).hasClass('mfn-nested-wrap') ) {
re_render( $content.find('.'+it).closest('.mcb-section.vb-item').attr('data-uid') );
}else{
re_render( edited_item.uid );
}
$editrow.addClass('mfn-field-loading');
}
if( !$editrow.hasClass('re_render') && !$editrow.hasClass('disable-history') && !$content.find('.'+it).closest('.mfn-queryloop-item-wrapper').length && !$editrow.find('.multiple-inputs').length ) historyStorage.add();
if( $editrow.hasClass('banner_box') ){
mfnBannerBox();
}
}, 100);
enableBeforeUnload();
}
$editpanel.on('change paste', '.panel-view-options .mfn-form .mfn-field-value, .panel-view-options .mfn-form .mfn-form-checkbox', function() {
var $editrow = $(this).closest('.mfn-vb-formrow');
var name = $(this).attr('name');
var value = $(this).val();
if( $editrow.find('.checkboxes:not(.pseudo)').length ){
let data_name = $editrow.attr('data-name');
let data_key = $(this).val();
name = data_name;
if( $editrow.hasClass('object-css-input') ){
if( typeof edited_item[name] == 'undefined' || typeof edited_item[name] != 'object' ) edited_item[name] = {};
if( $(this).is(':checked') ){
if( typeof edited_item[data_name] !== 'undefined' && typeof edited_item[data_name] !== 'string' ){
edited_item[data_name][data_key] = value;
}else{
edited_item[data_name] = {};
edited_item[data_name][data_key] = value;
}
}else{
delete(edited_item[data_name][data_key]);
}
}else{
if( !_.has(edited_item, data_name) || typeof edited_item[data_name] != 'object' ) edited_item[data_name] = {};
if( $(this).is(':checked') ){
edited_item[data_name][value] = value;
}else if( _.has(edited_item[data_name], value) ){
delete( edited_item[data_name][value] );
}
value = edited_item[data_name];
}
}else if( $editrow.find('.multiple-inputs.separated-fields').length ){
//console.log('separated fields');
if( typeof edited_item[name] == 'undefined' || typeof edited_item[name] != 'object' ) edited_item[name] = {};
edited_item[name]['css_path'] = $editrow.attr('data-csspath');
edited_item[name]['css_style'] = $editrow.attr('data-name');
if( typeof $(this).attr('data-key') !== 'undefined' ){
var keyy = $(this).attr('data-key');
if( typeof edited_item[name]['val'] == 'undefined' || typeof edited_item[name] != 'object' ) edited_item[name]['val'] = {};
edited_item[name]['val'][keyy] = value;
}else{
edited_item[name]['val'] = value;
}
value = edited_item[name];
}else{
if( $editrow.hasClass('object-css-input') ){
edited_item[name] = {};
edited_item[name]['val'] = value;
edited_item[name]['css_path'] = $editrow.attr('data-csspath');
edited_item[name]['css_style'] = $editrow.attr('data-name');
//if( typeof $editrow.attr('data-oldid') !== 'undefined' ) edited_item[name]['deprecated_id'] = $editrow.attr('data-oldid');
value = edited_item[name];
}else{
edited_item[name] = value;
}
}
if( name == 'mfn-post-layout' ){
$('.panel-view-options .mfn-form .mfn-post-sidebar .mfn-field-value').trigger('change');
$('.panel-view-options .mfn-form .mfn-post-sidebar2 .mfn-field-value').trigger('change');
}
/* header options */
if( builder_type == 'header' ){
if( $editrow.hasClass('header_mobile') && value == 'enabled' ){
$('.mfn-be-header-builder .mfn-header-type-preview a[data-preview="header-mobile"]').removeClass('disabled');
}else if( $editrow.hasClass('header_mobile') ){
$('.mfn-be-header-builder .mfn-header-type-preview a[data-preview="header-mobile"]').addClass('disabled');
$('.mfn-be-header-builder .mfn-header-type-preview a[data-preview="header-default"]').trigger('click');
}
if( $editrow.hasClass('header_sticky') && value == 'enabled' ){
$('.mfn-be-header-builder .mfn-header-type-preview a[data-preview="header-sticky"]').removeClass('disabled');
}else if( $editrow.hasClass('header_sticky') ){
$('.mfn-be-header-builder .mfn-header-type-preview a[data-preview="header-sticky"]').addClass('disabled');
$('.mfn-be-header-builder .mfn-header-type-preview a[data-preview="header-default"]').trigger('click');
}
if( $editrow.hasClass('body_offset_header') ){
if( value == 'active' ){
$content.find('.mfn-header-tmpl').removeClass('mfn-header-tmpl-absolute');
}else if(!$content.find('.mfn-header-tmpl').hasClass('mfn-header-tmpl-absolute')){
$content.find('.mfn-header-tmpl').addClass('mfn-header-tmpl-absolute');
}
}
if( $editrow.hasClass('header_position') ){
if( value == 'default' ){
$content.find('.mfn-header-tmpl').removeClass('mfn-header-tmpl-absolute');
}else if( !$('.body_offset_header .preview-body_offset_headerinput').val().length ){
$content.find('.mfn-header-tmpl').addClass('mfn-header-tmpl-absolute');
}
}
if( $editrow.hasClass('option header_width') ){
if( value == 'inherited' ){
$content.find('.mfn-header-tmpl').addClass('mfn-header-layout-width');
}else{
$content.find('.mfn-header-tmpl').removeClass('mfn-header-layout-width');
}
}
if( $editrow.hasClass('option header_sticky_width') ){
if( value == 'inherited' ){
$content.find('.mfn-header-tmpl').addClass('mfn-sticky-layout-width');
}else{
$content.find('.mfn-header-tmpl').removeClass('mfn-sticky-layout-width');
}
}
}
/* END header options */
if( mfnvbvars.view == 'demo' ) return;
updatePageOpt(name, value);
});
function updatePageOpt(name, value){
if( _.has(value, 'val') && _.has(value['val'], 'val') ){
delete(value['val']['val']);
}
if( _.has(value, 'val') && _.has(value['val'], 'css_path') ){
delete(value['val']['css_path']);
}
if( _.has(value, 'val') && _.has(value['val'], 'css_style') ){
delete(value['val']['css_style']);
}
$.ajax( mfnajaxurl, {
type : "POST",
data : {
'mfn-builder-nonce': wpnonce,
action: 'mfn_post_option',
id: pageid,
option: name,
value: value,
}
});
}
// transform events
Transforms.addInputsListener();
/* THEME OPTIONS */
$editpanel.on('keyup paste change', '.themeoption.logo-text .mfn-field-value', function() {
let val = $(this).val();
if( val.length ){
$content.find('#Top_bar .logo, #Header_creative .logo').addClass('text-logo');
$content.find('#Top_bar .logo #logo, #Header_creative .logo #logo').html(val);
}else{
$content.find('#Top_bar .logo, #Header_creative .logo').removeClass('text-logo');
$content.find('#Top_bar .logo #logo, #Header_creative .logo #logo').html(''+val+' ');
}
}else{
$content.find('#Action_bar .contact_details .slogan').remove();
}
});
$editpanel.on('keyup paste change', '.themeoption.header-phone .mfn-field-value', function() {
let val = $(this).val();
if( !$content.find('#Action_bar').length ) return;
if( val.length ){
if( $content.find('#Action_bar .contact_details .phone-1 a').length ){
$content.find('#Action_bar .contact_details .phone-1 a').html(val);
}else{
$content.find('#Action_bar .contact_details').append(''+val+' '+val+' '+val+' Muffin group | All Rights Reserved | Powered by WordPress ');
}
});
$editpanel.on('keyup paste change', '.themeoption.header-menu-text .mfn-field-value', function() {
let val = $(this).val();
if( !$content.find('.mobile-header-mini #Top_bar a.responsive-menu-toggle').length ) return;
if( val.length ){
$content.find('.mobile-header-mini #Top_bar a.responsive-menu-toggle').html(''+val+' ');
}else{
$content.find('.mobile-header-mini #Top_bar a.responsive-menu-toggle').html('');
}
});
$editpanel.on('keyup paste change', '.themeoption.footer-call-to-action .mfn-field-value', function() {
let val = $(this).val();
if( !$content.find('#Footer').length ) return;
if( val.length ){
if( $content.find('#Footer .footer_action .mcb-column-inner').length ){
$content.find('#Footer .footer_action .mcb-column-inner').html(val);
}else{
$content.find('#Footer').prepend('');
}
}else{
$content.find('#Footer .footer_action').remove();
}
});
$editpanel.on('keyup paste change', '.themeoption.header-action-title .mfn-field-value', function() {
let val = $(this).val();
if( !$content.find('#Header_wrapper .top_bar_right_wrapper').length ) return;
if( val.length ){
if( $content.find('#Header_wrapper .top_bar_right_wrapper .action_button.top-bar-right-button').length ){
$content.find('#Header_wrapper .top_bar_right_wrapper .action_button.top-bar-right-button').html(val);
}else{
$content.find('#Header_wrapper .top_bar_right_wrapper').append(''+val+' ');
}
}else{
$content.find('#Header_wrapper .top_bar_right_wrapper .action_button.top-bar-right-button').remove();
}
});
$editpanel.on('keyup paste change', '.themeoption.gdpr-content .mfn-field-value', function() {
let val = $(this).val();
if( !$content.find('#mfn-gdpr').length ) return;
$content.find('#mfn-gdpr .mfn-gdpr-content').html(val);
});
$editpanel.on('keyup paste change', '.themeoption.gdpr-content-button_text .mfn-field-value', function() {
let val = $(this).val();
if( !$content.find('#mfn-gdpr').length ) return;
$content.find('#mfn-gdpr .mfn-gdpr-button').html(val);
});
$editpanel.on('keyup paste change', '.themeoption.gdpr-content-more_info_text .mfn-field-value', function() {
let val = $(this).val();
if( !$content.find('#mfn-gdpr').length ) return;
$content.find('#mfn-gdpr .mfn-gdpr-readmore').html(val);
});
$editpanel.on('click', '.themeoption .ajax a', function(e) {
e.preventDefault();
//console.log('randomize');
});
$editpanel.on('change paste', '.panel-view-themeoptions .mfn-form input:not(.mfn-prevent-change), .panel-view-themeoptions .mfn-form .mfn-field-value', function() {
var $editrow = $(this).closest('.mfn-vb-formrow');
var name = $(this).attr('name');
var value = $(this).val();
if( $editrow.find('.multiple-inputs').length ) {
let data_name = $editrow.attr('data-name');
if( $editrow.find('.multiple-inputs .pseudo-field').length && $editrow.find('.multiple-inputs .pseudo-field').val().length ) {
edited_item[data_name] = $editrow.find('.multiple-inputs .pseudo-field').val();
value = $editrow.find('.multiple-inputs .pseudo-field').val();
} else {
let data_key = typeof $(this).attr('data-key') !== 'undefined' ? $(this).attr('data-key') : 'color';
if( value.length ) {
if( typeof edited_item[data_name] !== 'undefined' && typeof edited_item[data_name] !== 'string' ) {
edited_item[data_name][data_key] = value;
}else{
edited_item[data_name] = {};
edited_item[data_name][data_key] = value;
}
}else{
delete(edited_item[data_name][data_key]);
}
}
}else if( $editrow.find('.checkboxes').length ){
let data_name = $(this).attr('name');
let data_key = $(this).attr('data-key');
if( $(this).is(':checked') ){
if( typeof edited_item[data_name] !== 'undefined' && typeof edited_item[data_name] !== 'string' ) {
edited_item[data_name][data_key] = value;
}else{
edited_item[data_name] = {};
edited_item[data_name][data_key] = value;
}
}else{
delete(edited_item[data_name][data_key]);
}
}else if( $editrow.find('.added-sidebars').length ){
name = $(this).attr('name');
if( !value.length ) {
delete( edited_item[name][$(this).attr('data-key')] );
}else{
if( typeof edited_item[name] === 'undefined' && typeof edited_item[name] !== 'array' ){
edited_item[name] = [];
}
edited_item[name].push(value);
}
}else if( $editrow.find('.social-icons').length ){
let data_key = $(this).closest('li').length ? $(this).closest('li').attr('data-key') : $(this).attr('data-key');
let data_name = $editrow.attr('data-name');
if( typeof edited_item[data_name] !== 'undefined' && typeof edited_item[data_name] !== 'string' ) {
edited_item[data_name][data_key] = value;
}else{
edited_item[data_name] = {};
edited_item[data_name][data_key] = value;
}
}else if( $editrow.find('.color-picker.multi').length ){
let data_name = $(this).attr('name');
let data_key = $(this).attr('data-key');
if( value.length ){
if( typeof edited_item[data_name] !== 'undefined' && typeof edited_item[data_name] !== 'string' ) {
edited_item[data_name][data_key] = value;
}else{
edited_item[data_name] = {};
edited_item[data_name][data_key] = value;
}
}else{
delete(edited_item[data_name][data_key]);
}
}else if( $editrow.find('.form-group.typography').length ){
let data_name = $(this).attr('name');
let data_key = $(this).attr('data-obj');
if( value.length ){
if( typeof edited_item[data_name] !== 'undefined' && typeof edited_item[data_name] !== 'string' ) {
edited_item[data_name][data_key] = value;
}else{
edited_item[data_name] = {};
edited_item[data_name][data_key] = value;
}
}else{
delete(edited_item[data_name][data_key]);
}
}else{
edited_item[name] = value;
}
if( $editrow.hasClass('themeoption') && ($editrow.hasClass('img-page-bg') || $editrow.hasClass('img-subheader-bg') || $editrow.hasClass('top-bar-bg-img') || $editrow.hasClass('subheader-image') || $editrow.hasClass('footer-bg-img') ) ) {
// themeoption background image
var field_class = 'img-page-bg';
var style_path = 'html';
if( $editrow.hasClass('img-subheader-bg') ){
field_class = 'img-subheader-bg';
style_path = 'body:not(.template-slider) #Header_wrapper';
}else if( $editrow.hasClass('top-bar-bg-img') ){
field_class = 'top-bar-bg-img';
style_path = '#Top_bar, #Header_creative';
}else if( $editrow.hasClass('subheader-image') ){
field_class = 'subheader-image';
style_path = '#Subheader';
}else if( $editrow.hasClass('footer-bg-img') ){
field_class = 'footer-bg-img';
style_path = '#Footer';
}
if( $content.find('style#themeoption'+field_class).length ) $content.find('style#themeoption'+field_class).remove();
$content.find('body').append('');
}else if($editrow.hasClass('themeoption') && ( $editrow.hasClass('position-page-bg') || $editrow.hasClass('img-subheader-attachment') || $editrow.hasClass('top-bar-bg-position') || $editrow.hasClass('subheader-position') || $editrow.hasClass('footer-bg-img-position') ) ){
// themeoptions bg position | repeat
var val_helper = value.split(';');
var val_string = '';
var field_class = 'position-page-bg';
var style_path = 'html';
if( $editrow.hasClass('img-subheader-attachment') ) {
field_class = 'img-subheader-attachment';
style_path = 'body:not(.template-slider) #Header_wrapper';
}else if( $editrow.hasClass('top-bar-bg-position') ) {
field_class = 'top-bar-bg-position';
style_path = '#Top_bar, #Header_creative';
}else if( $editrow.hasClass('subheader-position') ) {
field_class = 'subheader-position';
style_path = '#Subheader';
}else if( $editrow.hasClass('footer-bg-img-position') ) {
field_class = 'footer-bg-img-position';
style_path = '#Footer';
}
if( val_helper[0] != '' ) val_string += 'background-repeat: '+val_helper[0]+';';
if( val_helper[1] != '' ) val_string += 'background-position: '+val_helper[1]+';';
if( val_helper[2] != '' ) val_string += 'background-attachment: '+val_helper[2]+';';
if( val_helper[3] != '' ) val_string += 'background-size: '+val_helper[3]+';';
if( $content.find('style#'+field_class).length ){
$content.find('style#'+field_class).html(style_path+'{ '+val_string+' }');
}else{
$content.find('body').append('');
}
}else if( $editrow.hasClass('themeoption') && ( $editrow.hasClass('size-page-bg') || $editrow.hasClass('size-subheader-bg') || $editrow.hasClass('subheader-size') || $editrow.hasClass('footer-bg-img-size') ) ){
// theme options bg image size
var field_class = 'size-page-bg';
var style_path = 'html';
if( $editrow.hasClass('size-subheader-bg') ) {
field_class = 'size-subheader-bg';
style_path = 'body:not(.template-slider) #Header_wrapper';
}else if( $editrow.hasClass('subheader-size') ) {
field_class = 'subheader-size';
style_path = '#Subheader';
}else if( $editrow.hasClass('footer-bg-img-size') ) {
field_class = 'footer-bg-img-size';
style_path = '#Footer';
}
if( $content.find('style#themeoption'+field_class+'').length ){
$content.find('style#themeoption'+field_class+'').html(style_path+'{background-size: '+value+'; }');
}else{
$content.find('body').append('');
}
}else if($editrow.hasClass('themeoption favicon-img')){
// favicon
var link = document.querySelector("link[rel~='icon']");
if (!link) {
link = document.createElement('link');
link.rel = 'icon';
document.getElementsByTagName('head')[0].appendChild(link);
}
if( value.length ){
link.href = value;
}else{
link.href = mfnvbvars.themepath+'/images/favicon.ico';
}
}else if($editrow.hasClass('themeoption logo-vertical-padding')){
// logo vertical padding
if( $content.find('style#themeoptionlogo-vertical-padding').length ) $content.find('style#themeoptionlogo-vertical-padding').remove();
if( value.length ) $content.find('body').append('');
}else if($editrow.hasClass('themeoption logo-vertical-align')){
// logo vertical align
$content.find('body').removeClass('logo-valign-top logo-valign-bottom');
if( value.length ) $content.find('body').addClass('logo-valign-'+value);
}else if($editrow.hasClass('themeoption button-style')){
// logo height
$content.find('body').removeClass('button-default button-flat button-flat button-round button-stroke button-custom');
if( value.length ) { $content.find('body').addClass('button-'+value); } else{ $content.find('body').addClass('button-default'); }
}else if($editrow.hasClass('themeoption header-fw')){
// header options
$content.find('body').removeClass('header-fw header-boxed');
$editrow.find('ul li input').each(function() {
if( $(this).is(':checked') ){
if( $(this).val() == 'full-width' ){
$content.find('body').addClass('header-fw');
}else{
$content.find('body').addClass( $(this).val() );
}
}
});
}else if($editrow.hasClass('themeoption logo-advanced')){
// logo advanced
$content.find('body').removeClass('logo-no-margin logo-overflow logo-no-sticky-padding logo-sticky-width-auto');
$editrow.find('ul li input').each(function() {
if( $(this).is(':checked') ){
$content.find('body').addClass( 'logo-'+$(this).val() );
}
});
}else if($editrow.hasClass('themeoption transparent')){
$content.find('body').removeClass('tr-header tr-menu tr-content tr-footer');
$editrow.find('ul li input').each(function() {
if( $(this).is(':checked') ){
$content.find('body').addClass('tr-'+$(this).val());
}
});
}else if($editrow.hasClass('themeoption menu-options')){
// menu options
$content.find('body').removeClass('menuo-right menuo-arrows menuo-no-borders menuo-sub-active menuo-last');
$editrow.find('ul li input').each(function() {
if( $(this).is(':checked') ){
if( $(this).val() == 'align-right' ){
$content.find('body').addClass('menuo-right');
}else if( $(this).val() == 'menu-arrows' ){
$content.find('body').addClass('menuo-arrows');
}else if( $(this).val() == 'hide-borders' ){
$content.find('body').addClass('menuo-no-borders');
}else if( $(this).val() == 'submenu-active' ){
$content.find('body').addClass('menuo-sub-active');
}else if( $(this).val() == 'last' ){
$content.find('body').addClass('menuo-last');
}
}
});
}else if($editrow.hasClass('themeoption sticky-header-style')){
// themeoption sticky header style
$content.find('body').removeClass('sticky-tb-color sticky-white sticky-dark');
$content.find('body').addClass('sticky-'+value);
}else if($editrow.hasClass('themeoption subheader-style')){
// themeoption sticky header style
$content.find('body').removeClass('subheader-title-left subheader-both-center subheader-both-left subheader-both-right subheader-title-right');
if( value.length ) { $content.find('body').addClass('subheader-'+value); }else{ $content.find('body').addClass('subheader-title-left'); }
}else if($editrow.hasClass('themeoption subheader-padding')){
// themeoption subheader padding
if( $content.find('style#themeoptionsubheader-padding').length ) $content.find('style#themeoptionsubheader-padding').remove();
$content.find('body').append('');
}else if($editrow.hasClass('themeoption subheader-title-tag')){
// themeoption title tag
if( $content.find('#Subheader .title').length ){
$content.find('#Subheader .title').replaceWith('<'+value+' class="title">'+$content.find('#Subheader .title').html()+'');
}
}else if($editrow.hasClass('themeoption shop-align')){
// themeoption shop txt align
$content.find('.woocommerce ul.products li.product').removeClass('align-left align-right align-center');
$content.find('.woocommerce ul.products li.product').addClass('align-'+(value.length ? value : 'center'));
}else if($editrow.hasClass('themeoption shop-title-tag')){
// themeoption title tag
if( $content.find('.woocommerce ul.products li.product .desc .mfn-woo-product-title').length ){
$content.find('.woocommerce ul.products li.product .desc .mfn-woo-product-title').each(function() {
$(this).replaceWith('<'+(value.length ? value : 'h4')+' class="mfn-woo-product-title">'+$(this).html()+'');
});
}
}else if($editrow.hasClass('themeoption related-style')){
// themeoption related posts
if( !$content.find('.section-related-adjustment').length ) return;
$content.find('.section-related-adjustment').removeClass('simple');
if( value.length ) $content.find('.section-related-adjustment').addClass('simple');
}else if($editrow.hasClass('themeoption subheader-title-tag')){
// themeoption title tag
if( $content.find('#Intro .intro-title').length ){
$content.find('#Intro .intro-title').replaceWith('<'+value+' class="intro-title">'+$content.find('#Intro .intro-title').html()+'');
}
}else if($editrow.hasClass('themeoption blog-title-tag')){
// themeoption title tag blog
if( $content.find('.post-item .entry-title').length ){
$content.find('.post-item .entry-title').each(function() {
$(this).replaceWith(''+$(this).html()+' ');
});
}
}else if($editrow.hasClass('themeoption sidebar-width')){
// themeoption sidebar width
if( $content.find('style#themeoptionsidebar-width').length ) $content.find('style#themeoptionsidebar-width').remove();
$content.find('body').append('');
}else if($editrow.hasClass('themeoption sidebar-style')){
// themeoption sidebar style
if( !$content.find('.sidebar').length ) return;
$content.find('.sidebar').removeClass('style-simple style-classic');
if( value.length ) $content.find('.sidebar').addClass('style-'+value);
}else if($editrow.hasClass('themeoption sidebar-lines')){
// themeoption sidebar style
if( !$content.find('.sidebar').length ) return;
$content.find('.sidebar').removeClass('lines-hidden lines-boxed has-lines');
if( value.length && value == 'lines-hidden'){
$content.find('.sidebar').addClass('lines-hidden')
}else{
if(value == 'lines-boxed') $content.find('.sidebar').addClass('lines-boxed');
$content.find('.sidebar').addClass('has-lines')
}
}else if($editrow.hasClass('themeoption footer-align')){
// themeoption footer text align
if( !$content.find('#Footer .widgets_wrapper').length ) return;
$content.find('#Footer .widgets_wrapper').removeClass('center');
if( value.length && value == 'center' ) $content.find('#Footer .widgets_wrapper').addClass('center');
}else if($editrow.hasClass('themeoption mobile-header-height')){
// themeoption mobile header height
if( $content.find('style#themeoptionmobile-header-height').length ) $content.find('style#themeoptionmobile-header-height').remove();
$content.find('body').append('');
}else if($editrow.hasClass('themeoption mobile-header-height')){
// themeoption mobile header height
if( $content.find('style#themeoptionmobile-header-height').length ) $content.find('style#themeoptionmobile-header-height').remove();
$content.find('body').append('');
}else if($editrow.hasClass('themeoption mobile-subheader-padding')){
// themeoption mobile header subheader padding
if( $content.find('style#themeoptionmobile-subheader-padding').length ) $content.find('style#themeoptionmobile-subheader-padding').remove();
$content.find('body').append('');
}else if( $editrow.hasClass('themeoption layout-boxed-padding') ){
// themeoption boxed layout padding
if( $content.find('style#themeoptionlayout-boxed-padding').length ) $content.find('style#themeoptionlayout-boxed-padding').remove();
$content.find('body').append('');
}else if( $editrow.hasClass('themeoption content-remove-padding') ){
// themeoption content top padding
if( $content.find('style#themeoptioncontent-remove-padding').length ) $content.find('style#themeoptioncontent-remove-padding').remove();
$content.find('body').append('');
}else if($editrow.hasClass('themeoption layout-options')){
// menu options
$content.find('body').removeClass('no-shadows boxed-no-margin');
$editrow.find('ul li input').each(function() {
if( $(this).is(':checked') ){
$content.find('body').addClass($(this).val());
}
});
}else if($editrow.hasClass('themeoption sticky-header-style')){
// theme option sticky header style
$content.find('body').removeClass('sticky-tb-color sticky-white sticky-dark');
$content.find('body').addClass('sticky-'+value);
}else if($editrow.hasClass('themeoption shop-icon-wishlist')){
// theme option icon wishlist shop
if( value == '' ){
$content.find('a#wishlist_button').html('
');
}).fadeIn();
loadIframe();
});
}(jQuery));
/**
* Clone fix
* Fixed native clone function for textarea and select fields
*/
(function(original) {
jQuery.fn.clone = function() {
var result = original.apply(this, arguments),
my_textareas = this.find('textarea:not(.editor), select'),
result_textareas = result.find('textarea:not(.editor), select');
for (var i = 0, l = my_textareas.length; i < l; ++i) {
jQuery(result_textareas[i]).val(jQuery(my_textareas[i]).val());
}
return result;
};
})(jQuery.fn.clone);
