acf-animate-parameters-v5.php

<?php

class acf_field_animate_parameters extends acf_field {
	
	
	/*
	*  __construct
	*
	*  This function will setup the field type data
	*
	*  @type	function
	*  @date	5/03/2014
	*  @since	5.0.0
	*
	*  @param	n/a
	*  @return	n/a
	*/
	
	function __construct() {
		
		/*
		*  name (string) Single word, no spaces. Underscores allowed
		*/
		
		$this->name = 'animate_parameters';
		
		
		/*
		*  label (string) Multiple words, can include spaces, visible when selecting a field type
		*/
		
		$this->label = __('Animate Parameters', 'acf-animate_parameters');
		
		
		/*
		*  category (string) basic | content | choice | relational | jquery | layout | CUSTOM GROUP NAME
		*/
		
		$this->category = 'basic';
		
		
		/*
		*  defaults (array) Array of default settings which are merged into the field object. These are used later in settings
		*/
		
		$this->defaults = array(
			'font_size'		=> 14,
			'effect_name'	=> '',
			'enable_effect'	=> 1,
			'select_animate_type'	=> 1,
			'select_animate_type_1'	=> 'none',
			'select_animate_type_2'	=> 'none',
			'select_animate_type_3'	=> 'none',
			'select_animate_type_4'	=> 'none',
			'animate_delay_time'	=> 10,
			'increase_delay'		=> 10,
			'list_values'			=> array(
										'none' => '-none-',
										'bounce' => 'bounce',
										'flash' => 'flash',
										'pulse' => 'pulse',
										'rubberBand' => 'rubberBand',
										'shake' => 'shake',
										'swing' => 'swing',
										'tada' => 'tada',
										'wobble' => 'wobble',
										'bounceIn' => 'bounceIn',
										'bounceInDown' => 'bounceInDown',
										'bounceInLeft' => 'bounceInLeft',
										'bounceInRight' => 'bounceInRight',
										'bounceInUp' => 'bounceInUp',
										'fadeIn' => 'fadeIn',
										'fadeInDown' => 'fadeInDown',
										'fadeInDownBig' => 'fadeInDownBig',
										'fadeInLeft' => 'fadeInLeft',
										'fadeInLeftBig' => 'fadeInLeftBig',
										'fadeInRight' => 'fadeInRight',
										'fadeInRightBig' => 'fadeInRightBig',
										'fadeInUp' => 'fadeInUp',
										'fadeInUpBig' => 'fadeInUpBig',
										'flip' => 'flip',
										'flipInX' => 'flipInX',
										'flipInY' => 'flipInY',
										'lightSpeedIn' => 'lightSpeedIn',
										'rotateIn' => 'rotateIn',
										'rotateInDownLeft' => 'rotateInDownLeft',
										'rotateInDownRight' => 'rotateInDownRight',
										'rotateInUpLeft' => 'rotateInUpLeft',
										'rotateInUpRight' => 'rotateInUpRight',
										'rollIn' => 'rollIn',
										'zoomIn' => 'zoomIn',
										'zoomInDown' => 'zoomInDown',
										'zoomInLeft' => 'zoomInLeft',
										'zoomInRight' => 'zoomInRight',
										'zoomInUp' => 'zoomInUp',
										'slideInDown' => 'slideInDown',
										'slideInLeft' => 'slideInLeft',
										'slideInRight' => 'slideInRight',
										'slideInUp' => 'slideInUp'
								),

		);
		
		
		/*
		*  l10n (array) Array of strings that are used in JavaScript. This allows JS strings to be translated in PHP and loaded via:
		*  var message = acf._e('animate_parameters', 'error');
		*/
		
		$this->l10n = array(
			'error'	=> __('Error! Please enter a higher value', 'acf-animate_parameters'),
		);
		
				
		// do not delete!
    	parent::__construct();
    	
	}
	
	
	/*
	*  render_field_settings()
	*
	*  Create extra settings for your field. These are visible when editing a field
	*
	*  @type	action
	*  @since	3.6
	*  @date	23/01/13
	*
	*  @param	$field (array) the $field being edited
	*  @return	n/a
	*/
	
