AUI_Component_Input::input()

Complexity

Conditions	91
Paths	1

Size

Total Lines	357
Code Lines	206

Duplication

Lines	0
Ratio	0 %

Importance

Changes

0

<?php
	public static function input( $args = array() ) {
		global $aui_bs5;

		$defaults = array(
			'type'                     => 'text',
			'name'                     => '',
			'class'                    => '',
			'wrap_class'               => '',
			'id'                       => '',
			'placeholder'              => '',
			'title'                    => '',
			'value'                    => '',
			'required'                 => false,
			'size'                     => '', // sm, lg, small, large
			'clear_icon'               => '', // true will show a clear icon, can't be used with input_group_right
			'with_hidden'              => false, // Append hidden field for single checkbox.
			'label'                    => '',
			'label_after'              => false,
			'label_class'              => '',
			'label_col'                => '2',
			'label_type'               => '', // top, horizontal, empty = hidden
			'label_force_left'         => false, // used to force checkbox label left when using horizontal
			// sets the label type, default: hidden. Options: hidden, top, horizontal, floating
			'help_text'                => '',
			'validation_text'          => '',
			'validation_pattern'       => '',
			'no_wrap'                  => false,
			'input_group_right'        => '',
			'input_group_left'         => '',
			'input_group_right_inside' => false,
			// forces the input group inside the input
			'input_group_left_inside'  => false,
			// forces the input group inside the input
			'form_group_class'         => '',
			'step'                     => '',
			'switch'                   => false,
			// to show checkbox as a switch
			'checked'                  => false,
			// set a checkbox or radio as selected
			'password_toggle'          => true,
			// toggle view/hide password
			'element_require'          => '',
			// [%element_id%] == "1"
			'extra_attributes'         => array(),
			// an array of extra attributes
			'wrap_attributes'          => array()
		);

		/**
		 * Parse incoming $args into an array and merge it with $defaults
		 */
		$args   = wp_parse_args( $args, $defaults );
		$output = '';
		if ( ! empty( $args['type'] ) ) {
			// hidden label option needs to be empty
			$args['label_type'] = $args['label_type'] == 'hidden' ? '' : $args['label_type'];

			$type = sanitize_html_class( $args['type'] );

			$help_text   = '';
			$label       = '';
			$label_after = $args['label_after'];
			$label_args  = array(
				'title'      => $args['label'],
				'for'        => $args['id'],
				'class'      => $args['label_class'] . " ",
				'label_type' => $args['label_type'],
				'label_col'  => $args['label_col']
			);

			// floating labels need label after
			if ( $args['label_type'] == 'floating' && $type != 'checkbox' ) {
				$label_after         = true;
				$args['placeholder'] = ' '; // set the placeholder not empty so the floating label works.
			}

			// size
			$size = '';
			if ( $args['size'] == 'lg' || $args['size'] == 'large' ) {
				$size = 'lg';
				$args['class'] .= ' form-control-lg';
			}elseif ( $args['size'] == 'sm' || $args['size'] == 'small' ) {
				$size = 'sm';
				$args['class'] .= ' form-control-sm';
			}

			// clear function
			$clear_function = 'jQuery(this).parent().parent().find(\'input\').val(\'\');';

			// Some special sauce for files
			if ( $type == 'file' ) {
				$label_after = true; // if type file we need the label after
				$args['class'] .= ' custom-file-input ';
			} elseif ( $type == 'checkbox' ) {
				$label_after = true; // if type file we need the label after
				$args['class'] .= $aui_bs5 ? ' form-check-input c-pointer ' : ' custom-control-input c-pointer ';
			} elseif ( $type == 'datepicker' || $type == 'timepicker' ) {
				$orig_type = $type;

The assignment to $orig_type is dead and can be removed.

				$type = 'text';
				$args['class'] .= ' bg-initial '; // @todo not sure why we have this?
				$clear_function .= "jQuery(this).parent().parent().find('input[name=\'" . esc_attr( $args['name'] ) . "\']').trigger('change');";

				$args['extra_attributes']['data-aui-init'] = 'flatpickr';

				// Disable native datetime inputs.
				$disable_mobile_attr = isset( $args['extra_attributes']['data-disable-mobile'] ) ? $args['extra_attributes']['data-disable-mobile'] : 'true';
				$disable_mobile_attr = apply_filters( 'aui_flatpickr_disable_disable_mobile_attr', $disable_mobile_attr, $args );

				$args['extra_attributes']['data-disable-mobile'] = $disable_mobile_attr;

				// set a way to clear field if empty
				if ( $args['input_group_right'] === '' && $args['clear_icon'] !== false ) {
					$args['input_group_right_inside'] = true;
					$args['clear_icon'] = true;
				}

				// enqueue the script
				$aui_settings = AyeCode_UI_Settings::instance();
				$aui_settings->enqueue_flatpickr();
			} else if ( $type == 'iconpicker' ) {
				$type = 'text';

				// Validate FA icon.
				$args['value'] = AUI_Component_Helper::sanitize_fa_icon( $args['value'], $args );

				$args['extra_attributes']['data-aui-init'] = 'iconpicker';
				$args['extra_attributes']['data-placement'] = 'bottomRight';

				$args['input_group_right'] = '<span class="input-group-addon input-group-text c-pointer"></span>';

				// Enqueue the script
				$aui_settings = AyeCode_UI_Settings::instance();
				$aui_settings->enqueue_iconpicker();
			}

			if ( $type == 'checkbox' && ( ( ! empty( $args['name'] ) && strpos( $args['name'], '[' ) === false ) || ! empty( $args['with_hidden'] ) ) ) {
				$output .= '<input type="hidden" name="' . esc_attr( $args['name'] ) . '" value="0" />';
			}

			// allow clear icon
			if ( $args['input_group_right'] === '' && $args['clear_icon'] ) {
				$font_size = $size == 'sm' ? '1.3' : ( $size == 'lg' ? '1.65' : '1.5' );
				$args['input_group_right_inside'] = true;
				$align_class = $aui_bs5 ? ' h-100 py-0' : '';
				$args['input_group_right'] = '<span class="input-group-text aui-clear-input c-pointer bg-initial border-0 px-2 d-none ' . $align_class . '" onclick="' . $clear_function . '"><span style="font-size: ' . $font_size . 'rem" aria-hidden="true" class="' . ( $aui_bs5 ? 'btn-close' : 'close' ) . '">' . ( $aui_bs5 ? '' : '&times;' ) . '</span></span>';
			}

			// open/type
			$output .= '<input type="' . $type . '" ';

			// name
			if ( ! empty( $args['name'] ) ) {
				$output .= ' name="' . esc_attr( $args['name'] ) . '" ';
			}

			// id
			if ( ! empty( $args['id'] ) ) {
				$output .= ' id="' . sanitize_html_class( $args['id'] ) . '" ';
			}

			// placeholder
			if ( isset( $args['placeholder'] ) && '' != $args['placeholder'] ) {
				$output .= ' placeholder="' . esc_attr( $args['placeholder'] ) . '" ';
			}

			// title
			if ( ! empty( $args['title'] ) ) {
				$output .= ' title="' . esc_attr( $args['title'] ) . '" ';
			}

			// value
			if ( ! empty( $args['value'] ) ) {
				$output .= AUI_Component_Helper::value( $args['value'] );
			}

			// checked, for radio and checkboxes
			if ( ( $type == 'checkbox' || $type == 'radio' ) && $args['checked'] ) {
				$output .= ' checked ';
			}

			// validation text
			if ( ! empty( $args['validation_text'] ) ) {
				$output .= ' oninvalid="setCustomValidity(\'' . esc_attr( addslashes( $args['validation_text'] ) ) . '\')" ';
				$output .= ' onchange="try{setCustomValidity(\'\')}catch(e){}" ';
			}

			// validation_pattern
			if ( ! empty( $args['validation_pattern'] ) ) {
				$output .= ' pattern="' . esc_attr( $args['validation_pattern'] ) . '" ';
			}

			// step (for numbers)
			if ( ! empty( $args['step'] ) ) {
				$output .= ' step="' . $args['step'] . '" ';
			}

			// required
			if ( ! empty( $args['required'] ) ) {
				$output .= ' required ';
			}

			// class
			$class = ! empty( $args['class'] ) ? AUI_Component_Helper::esc_classes( $args['class'] ) : '';
			$output .= $aui_bs5 &&  $type == 'checkbox' ? ' class="' . $class . '" ' : ' class="form-control ' . $class . '" ';

			// data-attributes
			$output .= AUI_Component_Helper::data_attributes( $args );

			// extra attributes
			if ( ! empty( $args['extra_attributes'] ) ) {
				$output .= AUI_Component_Helper::extra_attributes( $args['extra_attributes'] );
			}

			// close
			$output .= '>';

			// help text
			if ( ! empty( $args['help_text'] ) ) {
				$help_text = AUI_Component_Helper::help_text( $args['help_text'] );
			}

			// label
			if ( ! empty( $args['label'] ) ) {
				$label_base_class = '';
				if ( $type == 'file' ) {
					$label_base_class = ' custom-file-label';
				} elseif ( $type == 'checkbox' ) {
					if ( ! empty( $args['label_force_left'] ) ) {
						$label_args['title'] = wp_kses_post( $args['help_text'] );
						$help_text = '';
						//$label_args['class'] .= ' d-inline ';
						$args['wrap_class'] .= ' align-items-center ';
					}else{

					}

					$label_base_class = $aui_bs5 ? ' form-check-label' : ' custom-control-label';
				}
				$label_args['class'] .= $label_base_class;
				$temp_label_args = $label_args;
				if(! empty( $args['label_force_left'] )){$temp_label_args['class'] = $label_base_class." text-muted";}
				$label = self::label( $temp_label_args, $type );
			}




			// set help text in the correct position
			if ( $label_after ) {
				$output .= $label . $help_text;
			}

			// some input types need a separate wrap
			if ( $type == 'file' ) {
				$output = self::wrap( array(
					'content' => $output,
					'class'   => $aui_bs5 ? 'mb-3 custom-file' : 'form-group custom-file'
				) );
			} elseif ( $type == 'checkbox' ) {

				$label_args['title'] = $args['label'];
				$label_col = AUI_Component_Helper::get_column_class( $args['label_col'], 'label' );
				$label = !empty( $args['label_force_left'] ) ? self::label( $label_args, 'cb' ) : '<div class="' . $label_col . ' col-form-label"></div>';
				$switch_size_class = $args['switch'] && !is_bool( $args['switch'] ) ? ' custom-switch-'.esc_attr( $args['switch'] ) : '';
				if ( $aui_bs5 ) {
					$wrap_class = $args['switch'] ? 'form-check form-switch' . $switch_size_class : 'form-check';
				}else{
					$wrap_class = $args['switch'] ? 'custom-switch' . $switch_size_class :  'custom-checkbox' ;
				}
				if ( ! empty( $args['label_force_left'] ) ) {
					$wrap_class .= $aui_bs5 ? '' : ' d-flex align-content-center';
					$label = str_replace(array("form-check-label","custom-control-label"),"", self::label( $label_args, 'cb' ) );
				}
				$output     = self::wrap( array(
					'content' => $output,
					'class'   => $aui_bs5 ? $wrap_class : 'custom-control ' . $wrap_class
				) );

				if ( $args['label_type'] == 'horizontal' ) {
					$input_col = AUI_Component_Helper::get_column_class( $args['label_col'], 'input' );
					$output    = $label . '<div class="' . $input_col . '">' . $output . '</div>';
				}
			} elseif ( $type == 'password' && $args['password_toggle'] && ! $args['input_group_right'] ) {


				// allow password field to toggle view
				$args['input_group_right'] = '<span class="input-group-text c-pointer px-3" 
onclick="var $el = jQuery(this).find(\'i\');$el.toggleClass(\'fa-eye fa-eye-slash\');
var $eli = jQuery(this).parent().parent().find(\'input\');
if($el.hasClass(\'fa-eye\'))
{$eli.attr(\'type\',\'text\');}
else{$eli.attr(\'type\',\'password\');}"
><i class="far fa-fw fa-eye-slash"></i></span>';
			}

			// input group wraps
			if ( $args['input_group_left'] || $args['input_group_right'] ) {
				$w100 = strpos( $args['class'], 'w-100' ) !== false ? ' w-100' : '';
				$group_size = $size == 'lg' ? ' input-group-lg' : '';
				$group_size = !$group_size && $size == 'sm' ? ' input-group-sm' : $group_size;

				if ( $args['input_group_left'] ) {
					$output = self::wrap( array(
						'content'                 => $output,
						'class'                   => $args['input_group_left_inside'] ? 'input-group-inside position-relative' . $w100 . $group_size : 'input-group' . $group_size,
						'input_group_left'        => $args['input_group_left'],
						'input_group_left_inside' => $args['input_group_left_inside']
					) );
				}
				if ( $args['input_group_right'] ) {
					$output = self::wrap( array(
						'content'                  => $output,
						'class'                    => $args['input_group_right_inside'] ? 'input-group-inside position-relative' . $w100 . $group_size : 'input-group' . $group_size,
						'input_group_right'        => $args['input_group_right'],
						'input_group_right_inside' => $args['input_group_right_inside']
					) );
				}

			}

			if ( ! $label_after ) {
				$output .= $help_text;
			}


			if ( $args['label_type'] == 'horizontal' && $type != 'checkbox' ) {
				$output = self::wrap( array(
					'content' => $output,
					'class'   => AUI_Component_Helper::get_column_class( $args['label_col'], 'input' )
				) );
			}

			if ( ! $label_after ) {
				$output = $label . $output;
			}

			// wrap
			if ( ! $args['no_wrap'] ) {
				if ( ! empty( $args['form_group_class'] ) ) {
					$fg_class = esc_attr( $args['form_group_class'] );
				}else{
					$fg_class = $aui_bs5 ? 'mb-3' : 'form-group';
				}
				$form_group_class = $args['label_type'] == 'floating' && $type != 'checkbox' ? 'form-label-group' : $fg_class;
				$wrap_class       = $args['label_type'] == 'horizontal' ? $form_group_class . ' row' : $form_group_class;
				$wrap_class       = ! empty( $args['wrap_class'] ) ? $wrap_class . " " . $args['wrap_class'] : $wrap_class;
				$output           = self::wrap( array(
					'content'         => $output,
					'class'           => $wrap_class,
					'element_require' => $args['element_require'],
					'argument_id'     => $args['id'],
					'wrap_attributes' => $args['wrap_attributes'],
				) );
			}
		}

		return $output;
	}
}