shortcode.php

<?php

class CTCTCF7_Shortcode extends CTCTCF7 {

	function __construct() {
		self::get_includes();
		// Add lists selection dropdown;
		add_action( 'admin_init', array(&$this, 'init_tag_generator'), 900 );
		add_action( 'admin_head', array(&$this, 'init_tag_script'));
		add_action( 'init', array(&$this, 'add_shortcode'), 6 );
		add_filter( 'ctctcf7_push', array(&$this, 'process_submission_shortcode'), 10, 2);

		add_action('wp_ajax_ctctcf7_generate_dropdowns', array(&$this, 'ajax_generate_dropdowns_from_code'));
	}

	function add_shortcode() {
		if(function_exists('wpcf7_add_shortcode')) {
			wpcf7_add_shortcode( array( 'ctct', 'ctct*' ), array(&$this, 'shortcode_handler'), true );
		}
	}

	/**
	 * Get an array of all shortcodes from text, via ajax
	 * @return array Array of shortcodes
	 */
	function ajax_generate_dropdowns_from_code() {
		global $wpcf7_shortcode_manager;

		check_ajax_referer('ctctcf7_generate_dropdowns','ctctcf7_generate_dropdowns');

		$WPCF7_ShortcodeManager = new WPCF7_ShortcodeManager;

		// Form code to scan
		$code = stripslashes_deep( @$_REQUEST['data'] );

		// Process the form code
		$wpcf7_shortcode_manager->do_shortcode($code, false);
		$output = array(
			'' => __('Select a Field')
		);
		if(!empty($wpcf7_shortcode_manager->scanned_tags)) {
			foreach ( $wpcf7_shortcode_manager->scanned_tags as $fe ) {
				if ( empty( $fe['name'] ) )
					continue;

				if($fe['basetype'] === 'ctct') { continue; }

				$name = $fe['name'];
				$is_placeholder = (isset($fe['options'][0]) && $fe['options'][0] === 'placeholder');
				$label = (!empty($fe['labels'])) ? $fe['labels'][0] : $name;
				$type = str_replace('*', '', $fe['type']);

				$output[$name] = esc_attr("{$label} ($name)");
			}
		}

		header('Cache-Control: no-cache, must-revalidate');
		header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
		header('Content-Type: application/json');
		echo json_encode($output);
		die();
	}

	/**
	 * Get the lists from the submitted form $_POST data
	 * @param  array $cf7_ctct Constant Contact contact array
	 * @param  WPCF7_ContactForm $obj      Form object
	 * @return array           Modified array, if lists existed
	 */
	public function process_submission_shortcode($cf7_ctct, $obj) {

		// Now we check whether the optin form has been accepted,
		// if the optin method is the `single` checkbox.
		// If not, then keep going.
		if(isset($obj->posted_data['ctctcf7_lists'])) {
			if(empty($obj->posted_data['ctctcf7_lists'])) {
				return $cf7_ctct;
			} else {

				// We let CTCT know they opted in.
				$cf7_ctct['accept'] = true;

			}
		}

		// Process the submitted lists
		foreach ($obj->scanned_form_tags as $value) {
			if($value['basetype'] === 'ctct') {
				$lists = isset($obj->posted_data[$value['name']]) ? (array)$obj->posted_data[$value['name']] : false;

				$username = self::get_username();
				if(!empty($lists)) {

					// Lists that are posted are ONLY the IDs, not the path.
					// we convert that to the path now.
					foreach ($lists as &$list) {
						$list = sprintf('/ws/customers/%s/lists/%d', $username, $list);
					}

					$cf7_ctct['lists'] = $lists;

					// We "check the box" in the settings by setting this
					$cf7_ctct['active'] = true;

					// Only process the first ctct tag. Only one allowed.
					break;
				}
			}
		}

		return $cf7_ctct;
	}