	function render_field_settings( $field ) {
		
		/*
		*  acf_render_field_setting
		*
		*  This function will create a setting for your field. Simply pass the $field parameter and an array of field settings.
		*  The array of settings does not require a `value` or `prefix`; These settings are found from the $field array.
		*
		*  More than one setting can be added by copy/paste the above code.
		*  Please note that you must also have a matching $defaults value for the field name (font_size)
		*/
		

		acf_render_field_setting( $field, array(
			'label'			=> __('Enable Effect','acf-animate_parameters'),
			'instructions'	=> __('Customise the input font size','acf-animate_parameters'),
			'type'			=> 'radio',
			'name'			=> 'enable_effect',
			'layout'  		=>  'horizontal',
			'choices' =>  array(
                1 => __('Yes', 'acf-animate_parameters'),
                0 => __('No', 'acf-animate_parameters'),
            )
		));

		acf_render_field_setting( $field, array(
			'label'			=> __('Animate Type 1','acf-animate_parameters'),
			'instructions'	=> __('','acf-animate_parameters'),
			'type'			=> 'select',
			'ui'			=> 1,
			'name'			=> 'select_animate_type_1',
			'choices'		=> $field['list_values'],
		));

		acf_render_field_setting( $field, array(
			'label'			=> __('Animate Type 2','acf-animate_parameters'),
			'instructions'	=> __('','acf-animate_parameters'),
			'type'			=> 'select',
			'ui'			=> 1,
			'name'			=> 'select_animate_type_2',
			'choices'		=> $field['list_values'],
		));

		acf_render_field_setting( $field, array(
			'label'			=> __('Animate Type 3','acf-animate_parameters'),
			'instructions'	=> __('','acf-animate_parameters'),
			'type'			=> 'select',
			'ui'			=> 1,
			'name'			=> 'select_animate_type_3',
			'choices'		=> $field['list_values'],
		));

		acf_render_field_setting( $field, array(
			'label'			=> __('Animate Type 4','acf-animate_parameters'),
			'instructions'	=> __('','acf-animate_parameters'),
			'type'			=> 'select',
			'ui'			=> 1,
			'name'			=> 'select_animate_type_4',
			'choices'		=> $field['list_values'],
		));

		acf_render_field_setting( $field, array(
			'label'			=> __('Select Animate Type','acf-animate_parameters'),
			'instructions'	=> __('Select number of animate select type to show user.','acf-animate_parameters'),
			'type'			=> 'select',
			'ui'			=> 1,
			'name'			=> 'select_animate_type',
			'choices' =>  array(1=>1,
								2=>2,
								3=>3,
								4=>4,)
		));

		acf_render_field_setting( $field, array(
			'label'			=> __('Animate Start Delay Time','acf-animate_parameters'),
			'instructions'	=> __('','acf-animate_parameters'),
			'type'			=> 'number',
			'name'			=> 'animate_delay_time',
			'append'		=> 'ms'
		));

		acf_render_field_setting( $field, array(
			'label'			=> __('Increase Delay','acf-animate_parameters'),
			'instructions'	=> __('','acf-animate_parameters'),
			'type'			=> 'number',
			'name'			=> 'increase_delay',
			'append'		=> 'ms',
		));

	}
	
	
	
	/*
	*  render_field()
	*
	*  Create the HTML interface for your field
	*
	*  @param	$field (array) the $field being rendered
	*
	*  @type	action
	*  @since	3.6
	*  @date	23/01/13
	*
	*  @param	$field (array) the $field being edited
	*  @return	n/a
	*/
	
	function render_field( $field ) {
		
		  // add empty value (allows '' to be selected)
        if( empty($field['value']) ){

            $field['value']['enable_effect'] 		= $field['enable_effect'];
            $field['value']['select_animate_type_1'] 	= $field['select_animate_type_1'];
            $field['value']['select_animate_type_2'] 	= $field['select_animate_type_2'];
            $field['value']['select_animate_type_3'] 	= $field['select_animate_type_3'];
            $field['value']['select_animate_type_4'] 	= $field['select_animate_type_4'];
            $field['value']['animate_delay_time'] 	= $field['animate_delay_time'];
            $field['value']['increase_delay']       = $field['increase_delay'];
        }

        $field_value = $field['value'];
		/*
		*  Review the data of $field.
		*  This will show what data is available
		*/
		
		// echo '<pre>';
		// 	print_r( $field );
		// echo '</pre>';
		

			$e = '<div class="acf-label">';
			$e.= '<label class="" for="' . $field['key'] . '">' . __("Enable Effect", "acf-animate_parameters") . '</label>';
			$e.= '<div class="acf-input">';
			$e.=  '<ul class="acf-radio-list acf-hl"><li><label><input type="radio" name="' . $field['name'] . '[enable_effect]"'; if ($field_value['enable_effect']) { $e.= 'checked'; } $e.= ' value="1">' . __("Yes", "acf-animate_parameters") . '</label></li><li><label>';
			$e.=  '<input type="radio" name="' . $field['name'] . '[enable_effect]"'; if (!$field_value['enable_effect']) { $e.= 'checked'; } $e.= ' value="0">' . __("No", "acf-animate_parameters") . '</label></li></ul>';
			$e.= '</div></div>';

		for ($i=1; $i <= $field['select_animate_type'] ; $i++) { 

			$e.= '<div class="acf-label">';
			$e.= '<div class="acf-input-prepend">' . __("Animate #", "acf-animate_parameters") . $i . '</div>';
			$e.= '<div class="acf-input-wrap">';
			$e.= '<select name="' . $field['name'] . '[select_animate_type_'. $i . ']" class="js-select2">';
				foreach ( $field['list_values'] as $k => $v ) {
					$e.= '<option value="' . $k . '"' . selected($field_value['select_animate_type_' . $i], $k, false) . ' >' . $k . '</option>' ;
				}
			$e.= '</select>';	
			$e.= '</div></div>';
		}
			
			$e.= '<ul class="acf-hl">';
			$e.= '<li style="width:55%; padding-right:15px;"><div class="acf-input-prepend">' . __("Animate Start Delay Time", "acf-animate_parameters") . '</div><div class="acf-input-append">ms</div><div class="acf-input-wrap">';
			$e.= '<input type="number" name="' . $field['name'] . '[animate_delay_time]" id="' . $field['key'] . '-animate_delay_time"  step="1" value="' . $field_value['animate_delay_time'] . '"/>';
			$e.= '</div></li>';
			$e.= '<li style="float:none;"><div class="acf-input-prepend">' . __("Increase Delay", "acf-animate_parameters") . '</div><div class="acf-input-append">ms</div><div class="acf-input-wrap">';
			$e.= '<input type="number" name="' . $field['name'] . '[increase_delay]" id="' . $field['key'] . '-increase-delay"  step="1" value="' . $field_value['increase_delay'] . '"/>';
			$e.= '</div></li></ul>';
			
			echo $e;
	}
	
		
	/*
	*  input_admin_enqueue_scripts()
	*
	*  This action is called in the admin_enqueue_scripts action on the edit screen where your field is created.
	*  Use this action to add CSS + JavaScript to assist your render_field() action.
	*
	*  @type	action (admin_enqueue_scripts)
	*  @since	3.6
	*  @date	23/01/13
	*
	*  @param	n/a
	*  @return	n/a
	*/

