Sid Gifari File Manager

📝 Editing: create-contact.php

<?php
/**
 * Template for Create contact.
 *
 * @package Forminator
 */

// defaults.
$vars = array(
	'error_message' => '',
	'name'          => '',
	'name_error'    => '',
	'multi_id'      => '',
	'fields'        => array(),
	'form_fields'   => array(),
	'email_fields'  => array(),
	'lists'         => array(),
	'properties'    => array(),
);

/**
 * Template variables.
 *
 * @var array $template_vars
 * */
foreach ( $template_vars as $key => $val ) {
	$vars[ $key ] = $val;
}

$custom_field_map = isset( $vars['custom_fields_map'] ) ? array_filter( $vars['custom_fields_map'] ) : array();
?>

<?php if ( ! empty( $vars['error_message'] ) ) : ?>
		<?php
			// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Output is already escaped.
			echo Forminator_Admin::get_red_notice( esc_html( $vars['error_message'] ) );
		?>
	<?php endif; ?>

</div>

<?php
			// Select a list.
			if ( ! empty( $vars['lists'] ) ) {
				?>

<?php
				foreach ( $vars['lists'] as $list_id => $list_name ) :
					?>
					<option value="<?php echo esc_attr( $list_id ); ?>" <?php selected( $vars['list_id'], $list_id ); ?>><?php echo esc_html( $list_name ); ?></option>
					<?php
				endforeach;
				?>

<?php } ?>

</select>

</div>

<thead>

</thead>

<tbody>

<?php
			if ( ! empty( $vars['fields'] ) ) :

foreach ( $vars['fields'] as $key => $field_title ) :
					?>

<tr>

<td>
							<?php
							$forminator_fields = $vars['form_fields'];
							if ( 'email' === $key ) {
								$forminator_fields = $vars['email_fields'];
							}
							$current_error    = '';
							$current_selected = '';
							if ( isset( $vars[ $key . '_error' ] ) && ! empty( $vars[ $key . '_error' ] ) ) {
								$current_error = $vars[ $key . '_error' ];
							}
							if ( isset( $vars['fields_map'][ $key ] ) && ! empty( $vars['fields_map'][ $key ] ) ) {
								$current_selected = $vars['fields_map'][ $key ];
							}
							?>
							<div class="sui-form-field <?php echo esc_attr( ! empty( $current_error ) ? 'sui-form-field-error' : '' ); ?>"<?php echo ( ! empty( $current_error ) ) ? ' style="padding-top: 5px;"' : ''; ?>>
								<select name="fields_map[<?php echo esc_attr( $key ); ?>]" class="sui-select sui-select-sm">
									<option value=""><?php esc_html_e( 'None', 'forminator' ); ?></option>
									<?php
									if ( ! empty( $forminator_fields ) ) :
										foreach ( $forminator_fields as $forminator_field ) :
											?>
											<option value="<?php echo esc_attr( $forminator_field['element_id'] ); ?>"
												<?php selected( $current_selected, $forminator_field['element_id'] ); ?>>
												<?php echo esc_html( wp_strip_all_tags( $forminator_field['field_label'] ) . ' | ' . $forminator_field['element_id'] ); ?>
											</option>
											<?php
										endforeach;
									endif;
									?>
								</select>
								<?php if ( ! empty( $current_error ) ) : ?>
									<span class="sui-error-message"
											style="margin-top: 5px; margin-bottom: 5px;"><?php echo esc_html( $current_error ); ?></span>
								<?php endif; ?>
							</div>
						</td>
					</tr>
					<?php
				endforeach;
			endif;
			if ( ! empty( $custom_field_map ) ) {
				foreach ( $custom_field_map as $custom => $custom_field ) {
					?>
					<tr class="custom-field" id="custom-field">
						<td>
							<div class="sui-form-field">
								<select name=custom_property[]" data-search="true" class="sui-select sui-select-sm">
									<option value=""><?php esc_html_e( 'None', 'forminator' ); ?></option>
									<?php
									if ( ! empty( $vars['properties'] ) ) {
										foreach ( $vars['properties'] as $p => $prop ) {
											?>
											<option value="<?php echo esc_html( $p ); ?>" <?php selected( $custom, $p ); ?>><?php echo esc_html( $prop ); ?></option>
											<?php
										}
									}
									?>
								</select>
							</div>
						</td>
						<td>
							<div class="fui-select-with-delete">

</div>
						</td>
					</tr>
					<?php
				}
			} else {
				?>
				<tr class="custom-field" id="custom-field" style="display: none;">
					<td>
						<div class="sui-form-field">
							<select name="custom_property[]" class="sui-select sui-select-sm" data-search="true">
								<option value=""><?php esc_html_e( 'None', 'forminator' ); ?></option>
								<?php
								if ( ! empty( $vars['properties'] ) ) {
									foreach ( $vars['properties'] as $p => $prop ) {
										?>
										<option value="<?php echo esc_html( $p ); ?>"><?php echo esc_html( $prop ); ?></option>
										<?php
									}
								}
								?>
							</select>
						</div>
					</td>
					<td>

</div>

</td>
				</tr>
			<?php } ?>
			<tr class="add-additional-field">
				<td>
					<div class="sui-button sui-button-ghost add-hubspot-field">
						<i class="sui-icon-plus" aria-hidden="true"></i>
						<?php esc_html_e( 'Add Additional field', 'forminator' ); ?>
					</div>
				</td>
				<td></td>
			</tr>

</tbody>

</table>
	</div>

</form>

var clone_field = custom_field.clone();
					$('.add-additional-field').before( clone_field );
					clone_field.find('.select2').remove();
					clone_field.find('select.sui-select').val('').removeAttr('selected');

clone_field.find( '.sui-select' ).SUIselect2({
						dropdownCssClass: 'sui-variables-dropdown sui-color-accessible'
					});
					custom_field.find( 'select.sui-select' ).SUIselect2({
						dropdownCssClass: 'sui-variables-dropdown sui-color-accessible'
					});

$( '.custom-field' ).each( function() {
						$select = $( this ).find( '.sui-select' );
						SUI.select.init( $select );
					});
				}
			});
			$(document).on("click",".delete-hubspot-field",function(e){
				e.preventDefault();
				if( $('.custom-field:visible').length < 2 ) {
					$(this).closest('.custom-field').find('select.sui-select').val('');
					$(this).closest('.custom-field').hide();
				} else {
					$(this).closest('.custom-field').remove();
				}
			});
		});
	})(jQuery);
</script>