	function shortcode_handler( $tag ) {
		$tag = new WPCF7_Shortcode( $tag );

		if ( empty( $tag->name ) )
			return '';

		// The lists are in {name of list}::#{id} format.
		// This parses them into an array
		$print_lists = array();
		foreach ($tag->values as $key => $value) {
			list($name, $id) = explode('::#', $value);
			$print_lists[(int)$id] = trim(rtrim($name));
		}

		/**
		 * Get the list type
		 * @uses WPCF7_Shortcode::get_option()
		 */
		$options['type'] = $tag->get_option('type', 'id', true);
		$options['label'] = urldecode($tag->get_option('label', '', true));
		$options['first'] = urldecode($tag->get_option('first', '', true));
		$options['lists'] = $print_lists;
		$options['name_attr'] = $tag->name;
		if ( $tag->has_option( 'default:on' ) )
			$options['checked'] = 'checked';

		$output = $this->outputHTML($options);


		$class = wpcf7_form_controls_class( $tag->type );
		$validation_error = wpcf7_get_validation_error( $tag->name );

		if ( $validation_error )
			$class .= ' wpcf7-not-valid';

		$atts = array();
		$atts['class'] = $tag->get_class_option( $class );
		$atts['id'] = $tag->get_option( 'id', 'id', true );
		$atts = wpcf7_format_atts( $atts );

		$output = sprintf('<span class="wpcf7-form-control-wrap %1$s"><span %2$s>%3$s</span>%4$s</span>',
			$tag->name, $atts, $output, $validation_error );

		return $output;
	}

	/**
	 * Convert an array of List objects into HTML output
	 * @param  string $as    Format of HTML; `list`|`select`
	 * @param  array  $items List array
	 * @param  array  $atts  Settings; `fill`, `selected`, `format`; `format` should use replacement tags with the tag being the name of the var of the List object you want to replace. For example, `%%name%% (%%contact_count%% Contacts)` will return an item with the content "List Name (140 Contacts)"
	 *
	 * @return [type]        [description]
	 */
	static function outputHTML($atts = array()) {


		$settings = wp_parse_args($atts, array(
			'type' => 'checkboxes',
			'format' => '<span>%%name%%</span>', // Choose HTML format for each item
			'id_attr' => 'ctctcf7-list-%%id%%', // Pass a widget instance
			'name_attr' => 'ctctcf7_lists',
			'checked' => false, // If as select, what's active?
			'lists' => array(),
			'label' => 'Sign up for our newsletter!',
			'first' => 'Select a newsletter'
		));

		extract($settings);

		switch($type) {
			case 'hidden':
				$before = '<div>';
				$after = '</div>';
				$before_item = $after_item = '';
				$format = '<input type="hidden" value="%%id%%" name="%%name_attr%%[]" />';
				break;
			case 'dropdown':
			case 'select':
			case 'multiselect':
				$multiple = '';

				// Even though the multiselect option is no longer available
				// in the settings, keep this around for backward compatibility.
				// And if crazy people want multi-selects
				if($type === 'select' || $type === 'multiselect') {
					$multiple = ' multiple="multiple"';
				}
				$before = '<select name="%%name_attr%%"'.$multiple.' class="select2 ctct-lists">';
				if(!empty($first)) {
					$before .= sprintf('<option value="">%s</option>', esc_html( $first ));
				}
					$before_item = '<option value="%%id%%">';
					$after_item = '</option>';
				$after = '</select>';
				break;
			case 'single':
				$before = '<input name="ctctcf7_lists" type="hidden" value="" /><label for="ctctcf7_lists"><input type="checkbox" id="ctctcf7_lists" value="signup" name="ctctcf7_lists" %%checked%% /> ';
				$format = '<input type="hidden" value="%%id%%" name="%%name_attr%%[]" />';
				$before_item = $after_item = '';
				$after = $label.'</label>';
				break;
			case 'checkboxes':
				$before = '<ul class="ctct-lists ctct-checkboxes">';
					$before_item = '<li><label for="%%id_attr%%"><input type="checkbox" id="%%id_attr%%" value="%%id%%" name="%%name_attr%%[]" %%checked%% /> ';
					$after_item = '</label></li>';
				$after = '</ul>';
				break;
		}

		$output = $before;

		$items_output = '';
		foreach($lists as $list_id => $list_name) {

			$item_content = (!is_null($format)) ? $format : $list_name;

			$item_output = $before_item.$item_content.$after_item."\n";

			// Make sure this is before %%name%%
			$item_output = str_replace('%%name_attr%%', $name_attr, $item_output);
			$item_output = str_replace('%%name%%',	$list_name, $item_output);

			// Make sure this is before %%id%%
			$item_output = str_replace('%%id_attr%%', $id_attr, $item_output);
			$item_output = str_replace('%%id%%', $list_id, $item_output);

			$items_output .= $item_output;
		}

		$output .= $items_output;

		$output .= $after;

		$output = str_replace('%%name_attr%%', $name_attr, $output);
		$output = str_replace('%%checked%%', checked(!empty($checked), true, false), $output);

		return $output;
	}

