<# if( data.field_information.type === "repeater_order" ) { #> {{{ PaymentPage.settings.svg_icon_map.element_order }}} <# } else if( data.field_information.type === "raw_html" ) { #> {{{ data.field_information.html }}} <# } else if( payment_page_in_array(data.field_information.type, [ "text", "number", "link", "url", "color" ] ) ) { #> type="text" <# } else if( data.field_information.type === "number" ) { #> type="number" <# } else if( data.field_information.type === "link" || data.field_information.type === "url" ) { #> type="url" <# } else if( data.field_information.type === "color" ) { #> type="text" data-payment-page-library="colorpicker" <# } #> value="{{ _current_value !== null ? _current_value : '' }}" placeholder="{{ typeof data.field_information.placeholder !== 'undefined' ? data.field_information.placeholder : '' }}" <# if( typeof data.field_information.admin_label !== 'undefined' && data.field_information.admin_label ) { #> data-payment-page-is-admin-label="1" <# } #> <# if( typeof data.field_information.readonly !== 'undefined' && data.field_information.readonly ) { #> readonly="readonly" <# } #> <# if( typeof data.field_information.disabled !== 'undefined' && data.field_information.disabled === "disabled" ) { #> disabled="disabled" <# } #> <# if( typeof data.field_information.attributes !== "undefined" ) { #> <# _.each( data.field_information.attributes, function( attribute_value, attribute_name ) { #> {{ attribute_name }}="{{ typeof attribute_value === "object" ? _.escape(JSON.stringify( attribute_value )) : attribute_value }}" <# }) #> <# } #> /> <# } else if( payment_page_in_array(data.field_information.type, [ "css_style_border_color", "css_style_background_color" ] ) ) { #> <# _.each( data.field_information.attributes, function( attribute_value, attribute_name ) { #> {{ attribute_name }}="{{ typeof attribute_value === "object" ? _.escape(JSON.stringify( attribute_value )) : attribute_value }}" <# }) #> <# } #> /> <# } else if( data.field_information.type === "true_false" ) { #> disabled="disabled" <# } #> <# if( typeof data.field_information.attributes !== "undefined" ) { #> <# _.each( data.field_information.attributes, function( attribute_value, attribute_name ) { #> {{ attribute_name }}="{{ typeof attribute_value === "object" ? _.escape(JSON.stringify( attribute_value )) : attribute_value }}" <# }) #> <# } #> > <# } else if( data.field_information.type === "toggle" ) { #> disabled="disabled" <# } #> <# if( typeof data.field_information.attributes !== "undefined" ) { #> <# _.each( data.field_information.attributes, function( attribute_value, attribute_name ) { #> {{ attribute_name }}="{{ typeof attribute_value === "object" ? _.escape(JSON.stringify( attribute_value )) : attribute_value }}" <# }) #> <# } #> > <# } else if( data.field_information.type === "css_style_unit" ) { #> <# if( !( _current_value instanceof Object ) ) { _current_value = { unit : "", size : "" }; } let _size_units = ( typeof data.field_information.size_units !== 'undefined' && data.field_information.size_units instanceof Array ? data.field_information.size_units : [ 'px', '%', 'em' ] ); #> <# _.each( _size_units, function( unit ) { #> {{ unit }} <# }) #> <# } else if( data.field_information.type === "css_style_unit_dimensions" ) { #> <# if( !( _current_value instanceof Object ) ) { _current_value = { unit : "", size_1 : "", size_2 : "", size_3 : "", size_4 : "" }; } let _size_units = ( typeof data.field_information.size_units !== 'undefined' && data.field_information.size_units instanceof Array ? data.field_information.size_units : [ 'px', '%', 'em' ] ); #>

• Top
• Right
• Bottom
• Left

<# _.each( _size_units, function( unit ) { #> {{ unit }} <# }) #> <# } else if( data.field_information.type === "message_builder" ) { #> <# if( !( _current_value instanceof Object ) ) { _current_value = { token_map : {}, token_order : [] }; } if( typeof _current_value.token_order === 'undefined' ) { _current_value = { token_map : {}, token_order : [] }; } #>

<# _.each( data.field_information.pieces, function( current_piece_field_information ) { #> <# current_piece_field_information.default = ( typeof _current_value.token_map[ current_piece_field_information.name ] !== 'undefined' ? _current_value.token_map[ current_piece_field_information.name ] : null ); #> <# var args = { field_information : current_piece_field_information, field_input_name : data.field_input_name + "[token_map][" + current_piece_field_information.name + "]", _has_label : 1 }; #>
• {{ current_piece_field_information.label }} {{{ PaymentPage.Template.get( "form", "template/field.html", args ) }}}
<# }) #>

{{ ( _current_value.token_order instanceof Array ? _current_value.token_order.join(',') : _current_value.token_order ) }}

Drag to reorder

<# } else if( data.field_information.type === "textarea" ) { #> {{{ _current_value !== null ? _current_value : '' }}} <# } else if( data.field_information.type === "editor" ) { #> <# } else if( data.field_information.type === "multiple_select" ) { #> <# let _selected = ( _current_value !== null && _current_value instanceof Array ? _current_value : [] ); #> <# _.each( data.field_information.attributes, function( attribute_value, attribute_name ) { #> {{ attribute_name }}="{{ typeof attribute_value === "object" ? _.escape(JSON.stringify( attribute_value )) : attribute_value }}" <# }) #> <# } #>> <# _.each( data.field_information.options, function( option_label, option_key ) { #> {{ option_label }} <# }) #> <# } else if( data.field_information.type === "select" ) { #> <# _.each( data.field_information.attributes, function( attribute_value, attribute_name ) { #> {{ attribute_name }}="{{{ ( typeof attribute_value === "object" ? _.escape( JSON.stringify( attribute_value ) ) : _.escape( attribute_value ) ) }}}" <# }) #> <# } #> > <# _.each( data.field_information.options, function( option_label, option_key ) { #> <# if( typeof option_label === "object" ) { #> <# _.each( option_label.attributes, function( attribute_value, attribute_name ) { #> {{ attribute_name }}="{{ typeof attribute_value === "object" ? _.escape(JSON.stringify( attribute_value )) : attribute_value }}" <# }) #> <# } #> > {{ option_label.label }} <# } else { #> {{ option_label }} <# } #> <# }) #> <# } else if( data.field_information.type === "attachment_image" ) { #> <# } else if( data.field_information.type === "post_id" || data.field_information.type === "post_ids" ) { #> data-value="{{ _current_value instanceof Array ? _current_value.join( "," ) : _current_value }}" <# } else { #> data-value="" <# } #> data-payment-page-library="select2" data-payment-page-library-args="{{{ _.escape( JSON.stringify( { "mode" : "post_id", "post_type" : data.field_information.post_type } ) ) }}}"> <# } else if( data.field_information.type === "form_fields_map" ) { #> <# } else if( data.field_information.type === "repeater" ) { #> <# var _layout = ( typeof data.field_information.layout !== 'undefined' ? data.field_information.layout : 'default' ); #> <# var allow_add = ( typeof data.field_information.allow_add !== 'undefined' ? data.field_information.allow_add : 1 ); #> <# var allow_delete = ( typeof data.field_information.allow_delete !== 'undefined' ? data.field_information.allow_delete : 1 ); #> <# } else { #>

This field type is not currently integrated : {{ data.field_information.type }}

<# } #>