Manager

Back Back Up Advanced Editor

ret += '<a class="sneeit-page-builder-toolbar-tab-content-columns-button sneeit-page-builder-toolbar-tab-content-button" href="javascript:void(0)" style="width: '+each_col_width+'%;margin-left:'+Sneeit_PageBuilder_Options.style.toolbar_tab_content_column_button_margin+'%" data-width="'+width_percent+'" title="Click to add">\
				<span class="sneeit-page-builder-toolbar-tab-content-columns-button-icon sneeit-page-builder-toolbar-tab-content-button-icon">\
					<span style="width: '+width_percent+'%">\n\
						<span></span><span></span><span></span><span></span><span></span><span></span>\n\
					</span>\
				</span>\
				<span class="sneeit-page-builder-toolbar-tab-content-columns-button-text sneeit-page-builder-toolbar-tab-content-button-text">'
					+column_pattern[i]
				+'</span>\
			</a>';
		}
		ret += '</p></div>';
	}
	return ret;
}

/**
 * Return the HTML code (tabs and shortcode buttons)
 * which will display on header of page builder
 * 
 * @param {type} position
 * @returns {String}
 */
function sneeit_page_builder_box_toolbar_tab_shortcodes(position) {
	if (typeof(position) == 'undefined') {
		position = 'header';
	}

// start box
	ret += '<div class="sneeit-page-builder-workspace-box sneeit-page-builder-workspace-box-'+(shortcode_id == 'column'? 'column':'shortcode sneeit-page-builder-workspace-box-'+shortcode_id)+'" data-shortcode_id="'+shortcode_id+'" style="width:'+width_percent+'%" data-width="'+width_percent+'">';

// header for workspace box
	ret +=		'<div class="sneeit-page-builder-workspace-box-header sneeit-page-builder-workspace-box-header-'+shortcode_id+'">';

// specific if the box is a column
	ret += 			'<div class="sneeit-page-builder-workspace-box-header-start">';
	if (shortcode_id == 'column') {
		ret += 			'<a title="'+Sneeit_PageBuilder_Options.text.Decrease_width+'" href="javascript:void(0)" class="sneeit-page-builder-workspace-box-column-decrease-width sneeit-page-builder-workspace-box-column-change-width"><i class="fa fa-minus"></i></a>';		
		ret += 			'<span class="sneeit-page-builder-workspace-box-header-column-value">\
							'+sneeit_page_builder_width_percent_to_column_label(width_percent, '%')+'\
						</span>';
		ret += 			'<a title="'+Sneeit_PageBuilder_Options.text.Increase_width+'" href="javascript:void(0)" class="sneeit-page-builder-workspace-box-column-increase-width sneeit-page-builder-workspace-box-column-change-width"><i class="fa fa-plus"></i></a>';
	} else {		
		if ('icon' in shortcode_declaration) {
			if (sneeit_is_image_src(shortcode_declaration.icon)) {
				ret += '<img src="'+shortcode_declaration.icon+'"/>';
			} else {
				ret += '<i class="'+sneeit_valid_icon_code(shortcode_declaration.icon)+'"></i>';
			}
		} else {
			ret += 		'<i class="fa fa-code"></i>';
		}
		ret += 			' <span>'+shortcode_declaration.title+(title? ': <strong>'+title+'</strong>' : '')+'</span>';			
	}
	ret +=			'</div>';

ret +=			'<div class="sneeit-page-builder-workspace-box-header-end">';
	
	ret += 				'<a title="'+Sneeit_PageBuilder_Options.text.Edit+'" href="javascript:void(0)" class="sneeit-page-builder-workspace-box-header-button-edit"><i class="fas fa-pencil-alt"></i></a>';
	ret += 				'<a title="'+Sneeit_PageBuilder_Options.text.Duplicate+'" href="javascript:void(0)" class="sneeit-page-builder-workspace-box-header-button-duplicate"><i class="fa fa-copy"></i></a>';
	ret += 				'<a title="'+Sneeit_PageBuilder_Options.text.Delete+'" href="javascript:void(0)" class="sneeit-page-builder-workspace-box-header-button-delete"><i class="fa fa-close"></i></a>';
	ret += 			'</div>';
	ret += 		DIV_CLEAR+'</div>';

// content for workspace box
	ret +=		'<div class="sneeit-page-builder-workspace-box-content sneeit-page-builder-workspace-box-content-'+shortcode_id+'">';	
	ret += 			shortcode_content;
	ret += 		'</div>';

// end box
	ret += '</div>';

return ret;
}
function sneeit_page_builder_shortcode_to_html(content, shortcode_list, nested_level) {
	if (nested_level >= Sneeit_PageBuilder_Options.max_nested_level) {
		// only allow max level of nested list
		return content;
	}

// replace all nested column shortcode
	for (var i = Sneeit_PageBuilder_Options.max_nested_level - 1; i >= 0 ; i-=1) {
		content = content.replaceAll('column-'+Sneeit_PageBuilder_Options.separator_nested_level+'-'+i, 'column');
	}

// replace shortcode to real html tags
	jQuery.each(shortcode_list, function (shortcode_id, shortcode_declaration) {	
		var start_key = '['+shortcode_id;
		var end_key = '[/'+shortcode_id+']';

// ***********************************************
		// replace shortcode [shortcode attr="***"/] first,
		var index = 0;
		for (var i = 0; i < content.length; i++) {
			var start = content.indexOf(start_key, index);
			if (start == -1 || start+start_key.length == content.length) {
				// not found start tag or the start tag has invalid end at the end of content
				break;
			}

var next_string = content.substring(start+start_key.length, start+start_key.length + 1);			
			
			if (!sneeit_is_slug_name_character(next_string)) {
				// if next character is not a name character,
				//  mean we FOUND exactly the shortcode start point
				
				var end = content.indexOf(']', start+start_key.length);
				if (end == -1) {
					// short code start tag has no end tag, invalid					
					break;
				}

// *******************************************
		// Then [shortcode attr="***"]****[/shortcode]
		var index = 0;
		for (var i = 0; i < content.length; i++) {
			var end = content.indexOf(end_key, index);
			if (end == -1) {
				// not found any end tag
				break;
			}

var prev_content = content.substring(0, end); // cut head of content before end tag
			var start = -1;
			for (var j = 0; j < prev_content.length; j++) {
				var start = prev_content.lastIndexOf(start_key);			
				if (start == -1) {
					// can not find the start tag, so we must move to next point in content
					break;
				}
				var next_string = prev_content.substring(start+start_key.length, start+start_key.length + 1);
				if (!sneeit_is_slug_name_character(next_string)) {
					// FOUND exactly start tag of shortcode
					var close = content.indexOf(']', start);
					if (close >= end) {
						// can not find the close tag before end point, so we must move to next point in content
						start = -1;
						break;
					}

// FOUND the full start tag, replacing everything here
					var shortcode_start = content.substring(start + start_key.length, close);
					var shortcode_content = content.substring(close+1, end);

// Replace nested shortcode if this shortcode has
					if ('nested' in shortcode_declaration) {
						shortcode_content = sneeit_page_builder_shortcode_to_html(shortcode_content, shortcode_declaration['nested'], nested_level+1);
					}

shortcode_content = '<div data-sneeit_shortcode_id="'+shortcode_id+'" '+shortcode_start+'>'+shortcode_content+'</div>';
					content = content.substring(0, start) + shortcode_content + content.substring(end+end_key.length);
					// after replacing, break and go to next point of end key
					index = start + shortcode_content.length;
					break; 
				} else {
					// this is another shortcode which has name contains our shortcode id
					// we must reward back more to find another, until go to the beginning of content
					prev_content = prev_content.substring(0, start);
					start = -1;
				}
			}

// jump to next point
			if (start == -1) {
				// seem this close tag is for something, not for our shortcode					
				index = end+end_key.length;			
			}
		}

// *******************************************
		// finally, replace all [shortcode attr="***"]
		var index = 0;
		for (var i = 0; i < content.length; i++) {
			var start = content.indexOf(start_key, index);
			if (start == -1 || start+start_key.length == content.length) {
				// not found start tag or the start tag has invalid end at the end of content
				break;
			}
			var next_string = content.substring(start+start_key.length, start+start_key.length + 1);
			if (!sneeit_is_slug_name_character(next_string)) {
				// if next character is not a name character,
				//  mean we FOUND exactly the shortcode start point
				var end = content.indexOf(']', start+start_key.length);
				if (end == -1) {
					// short code start tag has no end tag, invalid					
					break;
				}
				
				// FOUND exactly [shortcode attr="***"] to replace
				var shortcode_content = content.substring(start + start_key.length, end);				
				shortcode_content = '<div data-sneeit_shortcode_id="'+shortcode_id+'" '+shortcode_content+'></div>';
				content = content.substring(0, start) + shortcode_content + content.substring(end+1);
				index = start + shortcode_content.length;				
			} else {
				// This is not exactly the shortcode we are finding, 
				// just a longer name which contains our shortcode name
				index = start + start_key.length;
			}
		}
	});
	
	// disable scripts
	content = content.replaceAll('<script>', '<sneeit_script>');
	content = content.replaceAll('<script ', '<sneeit_script ');
	content = content.replaceAll('</script>', '</sneeit_script>');
	
	return content;	
}

// convert workspace html to shortcode
function sneeit_page_builder_workspace_html_to_shortcode(workspace_html, shortcode_list, replace_parent, nested_level) {
	if (nested_level >= Sneeit_PageBuilder_Options.max_nested_level) {
		// only allow max level of nested list
		return content;
	}

var workspace_selector = document.createElement('div');
	workspace_selector.innerHTML = workspace_html;

// covert HTML to shortcode and unwrap all box
	jQuery.each(shortcode_list, function(shortcode_id, shortcode_declaration) {
		jQuery(workspace_selector).find('div[data-sneeit_shortcode_id="'+shortcode_id+'"]').each(function () {
			var shortcode_fields = new Object();
			var shortcode_content = jQuery(this).html();
			var shortcode_holder = jQuery(this);
			// get all shortcode field values
			jQuery.each(shortcode_declaration['fields'], function (field_id, field_declaration) {
				if ('type' in field_declaration && field_declaration['type'] != 'textarea' && field_declaration['type'] != 'content') {	
					var field_value = shortcode_holder.attr(field_id);
					if (typeof(field_value) == 'undefined') {										
//						shortcode_fields[field_id] = field_declaration.default;
						shortcode_fields[field_id] = field_declaration['default'];
					} else {
						shortcode_fields[field_id] = shortcode_holder.attr(field_id);
					}
				}
			});

// replace nested shortcode
			if ('nested' in shortcode_declaration) {
				shortcode_content = 
					sneeit_page_builder_workspace_html_to_shortcode(
						shortcode_content, 
						shortcode_declaration['nested'], 
						'',
						nested_level+1
					);
			}

// update in 2.5 for unlimted nested columns and shortcodes
			if (shortcode_content.indexOf('data-shortcode_id=') != -1) {
				shortcode_content = 
					sneeit_page_builder_workspace_html_to_shortcode(
						shortcode_content, 
						shortcode_list, 
						replace_parent,
						nested_level+1
					);
			}

// then place shortcode
			var shortcode_id_fixed = shortcode_id;
			if (shortcode_id == 'column') {
				shortcode_id_fixed = 'column-'+Sneeit_PageBuilder_Options.separator_nested_level+'-'+nested_level;
			}
			var shortcode = '['+shortcode_id_fixed;
			jQuery.each(shortcode_fields, function(field_id, field_value) {
				shortcode += ' '+field_id+'="'+sneeit_shortcodes_esc_attr(field_value)+'"';
			});
			
			// add back scripts
			shortcode_content = shortcode_content.replaceAll('sneeit_script', 'script');
			
			shortcode += ']'+shortcode_content+'[/'+shortcode_id_fixed+']';
			if (replace_parent) {
				jQuery(this).parents(replace_parent).first().replaceWith(shortcode);
			} else {
				jQuery(this).replaceWith(shortcode);
			}
		});
	});

return workspace_selector.innerHTML.replaceAll('sneeit_script', 'script');
}
function sneeit_page_builder_workspace_to_content_textarea(content_field, sneeit_gutenberg) {
	
	// move content to dummy
	jQuery('#sneeit-page-builder-dummy').html(jQuery('#sneeit-page-builder-workspace').html());

// escape from linked sortable list
	for (var i = 0; i < 100; i++) {
		if (jQuery('#sneeit-page-builder-dummy .sneeit-page-builder-workspace-box-content-column-linked-sortable').length == 0) {
			break;
		}
		jQuery('#sneeit-page-builder-dummy .sneeit-page-builder-workspace-box-content-column-linked-sortable').each(function () {
			var shortcode_html = jQuery(this).html();
			jQuery(this).replaceWith(shortcode_html);
		});
		
	}

// then convert html to shortcode
	jQuery('#sneeit-page-builder-dummy .ui-sortable-handle').removeClass('ui-sortable-handle');	
	// remove empty p tags
	jQuery('#sneeit-page-builder-dummy').find('p').each(function(){
		var text = jQuery(this).text();
		text = jQuery.trim(text);
		if ('' == text) {
			jQuery(this).remove();
		}
	});
	var content = sneeit_page_builder_workspace_html_to_shortcode(		
		jQuery('#sneeit-page-builder-dummy').html(), 
		Sneeit_Shortcodes.declaration, 
		'.sneeit-page-builder-workspace-box',
		0
	);
	
//	if (sneeit_gutenberg && content.indexOf('') != 0) {
//		content = '\n' + content + '\n\n';
//		wp.data.dispatch( 'core/block-editor' ).resetBlocks( wp.blocks.parse( content ) );
//	}
	if (sneeit_gutenberg) {		
		wp.data.dispatch( 'core/block-editor' ).resetBlocks( wp.blocks.parse( content ) );
	}
	content_field.val(content).change();
}

function sneeit_page_builder_box(toolbar_content, workspace_content) {
	jQuery('#wp-content-editor-container').prepend('\
<div id="sneeit-page-builder-box">\n\
	<div id="sneeit-page-builder-toolbar">'+toolbar_content+'</div>\n\
	<div id="sneeit-page-builder-workspace-wrapper"><div id="sneeit-page-builder-workspace" class="sneeit-page-builder-linked-sortable">'+workspace_content+'</div></div>\n\
	<div id="sneeit-page-builder-dummy" style="display:none!important"></div>\n\
	<div id="sneeit-page-builder-null" style="display:none!important"></div>\n\
</div>');
}