	/**
	 * Create the Constant Contact Lists tag in the form dropdown menu
	 */
	function init_tag_generator() {
		if ( ! function_exists( 'wpcf7_add_tag_generator' ) )
			return;

		wpcf7_add_tag_generator( 'ctct', __( '<img src="'.plugins_url('favicon.png',__FILE__).'" width="16" height="16" alt="" /> Constant Contact Lists', 'ctctcf7' ),
			'wpcf7-tg-pane-ctct', array(&$this, 'tag_generator' ));
	}

	function init_tag_script() {
		?>
		<script>
		jQuery(document).ready(function($) {

			/**
			 * When the form code changes, generate a drop-down list of possible merge tags.
			 */
			$('#wpcf7-form').on('change', function(event) {
				var data = {
					'action' : 'ctctcf7_generate_dropdowns',
					'dataType': 'json',
					'ctctcf7_generate_dropdowns' : "<?php echo wp_create_nonce("ctctcf7_generate_dropdowns") ?>",
					'data' : $(this).val()
				};

				var jqxhr = $.post("<?php echo admin_url("admin-ajax.php")?>", data, function(response) {

					// Build the dropdown
					var dropdown = CTCTCF7_Build_Dropdown(response);

					// Replace text with dropdown
					$('.ctct-fields *[name*="wpcf7-ctct"]').each(function() {
						var $that = $(this);
						var value = $that.val();

						// Clone and modify the dropdown for each merge field
						var theclone = dropdown
							.clone()
							.attr('id', $that.attr('id'))
							.attr('class', $that.attr('class'))
							.attr('name', $that.attr('name'))

							// Set the value to the value of the input.
							// We remove [] so that it's always the same, regardless
							// of how it was saved.
							.val(value.replace('[', '').replace(']', ''));

						// Replace the existing input with the new one
						$that.replaceWith(theclone);
					});

				})
				.fail(function(response) {
					if (typeof console == "object") {
						console.log("Error while generating shortcode dropdowns.", response);
					}
				});

			}).trigger('change');

			/**
			 * Build a <select> dropdown based on the AJAX response
			 * @param {jQuery Object} response Select dropdown
			 */
			function CTCTCF7_Build_Dropdown(response) {
				$select = $('<select />');
				for (var key in response) {
					$('<option value="'+key+'">'+response[key]+'</option>').appendTo($select);
				}
				return $select;
			}

			/**
			 * Clear the error on changing a <select> element with an error
			 */
			$(document).on('change', '.half-left select, .half-right select', function() {
				if($(this).val() !== '') {
					$(this).parents('.half-right,.half-left').removeClass('error');
				}
			});

			$(document).on('submit', '#wpcf7-admin-form-element', function() {
				// If the integration is enabled
				if($('#wpcf7-ctct-active').is(':checked')) {
					if($('#wpcf7-ctct-email_address').val() === '') {
						alert('You have not provided a field to use as the email address. This is required for the Constant Contact integration.');
						$('#wpcf7-ctct-email_address').focus().parents('.half-left,.half-right').addClass('error');
						return false;
					}
				}
			});

			/**
			 * When the subscribe type is changed
			 */
			$(document).on('ctct_change_type', function(event) {

				// The subscribe type has to be hacked. In CF7 code,
				// they don't want radio buttons specifying the type
				// so we have to have a hidden input that holds the type
				var type = $('input[name="subscribe_type_radio"]:checked').val();
				$('input[name=type]').val(type);

				// Only show the lists and tag code if there's a type selected.
				$('.ctctcf7_subscribe_list, #ctctcf7-tg-tags').show();

				// If the lists haven't been chosen yet, hide the tag code
				// and show the instructions message
				var checked_lists = $('.ctctcf7_subscribe_list input').serialize();
				if(checked_lists === '') {
					$('#ctctcf7-tg-tags div').hide();
					$('#ctctcf7-tg-tags h4').show();
				} else {
					$('#ctctcf7-tg-tags div').show();
					$('#ctctcf7-tg-tags h4').hide();
				}


				// When hiding the values not in use,
				// set default values for all inputs with the current value
				// and then reset the value (to clear the shortcode generation)
				$('*[class*=subscribe_type]').hide(0, function() {
					$('input', $(this)).each(function() {
						value = $(this).val();
						if(value !== '') {
							$(this).attr('data-default', value);
						}
						$(this).val('').trigger('change');
					});
				});

				// When showing the values in use,
				// Get and set default values for all inputs
				$('.subscribe_type_'+type).show(0, function() {
					// Get and set default values for all inputs
					$('input,select', $(this)).each(function() {
						if($(this).val() === '') {
							var dataDefault = $(this).attr('data-default');
							if(dataDefault) {
								$(this).val(dataDefault).trigger('change');
							}
						}
					});
				});
			});
			// End change subscribe type

			// Spaces = different values in CF7, so we URL encode the labels
			//  to allow for passing more data than the poor labels are designed for.
			$(document).on('ctct_change_type change keyup', '.urlencode:visible', function() {
				$($(this).attr('data-target')).val(ctctcf7_url_encode($(this).val())).trigger('change');
			});

			// When lists are changed, show/hide the tag field
			$(document).on('change', '.ctctcf7_subscribe_list', function() {
				$(document).trigger('ctct_change_type');
			});


			/**
			 * Url Encoding of a string
			 *
			 * Remove whitespace from tag string to prevent errors with CF7.
			 *
			 * @param  {string} str Text to URL encode
			 * @return {string}     URL encoded text (in PHP format, with mods)
			 */
			function ctctcf7_url_encode(str) {
				return encodeURIComponent(str).replace(/'/g, '%27').replace(/\(/g, '%28').
				  replace(/\)/g, '%29').replace(/%20/g, '+');
			}
		});
		</script>
	<?php
	}
	function tag_generator() {
		if(!self::validateApi()) {
		?>
		<div id="wpcf7-tg-pane-ctct" class="hidden">
			<form action="">
				<div class="error inline"><p><?php _e(sprintf('The plugin\'s Constant Contact settings are not configured properly. <a href="%s">Go configure them now.', admin_url('admin.php?page=ctct_cf7')), 'ctctcf7'); ?></a></p></div>
			</form>
		</div>
		<?php
			return;
		} ?>
		<div id="wpcf7-tg-pane-ctct" class="hidden">
			<form action="">
				<style>
				.js .postbox .tg-pane h3 {
					cursor: default;
				}
				.ctctcf7_subscribe_list ul {
					-webkit-columns:15em;
					-moz-columns:15em;
					columns:15em;
					max-height:200px;
					overflow:auto;
				}
				</style>

				<p class="error"><?php _e('After adding this Tag to the form, you will need to define the Integration Fields in the "Constant Contact" box lower on the page.', "wpcf7" ); ?></p>
				<div>
					<input type="hidden" name="name" class="tg-name" value="" />
					<input class="option" name="type" type="hidden" />
				</div>
				<h3><?php _e('How should users subscribe?', 'ctctcf7'); ?></h3>
				<ul>
					<li><label for="subscribe_type_hidden"><input id="subscribe_type_hidden" type="radio" value="hidden" name="subscribe_type_radio" class="option" onchange="jQuery(document).trigger('ctct_change_type');" /> <?php _e('Hidden (subscribe without asking)', 'ctctcf7'); ?></label></li>
					<li><label for="subscribe_type_single"><input id="subscribe_type_single" type="radio" value="single" name="subscribe_type_radio" class="option" onchange="jQuery(document).trigger('ctct_change_type');" /> <?php _e('Opt-in checkbox', 'ctctcf7'); ?></label></li>
					<li><label for="subscribe_type_dropdown"><input id="subscribe_type_dropdown" type="radio" value="dropdown" name="subscribe_type_radio" class="option" onchange="jQuery(document).trigger('ctct_change_type');" /> <?php _e('Drop-down select lists', 'ctctcf7'); ?></label></li>
					<li><label for="subscribe_type_checkboxes"><input id="subscribe_type_checkboxes" type="radio" value="checkboxes" name="subscribe_type_radio" class="option" onchange="jQuery(document).trigger('ctct_change_type');" /> <?php _e('Checkboxes select lists', 'ctctcf7'); ?></label></li>
				</ul>

				<div class="subscribe_type_hidden" style="display:none;">
					<h3><?php _e('Sign users up for the following lists:', 'ctctcf7'); ?></h3>
				</div>

				<div class="subscribe_type_checkboxes" style="display:none;">
					<h3><?php _e('Allow users to pick from the following lists:', 'ctctcf7'); ?></h3>
				</div>

				<div class="subscribe_type_single" style="display:none;">
					<h3><label for="ctctcf7_single_checkbox_label_editor"><?php _e('Label for the opt-in checkbox', 'ctctcf7'); ?></label></h3>
						<p><input type="text" data-default="<?php _e('Sign me up for your newsletter', 'ctctcf7'); ?>" id="ctctcf7_single_checkbox_label_editor" value="" class="widefat urlencode" data-target="#ctctcf7_single_checkbox_label" /></p>
						<input class="option" id="ctctcf7_single_checkbox_label" name="label" type="hidden" />
						<h3><?php _e('When users opt-in, sign them up for the following lists:', 'ctctcf7'); ?></h3>
				</div>

				<div class="subscribe_type_dropdown" style="display:none;">
					<h3><label for=""><?php _e('First option in the dropdown', 'ctctcf7'); ?></label></h3>
					<p><input type="text" data-default="<?php _e('Select a newsletter', 'ctctcf7'); ?>" id="" value="" class="widefat urlencode" data-target="#ctctcf7_dropdown_first_option" /></p>
					<input class="option" id="ctctcf7_dropdown_first_option" name="first" type="hidden" />
					<h3><?php _e('Include the following lists in the dropdown:', 'ctctcf7'); ?></h3>
				</div>

				<div class="ctctcf7_subscribe_list" style="display:none;">
					<ul class="clear">
					<?php
					$lists = CTCT_SuperClass::getAvailableLists();

					foreach($lists as $list) {
						echo '
						<li>
							<label for="wpcf7-ctct-list-'.$list['id'].'">
								<input type="checkbox" class="option" name="\''.str_replace("'", '&amp;#39;', $list['name']).'::#'.$list['id'].'\'" id="wpcf7-ctct-list-'.$list['id'].'" value="'.$list['link'].'" '.@checked((is_array($list) && in_array($list['link'], (array)$cf7_ctct['lists'])), true, false).' />
							'.$list['name'].'
							</label>
						</li>';
					}
					?>
					</ul>
					<p class="alignright"><a href="<?php echo add_query_arg(array('cache' => rand(1,20000))); ?>"><?php _e('Refresh Lists', 'ctctcf7'); ?></a></p>
					<div class="clear"></div>
				</div>
				<div id="ctctcf7-tg-tags" style="display:none;">
					<h4 class="description"><?php _e('Select list(s) above to generate the form code.', 'ctctcf7'); ?></h4>
					<div class="tg-tag"><?php echo __( "Copy this code and paste it into the form on the left. There should only be one of these tags per form.", 'ctctcf7' ); ?><br /><input type="text" name="ctct" class="tag" readonly="readonly" onfocus="this.select()" /></div>

					<div class="tg-mail-tag"><?php echo esc_html( __( "And, put this code into the Mail fields below.", 'ctctcf7' ) ); ?><br /><span class="arrow">&#11015;</span>&nbsp;<input type="text" class="mail-tag" readonly="readonly" onfocus="this.select()" /></div>
				</div>
			</form>
		</div>
		<?php
	}

}

$CTCTCF7_Shortcode = new CTCTCF7_Shortcode;