	/*
	
	function input_admin_enqueue_scripts() {
		
		$dir = plugin_dir_url( __FILE__ );
		
		
		// register & include JS
		wp_register_script( 'acf-input-animate_parameters', "{$dir}js/input.js" );
		wp_enqueue_script('acf-input-animate_parameters');
		
		
		// register & include CSS
		wp_register_style( 'acf-input-animate_parameters', "{$dir}css/input.css" ); 
		wp_enqueue_style('acf-input-animate_parameters');
		
		
	}
	
	*/
	
	
	/*
	*  input_admin_head()
	*
	*  This action is called in the admin_head action on the edit screen where your field is created.
	*  Use this action to add CSS and JavaScript to assist your render_field() action.
	*
	*  @type	action (admin_head)
	*  @since	3.6
	*  @date	23/01/13
	*
	*  @param	n/a
	*  @return	n/a
	*/

	/*
		
	function input_admin_head() {
	
		
		
	}
	
	*/
	
	
	/*
   	*  input_form_data()
   	*
   	*  This function is called once on the 'input' page between the head and footer
   	*  There are 2 situations where ACF did not load during the 'acf/input_admin_enqueue_scripts' and 
   	*  'acf/input_admin_head' actions because ACF did not know it was going to be used. These situations are
   	*  seen on comments / user edit forms on the front end. This function will always be called, and includes
   	*  $args that related to the current screen such as $args['post_id']
   	*
   	*  @type	function
   	*  @date	6/03/2014
   	*  @since	5.0.0
   	*
   	*  @param	$args (array)
   	*  @return	n/a
   	*/
   	
   	/*
   	
   	function input_form_data( $args ) {
	   	
		
	
   	}
   	
   	*/
	
	
	/*
	*  input_admin_footer()
	*
	*  This action is called in the admin_footer action on the edit screen where your field is created.
	*  Use this action to add CSS and JavaScript to assist your render_field() action.
	*
	*  @type	action (admin_footer)
	*  @since	3.6
	*  @date	23/01/13
	*
	*  @param	n/a
	*  @return	n/a
	*/

	/*
		
	function input_admin_footer() {
	
		
		
	}
	
	*/
	
	
	/*
	*  field_group_admin_enqueue_scripts()
	*
	*  This action is called in the admin_enqueue_scripts action on the edit screen where your field is edited.
	*  Use this action to add CSS + JavaScript to assist your render_field_options() action.
	*
	*  @type	action (admin_enqueue_scripts)
	*  @since	3.6
	*  @date	23/01/13
	*
	*  @param	n/a
	*  @return	n/a
	*/

	/*
	
	function field_group_admin_enqueue_scripts() {
		
	}
	
	*/

	
	/*
	*  field_group_admin_head()
	*
	*  This action is called in the admin_head action on the edit screen where your field is edited.
	*  Use this action to add CSS and JavaScript to assist your render_field_options() action.
	*
	*  @type	action (admin_head)
	*  @since	3.6
	*  @date	23/01/13
	*
	*  @param	n/a
	*  @return	n/a
	*/

