| Current Path : /home/ereika83/www/wp-content/plugins/bb-plugin/modules/pricing-table/fields/ |
| Current File : /home/ereika83/www/wp-content/plugins/bb-plugin/modules/pricing-table/fields/fl-price-feature.php |
<#
var names = data.names;
if ( ! names ) {
if ( data.isMultiple ) {
names = {
description: data.name + '[' + data.index + '][description]',
icon: data.name + '[' + data.index + '][icon]',
icon_color: data.name + '[' + data.index + '][icon_color]',
tooltip: data.name + '[' + data.index + '][tooltip]',
};
} else {
names = {
description: data.name + '[][description]',
icon: data.name + '[][icon]',
icon_color: data.name + '[][icon_color]',
tooltip: data.name + '[][tooltip]',
};
}
}
var description_placeholder = '';
if ( data.field.description_placeholder ) {
description_placeholder = data.field.description_placeholder;
}
var tooltip_placeholder = '';
if ( data.field.tooltip_placeholder ) {
tooltip_placeholder = data.field.tooltip_placeholder;
}
var featureIcon = wp.template( 'fl-builder-field-icon')({
name: names.icon,
value: ( ( 'undefined' != typeof data.value.icon ) ? data.value.icon : '' ),
field: {
show_remove: true,
},
});
var featureIconColor = wp.template( 'fl-builder-field-color' )({
name: names.icon_color,
value: ( ( 'undefined' != typeof data.value.icon_color ) ? data.value.icon_color : '' ),
field: {
className: 'fl-pricing-table-feature-icon-color',
show_reset: true,
show_alpha: true,
},
deferRendering: true,
});
#>
<div class="fl-price-feature-field">
<div class="fl-price-feature-row fl-price-feature-description-row">
<div class="fl-price-feature-description-wrapper">
<label for="{{names.description}}"><?php _e( 'Description', 'fl-builder' ); ?></label>
<input type="text" name="{{names.description}}" id="{{names.description}}" class="text fl-price-feature-field-input" value="{{data.value.description}}" placeholder="{{description_placeholder}}" />
</div>
</div>
<div class="fl-price-feature-row fl-price-feature-icon-row">
<div class="fl-price-feature-icon-wrapper">
<label class="fl-price-feature-field-icon-label"><?php _e( 'Feature Icon', 'fl-builder' ); ?></label>
{{{featureIcon}}}
</div>
<div class="fl-price-feature-icon-color-wrapper">
<label class="fl-price-feature-field-icon-color-label"><?php _e( 'Feature Icon Color', 'fl-builder' ); ?></label>
{{{featureIconColor}}}
</div>
</div>
<div class="fl-price-feature-row fl-price-feature-tooltip-row">
<div class="fl-price-feature-tooltip-wrapper">
<label for="{{names.tooltip}}"><?php _e( 'Tooltip', 'fl-builder' ); ?></label>
<input type="text" name="{{names.tooltip}}" class="text fl-price-feature-field-input" id="{{names.tooltip}}" value="{{data.value.tooltip}}" placeholder="{{tooltip_placeholder}}" />
</div>
</div>
<div class="fl-price-feature-row fl-price-feature-row-toggle">
<button class="fl-builder-button fl-builder-button-silent fl-builder-price-feature-toggle-button down" title="Slide Up/Down">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="30px" width="30px">
<path d="M5 6l5 5 5-5 2 1-7 7-7-7z"></path>
</svg>
</button>
</div>
</div>