Edit

Editing: avia_dynamic_templates.js

/**
 * This file holds the main javascript functions needed to create option pages on the fly and also add elements to these dynamic option pages
 *
 * @author		Christian "Kriesi" Budschedl
 * @copyright	Copyright ( c ) Christian Budschedl
 * @link		http://kriesi.at
 * @link		http://aviathemes.com
 * @since		Version 1.1
 * @package 	AviaFramework
 */

jQuery(function($) { $('#avia_options_page').avia_dynamic_templates(); });

(function($)
{
	avia_framework_globals.avia_ajax_action = false;

$.fn.avia_dynamic_templates = function(variables) 
	{
		return this.each(function()
		{
			//gather form data
			var container = $(this);
			if(container.length != 1) return;
			
			var createButton = $('.avia_create_options', this),
				createElementButton = $('a.avia_dynamical_add_elements'),
				hiddenDataContainer = $('#avia_hidden_data', this),
				deletePage = $('.avia_remove_dynamic_page',this),
				deleteElement = $('.avia_remove_dynamic_element',this),
				nameElement = createButton.parents('.avia_create_options_container:eq(0)').find('input.avia_create_options_page_new_name'),
				saveData = {
								ajaxUrl :			$('input[name=admin_ajax_url]', hiddenDataContainer).val(),
								prefix :			$('input[name=avia_options_prefix]', hiddenDataContainer).val(),
								optionSlug :		$('input[name=avia_options_page_slug]', hiddenDataContainer).val(),
								_wpnonce  :			$('input[name=avia-nonce]', hiddenDataContainer).val(),
								_wp_http_referer:	$('input[name=_wp_http_referer]', hiddenDataContainer).val()
							 };

//bind actions:	
						
			//add page
			createButton.bind('click', {set: saveData}, methods.add_options_page);
			
			//add element
			createElementButton.live('click', {set: saveData}, methods.add_element);
			
			deletePage.live('click', {set: saveData}, methods.delete_options_page);
			
			deleteElement.live('click', {set: saveData}, methods.delete_element);
			
			
			//prevent activating of default save buttons, instead activate the template creation button
			nameElement.bind('keydown change keyup', function(event)
			{
				if(nameElement.val() != "" && nameElement.val().length > 2)
				{
					createButton.removeClass('avia_button_inactive');
				}
				else if(!createButton.is('.avia_button_inactive'))
				{
					createButton.addClass('avia_button_inactive');
				}
				
				if(event.keyCode == 13)
				{
					if(event.type == 'keyup') createButton.trigger('click');
					return false;
				}
				
			});

});
	};
	
	var	methods = {
			
			/************************************************************************
			DELETE element:
			************************************************************************/
			delete_element: function(passed)
			{
				
				if( avia_framework_globals.avia_ajax_action) return false;
				 avia_framework_globals.avia_ajax_action = true;
			
				var params = passed.data.set,
					link = $(this);
					
				var container = link.parents('.avia_row:eq(0)');
				if(!container.length) container = link.parents('.avia_section:eq(0)');
					
				var	loading = $('.avia_removable_element_loading',  container);

params.elementSlug = this.hash.substring(1);
				params.action = 'avia_ajax_delete_dynamic_element';
				
				$.ajax({
					type: "POST",
					url: params.ajaxUrl,
					data: params,
					beforeSend: function()
					{
						link.css('display','none');
						loading.css({opacity:0, display:"block", visibility:'visible'}).animate({opacity:1});
					},
					error: function()
					{
						$('body').avia_alert({the_class:'error', 
											 text:'Couldn\'t remove the element because the server didn’t respond. Please wait a few seconds, then try again'});
						link.css('display','block');
						loading.css({display:"none"});
						 avia_framework_globals.avia_ajax_action = false;
					},
					success: function(response)
					{
						if(response.match(/avia_removed_element/))
						{
							container.slideUp(400, function()
							{
								container.remove();
								$('.avia_header .avia_button_inactive, .avia_footer .avia_button_inactive').removeClass('avia_button_inactive');
								 avia_framework_globals.avia_ajax_action = false;
							});
								
							
							
						}
						else
						{
							var resulttext = "Something went wrong, please try again in a few seconds.";
							if(response) resulttext += "The script returned the following error: "+response.replace(/avia_removed_element/,'');
							$('body').avia_alert({the_class:'error', text: resulttext});
							link.css('display','block');
							loading.css({display:"none"});
							 avia_framework_globals.avia_ajax_action = false;
						}
						
					}
				});
					
					
					return false;
			},
			
			/************************************************************************
			DELETE options page:
			************************************************************************/
			delete_options_page: function(passed)
			{
				if( avia_framework_globals.avia_ajax_action) return false;
				 avia_framework_globals.avia_ajax_action = true;
			
				var params = passed.data.set,
					link = $(this),
					container = link.parents('.avia_subpage_container:eq(0)'),
					answer = confirm("Do you really want to "+link.text()+"? This action can not be undone and will also delete all attached elements.");

params.action = 'avia_ajax_delete_dynamic_options';
				params.elementSlug = this.hash.substring(1);
				
				if(answer)
				{
					$.ajax({
					type: "POST",
					url: params.ajaxUrl,
					data: params,
					error: function()
					{
						$('body').avia_alert({the_class:'error', 
											 text:'Couldn\'t remove the options because the server didn’t respond. Please wait a few seconds, then try again'});
						avia_framework_globals.avia_ajax_action = false;
					},
					success: function(response)
					{
						if(response.match(/avia_removed_page/))
						{
							$('.avia_sidebar_content .avia_active_nav').remove();
							container.remove();
							
							$('.avia_subpage_container').filter(':eq(0)').addClass('avia_active_container');
							$('.avia_sidebar_content .avia_section_header:eq(0)').addClass('avia_active_nav');
								
						}
						else
						{
							var resulttext = "Something went wrong, please try again in a few seconds."
							if(response) resulttext += "The script returned the following error: "+response;
							$('body').avia_alert({the_class:'error', text: resulttext});
						}
						
						avia_framework_globals.avia_ajax_action = false;
					}
				 });

}
				else
				{
						avia_framework_globals.avia_ajax_action = false;
				}
					
				return false;
			},
			
			/************************************************************************
			Add options element:
			************************************************************************/
			add_element: function(passed)
			{

var params = passed.data.set,
					clickedButton = $(this),
					wrapper = clickedButton.parents('.avia_dynamical_add_elements_container:eq(0)'),
					currentpage = wrapper.parents('.avia_subpage_container:eq(0)'),
					selectElement = $('select.avia_dynamical_add_elements_select', wrapper),
					loading = $('.avia_loading',  wrapper);

if(selectElement.val() == "") return false;
				
				if( avia_framework_globals.avia_ajax_action) return false;
				 avia_framework_globals.avia_ajax_action = true;
				
				params.elementSlug = selectElement.val();
				params.optionSlug = $('input.avia_dynamical_add_elements_parent', wrapper).val();
				params.configFile = $('input.avia_dynamical_add_elements_config_file', wrapper).val();
				params.action = 'avia_ajax_modify_set';
				params.context = 'custom_set';
				params.method = 'add';
				
				
				//send request to add new page
				$.ajax({
					type: "POST",
					url: params.ajaxUrl,
					data: params,
					beforeSend: function()
					{
						clickedButton.addClass('avia_button_inactive');
						loading.css({opacity:0, display:"block", visibility:'visible'}).animate({opacity:1});
					},
					error: function()
					{
						$('body').avia_alert({the_class:'error', 
											 text:'Couldn\'t add the element because the server didn’t respond. Please wait a few seconds, then try again'});
						clickedButton.removeClass('avia_button_inactive');
					},
					success: function(response)
					{
						var save_result = response.match(/\{avia_ajax_element\}(.+|\s+)\{\/avia_ajax_element\}/);
						
						if(save_result != null)
						{	
							//add new set to the dom
							var newSet = $(save_result[1]).css('display','none');
							
							newSet.appendTo(currentpage).slideDown(400, function()
							{
								//bind events to the created container elements
								newSet.avia_event_binding();
							});
							
							
							//in case the script returns other output tell the user
							if(save_result[0] != response)
							{
								response = response.replace(save_result[0],'');
								$('body').avia_alert({the_class:'error', 
								text:'Adding of element successful but the script generated unexpected output: '+response, show:6000});	
							}
							
						}
						else
						{
							var resulttext = "Something went wrong, please try again in a few seconds.";
							if(response) resulttext += "The script returned the following error: "+response;
							$('body').avia_alert({the_class:'error', text: resulttext});
						}
						
						
					},
					complete: function(response)
					{	
						loading.fadeOut();
						 avia_framework_globals.avia_ajax_action = false;
						clickedButton.removeClass('avia_button_inactive');
						
					}
				});
				
					
				return false;
			},
			
			
			/************************************************************************
			Add options page:
			************************************************************************/
			add_options_page: function(passed)
			{
			
				var params = passed.data.set,
					clickedButton = $(this),
					wrapper = clickedButton.parents('.avia_create_options_container:eq(0)'),
					nameElement = $('input.avia_create_options_page_new_name', wrapper),
					loading = $('.avia_loading', wrapper);

if( clickedButton.is('.avia_button_inactive')) {return false;}
				
				if( avia_framework_globals.avia_ajax_action) return false;
				 avia_framework_globals.avia_ajax_action = true;
				
				//elements to pass to the php script
				params.action = 'avia_ajax_create_dynamic_options';
				params.method = 'add_option_page';
				params.name = nameElement.val();
				params.icon = $('input.avia_create_options_page_temlate_icon', wrapper).val();
				params.parent = $('input.avia_create_options_page_temlate_parent', wrapper).val();
				params.defaul_elements = $('.avia_create_options_page_subelements_of', wrapper).val();
				params.remove_label = $('.avia_create_options_page_temlate_remove_label', wrapper).val();
				params.sortable = $('.avia_create_options_page_temlate_sortable', wrapper).val();
				
				// no name? tell the user to add one	
				if(params.name == "")
				{
					$('body').avia_alert({the_class:'error', text:'Ooops! You forgot to enter a Name for your template :)', show:2500});
					return false;
				}
				
				//send request to add new page
				$.ajax({
					type: "POST",
					url: params.ajaxUrl,
					data: params,
					beforeSend: function()
					{
						clickedButton.addClass('avia_button_inactive');
						loading.css({opacity:0, display:"block", visibility:'visible'}).animate({opacity:1});
					},
					error: function()
					{
						$('body').avia_alert({the_class:'error', 
											 text:'Couldn\'t add the template because the server didn’t respond. Please wait a few seconds, then try again'});
						clickedButton.removeClass('avia_button_inactive');
						avia_framework_globals.avia_ajax_action = false;
						
					},
					success: function(response)
					{
						var save_result = response.match(/\{avia_ajax_option_page\}(.+|\s+)\{\/avia_ajax_option_page\}/);
						
						if(save_result != null)
						{	
							//add new set to the dom
							var newSet = $(save_result[1]).insertAfter('.avia_subpage_container:last');
							newSet.avia_create_option_navigation(true);
							nameElement.val('');
							$('body').avia_alert({text:'Template added! You can now select it in your sidebar and start adding elements', show:3500});
							
							//add default elements 
							var default_elements = response.match(/\{avia_ajax_element\}(.+|\s+)\{\/avia_ajax_element\}/);
							if(default_elements != null)
							{
								var newElements = $(default_elements[1]).appendTo(newSet); 
							}
							
							//bind events to the new elements
							newSet.avia_event_binding();
							newSet.avia_edit_dynamic_templates();
						}
						else if(response.match('invalid_data'))
						{
							clickedButton.removeClass('avia_button_inactive');
							$('body').avia_alert({the_class:'error', text:'Sorry, the name is invalid. Please don’t use any special characters'});
						}
						else if(response.match('name_already_exists'))
						{
							clickedButton.removeClass('avia_button_inactive');
							$('body').avia_alert({the_class:'error', 
							text:'Please choose a different Name: A template with this name already exists or is reserved for the theme-framework.', show:5000});
						}
						else
						{
							clickedButton.removeClass('avia_button_inactive');
							$('body').avia_alert({the_class:'error', text:'Something went wrong, please try again in a few seconds.'});
						}
						avia_framework_globals.avia_ajax_action = false;
						
					},
					complete: function(response)
					{	
						loading.fadeOut(); 
					}
				});
				
				return false;
			}
				
		};
	
	
})(jQuery);

Back