	/*
	
	function field_group_admin_head() {
	
	}
	
	*/


	/*
	*  load_value()
	*
	*  This filter is applied to the $value after it is loaded from the db
	*
	*  @type	filter
	*  @since	3.6
	*  @date	23/01/13
	*
	*  @param	$value (mixed) the value found in the database
	*  @param	$post_id (mixed) the $post_id from which the value was loaded
	*  @param	$field (array) the field array holding all the field options
	*  @return	$value
	*/
	
	/*
	
	function load_value( $value, $post_id, $field ) {
		
		return $value;
		
	}
	
	*/
	
	
	/*
	*  update_value()
	*
	*  This filter is applied to the $value before it is saved in the db
	*
	*  @type	filter
	*  @since	3.6
	*  @date	23/01/13
	*
	*  @param	$value (mixed) the value found in the database
	*  @param	$post_id (mixed) the $post_id from which the value was loaded
	*  @param	$field (array) the field array holding all the field options
	*  @return	$value
	*/
	
	/*
	
	function update_value( $value, $post_id, $field ) {
		
		return $value;
		
	}
	
	*/
	
	
	/*
	*  format_value()
	*
	*  This filter is appied to the $value after it is loaded from the db and before it is returned to the template
	*
	*  @type	filter
	*  @since	3.6
	*  @date	23/01/13
	*
	*  @param	$value (mixed) the value which was loaded from the database
	*  @param	$post_id (mixed) the $post_id from which the value was loaded
	*  @param	$field (array) the field array holding all the field options
	*
	*  @return	$value (mixed) the modified value
	*/
		
	/*
	
	function format_value( $value, $post_id, $field ) {
		
		// bail early if no value
		if( empty($value) ) {
		
			return $value;
			
		}
		
		
		// apply setting
		if( $field['font_size'] > 12 ) { 
			
			// format the value
			// $value = 'something';
		
		}
		
		
		// return
		return $value;
	}
	
	*/
	
	
	/*
	*  validate_value()
	*
	*  This filter is used to perform validation on the value prior to saving.
	*  All values are validated regardless of the field's required setting. This allows you to validate and return
	*  messages to the user if the value is not correct
	*
	*  @type	filter
	*  @date	11/02/2014
	*  @since	5.0.0
	*
	*  @param	$valid (boolean) validation status based on the value and the field's required setting
	*  @param	$value (mixed) the $_POST value
	*  @param	$field (array) the field array holding all the field options
	*  @param	$input (string) the corresponding input name for $_POST value
	*  @return	$valid
	*/
	
	/*
	
	function validate_value( $valid, $value, $field, $input ){
		
		// Basic usage
		if( $value < $field['custom_minimum_setting'] )
		{
			$valid = false;
		}
		
		
		// Advanced usage
		if( $value < $field['custom_minimum_setting'] )
		{
			$valid = __('The value is too little!','acf-animate_parameters'),
		}
		
		
		// return
		return $valid;
		
	}
	
	*/
	
	
	/*
	*  delete_value()
	*
	*  This action is fired after a value has been deleted from the db.
	*  Please note that saving a blank value is treated as an update, not a delete
	*
	*  @type	action
	*  @date	6/03/2014
	*  @since	5.0.0
	*
	*  @param	$post_id (mixed) the $post_id from which the value was deleted
	*  @param	$key (string) the $meta_key which the value was deleted
	*  @return	n/a
	*/
	
	/*
	
	function delete_value( $post_id, $key ) {
		
		
		
	}
	
	*/
	
	
	/*
	*  load_field()
	*
	*  This filter is applied to the $field after it is loaded from the database
	*
	*  @type	filter
	*  @date	23/01/2013
	*  @since	3.6.0	
	*
	*  @param	$field (array) the field array holding all the field options
	*  @return	$field
	*/
	
	/*
	
	function load_field( $field ) {
		
		return $field;
		
	}	
	
	*/
	
	
	/*
	*  update_field()
	*
	*  This filter is applied to the $field before it is saved to the database
	*
	*  @type	filter
	*  @date	23/01/2013
	*  @since	3.6.0
	*
	*  @param	$field (array) the field array holding all the field options
	*  @return	$field
	*/
	
	/*
	
	function update_field( $field ) {
		
		return $field;
		
	}	
	
	*/
	
	
	/*
	*  delete_field()
	*
	*  This action is fired after a field is deleted from the database
	*
	*  @type	action
	*  @date	11/02/2014
	*  @since	5.0.0
	*
	*  @param	$field (array) the field array holding all the field options
	*  @return	n/a
	*/
	
	/*
	
	function delete_field( $field ) {
		
		
		
	}	
	
	*/
	
	
}


// create field
new acf_field_animate_parameters();

?>