File: //home/xuvi7odgswsg/www/wp-content/plugins/beaver-builder-lite-version/includes/column-settings.php
<?php
FLBuilder::register_settings_form('col', array(
'title' => __( 'Column', 'fl-builder' ),
'tabs' => array(
'style' => array(
'title' => __( 'Style', 'fl-builder' ),
'sections' => array(
'general' => array(
'title' => '',
'fields' => array(
'size' => array(
'type' => 'unit',
'label' => __( 'Width', 'fl-builder' ),
'default' => '',
'responsive' => true,
'slider' => true,
'units' => array(
'%',
),
'preview' => array(
'type' => 'refresh',
),
),
'min_height' => array(
'type' => 'unit',
'label' => __( 'Minimum Height', 'fl-builder' ),
'responsive' => true,
'units' => array(
'px',
'vh',
'vw',
),
'slider' => array(
'px' => array(
'min' => 0,
'max' => 1000,
'step' => 10,
),
),
'preview' => array(
'type' => 'css',
'selector' => '.fl-col-content',
'property' => 'min-height',
),
),
'equal_height' => array(
'type' => 'select',
'label' => __( 'Equalize Heights', 'fl-builder' ),
'help' => __( 'Setting this to yes will make all of the columns in this group the same height regardless of how much content is in each of them.', 'fl-builder' ),
'default' => 'no',
'options' => array(
'no' => __( 'No', 'fl-builder' ),
'yes' => __( 'Yes', 'fl-builder' ),
),
'toggle' => array(
'yes' => array(
'fields' => array( 'content_alignment' ),
),
),
'preview' => array(
'type' => 'none',
),
),
'aspect_ratio' => array(
'type' => 'text',
'label' => __( 'Aspect Ratio', 'fl-builder' ),
'default' => '',
'help' => 'Use the forward slash notation: width/height.',
'responsive' => true,
'sanitize' => 'FLBuilderUtils::sanitize_aspect_css',
'preview' => array(
'type' => 'css',
'selector' => '.fl-col-content',
'property' => 'aspect-ratio',
),
),
'content_alignment' => array(
'type' => 'select',
'label' => __( 'Vertical Alignment', 'fl-builder' ),
'default' => 'top',
'options' => array(
'top' => __( 'Top', 'fl-builder' ),
'center' => __( 'Center', 'fl-builder' ),
'bottom' => __( 'Bottom', 'fl-builder' ),
),
'preview' => array(
'type' => 'none',
),
),
),
),
'text' => array(
'title' => __( 'Text', 'fl-builder' ),
'fields' => array(
'text_color' => array(
'type' => 'color',
'connections' => array( 'color' ),
'label' => __( 'Color', 'fl-builder' ),
'show_reset' => true,
'show_alpha' => true,
'preview' => array(
'type' => 'none',
),
),
'link_color' => array(
'type' => 'color',
'connections' => array( 'color' ),
'label' => __( 'Link Color', 'fl-builder' ),
'show_reset' => true,
'show_alpha' => true,
'preview' => array(
'type' => 'css',
'selector' => '> .fl-col-content a',
'property' => 'color',
),
),
'hover_color' => array(
'type' => 'color',
'connections' => array( 'color' ),
'label' => __( 'Link Hover Color', 'fl-builder' ),
'show_reset' => true,
'show_alpha' => true,
'preview' => array(
'type' => 'none',
),
),
'heading_color' => array(
'type' => 'color',
'connections' => array( 'color' ),
'label' => __( 'Heading Color', 'fl-builder' ),
'show_reset' => true,
'show_alpha' => true,
'preview' => array(
'type' => 'none',
),
),
),
),
'background' => array(
'title' => __( 'Background', 'fl-builder' ),
'fields' => array(
'bg_type' => array(
'type' => 'select',
'label' => __( 'Type', 'fl-builder' ),
'default' => 'color',
'options' => array(
'none' => _x( 'None', 'Background type.', 'fl-builder' ),
'color' => _x( 'Color', 'Background type.', 'fl-builder' ),
'gradient' => _x( 'Gradient', 'Background type.', 'fl-builder' ),
'photo' => _x( 'Photo', 'Background type.', 'fl-builder' ),
'multiple' => _x( 'Multiple Backgrounds', 'Background type.', 'fl-builder' ),
),
'toggle' => array(
'color' => array(
'sections' => array( 'bg_color' ),
),
'gradient' => array(
'sections' => array( 'bg_gradient' ),
),
'photo' => array(
'sections' => array( 'bg_photo', 'bg_overlay', 'bg_color' ),
),
'multiple' => array(
'fields' => array( 'background' ),
),
),
'preview' => array(
'type' => 'none',
),
),
'background' => array(
'type' => 'background',
'label' => __( 'Background Layers', 'fl-builder' ),
'responsive' => [
'default' => [
'default' => [
[
'id' => 1,
'type' => 'color',
'state' => [
'color' => '',
],
],
],
],
],
'preview' => array(
'type' => 'css',
'auto' => true,
'property' => 'background',
'selector' => '> .fl-col-content',
'sub_value' => [
'setting_name' => 'css',
],
'enabled' => [
'bg_type' => 'multiple',
],
),
),
),
),
'bg_photo' => array(
'title' => __( 'Background Photo', 'fl-builder' ),
'fields' => array(
'bg_image' => array(
'type' => 'photo',
'show_remove' => true,
'label' => __( 'Photo', 'fl-builder' ),
'responsive' => true,
'connections' => array( 'photo' ),
'preview' => array(
'type' => 'css',
'selector' => '> .fl-col-content',
'property' => 'background-image',
),
),
'bg_repeat' => array(
'type' => 'select',
'label' => __( 'Repeat', 'fl-builder' ),
'default' => 'none',
'responsive' => true,
'options' => array(
'no-repeat' => _x( 'None', 'Background repeat.', 'fl-builder' ),
'repeat' => _x( 'Tile', 'Background repeat.', 'fl-builder' ),
'repeat-x' => _x( 'Horizontal', 'Background repeat.', 'fl-builder' ),
'repeat-y' => _x( 'Vertical', 'Background repeat.', 'fl-builder' ),
),
'preview' => array(
'type' => 'css',
'selector' => '> .fl-col-content',
'property' => 'background-repeat',
),
),
'bg_position' => array(
'type' => 'select',
'label' => __( 'Position', 'fl-builder' ),
'default' => 'center center',
'responsive' => true,
'options' => array(
'left top' => __( 'Left Top', 'fl-builder' ),
'left center' => __( 'Left Center', 'fl-builder' ),
'left bottom' => __( 'Left Bottom', 'fl-builder' ),
'right top' => __( 'Right Top', 'fl-builder' ),
'right center' => __( 'Right Center', 'fl-builder' ),
'right bottom' => __( 'Right Bottom', 'fl-builder' ),
'center top' => __( 'Center Top', 'fl-builder' ),
'center center' => __( 'Center', 'fl-builder' ),
'center bottom' => __( 'Center Bottom', 'fl-builder' ),
'custom_pos' => __( 'Custom Position', 'fl-builder' ),
),
'toggle' => array(
'custom_pos' => array(
'fields' => array(
'bg_x_position',
'bg_y_position',
),
),
),
'preview' => array(
'type' => 'css',
'selector' => '> .fl-col-content',
'property' => 'background-position',
),
),
'bg_x_position' => array(
'type' => 'unit',
'label' => __( 'X Position', 'fl-builder' ),
'units' => array( 'px', '%' ),
'default_unit' => '%',
'responsive' => true,
'slider' => array(
'min' => 0,
'max' => 1000,
'step' => 10,
),
'preview' => array(
'type' => 'css',
'selector' => '> .fl-col-content',
'property' => 'background-position-x',
),
),
'bg_y_position' => array(
'type' => 'unit',
'label' => __( 'Y Position', 'fl-builder' ),
'units' => array( 'px', '%' ),
'default_unit' => '%',
'responsive' => true,
'slider' => array(
'min' => 0,
'max' => 1000,
'step' => 10,
),
'preview' => array(
'type' => 'css',
'selector' => '> .fl-col-content',
'property' => 'background-position-y',
),
),
'bg_attachment' => array(
'type' => 'select',
'label' => __( 'Attachment', 'fl-builder' ),
'default' => 'scroll',
'responsive' => true,
'options' => array(
'scroll' => __( 'Scroll', 'fl-builder' ),
'fixed' => __( 'Fixed', 'fl-builder' ),
),
'preview' => array(
'type' => 'css',
'selector' => '> .fl-col-content',
'property' => 'background-attachment',
),
),
'bg_size' => array(
'type' => 'select',
'label' => __( 'Scale', 'fl-builder' ),
'default' => 'cover',
'responsive' => true,
'options' => array(
'auto' => _x( 'None', 'Background scale.', 'fl-builder' ),
'contain' => __( 'Fit', 'fl-builder' ),
'cover' => __( 'Fill', 'fl-builder' ),
),
'preview' => array(
'type' => 'css',
'selector' => '> .fl-col-content',
'property' => 'background-size',
),
),
),
),
'bg_overlay' => array(
'title' => __( 'Background Overlay', 'fl-builder' ),
'fields' => array(
'bg_overlay_type' => array(
'type' => 'select',
'label' => __( 'Overlay Type', 'fl-builder' ),
'default' => 'color',
'options' => array(
'none' => __( 'None', 'fl-builder' ),
'color' => __( 'Color', 'fl-builder' ),
'gradient' => __( 'Gradient', 'fl-builder' ),
),
'toggle' => array(
'color' => array(
'fields' => array( 'bg_overlay_color' ),
),
'gradient' => array(
'fields' => array( 'bg_overlay_gradient' ),
),
),
'preview' => array(
'type' => 'none',
),
),
'bg_overlay_color' => array(
'type' => 'color',
'label' => __( 'Overlay Color', 'fl-builder' ),
'show_reset' => true,
'show_alpha' => true,
'connections' => array( 'color' ),
'preview' => array(
'type' => 'none',
),
),
'bg_overlay_gradient' => array(
'type' => 'gradient',
'label' => __( 'Overlay Gradient', 'fl-builder' ),
'preview' => array(
'type' => 'css',
'selector' => '> .fl-col-content:after',
'property' => 'background-image',
),
),
),
),
'bg_color' => array(
'title' => __( 'Background Color', 'fl-builder' ),
'fields' => array(
'bg_color' => array(
'type' => 'color',
'connections' => array( 'color' ),
'label' => __( 'Color', 'fl-builder' ),
'show_reset' => true,
'show_alpha' => true,
'preview' => array(
'type' => 'none',
),
),
),
),
'bg_gradient' => array(
'title' => __( 'Background Gradient', 'fl-builder' ),
'fields' => array(
'bg_gradient' => array(
'type' => 'gradient',
'label' => __( 'Gradient', 'fl-builder' ),
'responsive' => true,
'preview' => array(
'type' => 'refresh',
),
),
),
),
'border' => array(
'title' => __( 'Border', 'fl-builder' ),
'fields' => array(
'border' => array(
'type' => 'border',
'label' => __( 'Border', 'fl-builder' ),
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => '> .fl-col-content',
),
),
),
),
),
),
'advanced' => array(
'title' => __( 'Advanced', 'fl-builder' ),
'sections' => array(
'margins' => array(
'title' => __( 'Spacing', 'fl-builder' ),
'fields' => array(
'margin' => array(
'type' => 'dimension',
'label' => __( 'Margins', 'fl-builder' ),
'slider' => true,
'default' => '',
'units' => array(
'px',
'%',
),
'preview' => array(
'type' => 'css',
'selector' => '> .fl-col-content',
'property' => 'margin',
),
'responsive' => array(
'default_unit' => array(
'default' => $global_settings->column_margins_unit,
'large' => $global_settings->column_margins_large_unit,
'medium' => $global_settings->column_margins_medium_unit,
'responsive' => $global_settings->column_margins_responsive_unit,
),
'default' => array(
'default' => '',
'large' => '',
'medium' => '',
'responsive' => '',
),
'placeholder' => array(
'default' => array(
'top' => empty( $global_settings->column_margins_top ) ? '0' : $global_settings->column_margins_top,
'right' => empty( $global_settings->column_margins_right ) ? '0' : $global_settings->column_margins_right,
'bottom' => empty( $global_settings->column_margins_bottom ) ? '0' : $global_settings->column_margins_bottom,
'left' => empty( $global_settings->column_margins_left ) ? '0' : $global_settings->column_margins_left,
),
'large' => FLBuilderModel::get_node_spacing_breakpoint_placeholders( 'column', 'margins', 'large' ),
'medium' => FLBuilderModel::get_node_spacing_breakpoint_placeholders( 'column', 'margins', 'medium' ),
'responsive' => FLBuilderModel::get_node_spacing_breakpoint_placeholders( 'column', 'margins', 'responsive' ),
),
),
),
'padding' => array(
'type' => 'dimension',
'label' => __( 'Padding', 'fl-builder' ),
'slider' => true,
'default' => '',
'units' => array(
'px',
'em',
'%',
),
'preview' => array(
'type' => 'css',
'selector' => '> .fl-col-content',
'property' => 'padding',
),
'responsive' => array(
'default_unit' => array(
'default' => $global_settings->column_padding_unit,
'large' => $global_settings->column_padding_large_unit,
'medium' => $global_settings->column_padding_medium_unit,
'responsive' => $global_settings->column_padding_responsive_unit,
),
'default' => array(
'default' => '',
'large' => '',
'medium' => '',
'responsive' => '',
),
'placeholder' => array(
'default' => array(
'top' => empty( $global_settings->column_padding_top ) ? '0' : $global_settings->column_padding_top,
'right' => empty( $global_settings->column_padding_right ) ? '0' : $global_settings->column_padding_right,
'bottom' => empty( $global_settings->column_padding_bottom ) ? '0' : $global_settings->column_padding_bottom,
'left' => empty( $global_settings->column_padding_left ) ? '0' : $global_settings->column_padding_left,
),
'large' => FLBuilderModel::get_node_spacing_breakpoint_placeholders( 'column', 'padding', 'large' ),
'medium' => FLBuilderModel::get_node_spacing_breakpoint_placeholders( 'column', 'padding', 'medium' ),
'responsive' => FLBuilderModel::get_node_spacing_breakpoint_placeholders( 'column', 'padding', 'responsive' ),
),
),
),
),
),
'visibility' => array(
'title' => __( 'Visibility', 'fl-builder' ),
'fields' => array(
'responsive_display' => array(
'type' => 'button-group',
'label' => __( 'Breakpoint', 'fl-builder' ),
'options' => FLBuilderModel::get_node_breakpoint_options(),
'tooltip' => FLBuilderModel::get_node_breakpoint_tooltips(),
'default' => 'desktop,large,medium,mobile',
'multi-select' => array(
'min' => 1,
),
'preview' => array(
'type' => 'none',
),
),
'responsive_order' => array(
'type' => 'select',
'label' => __( 'Reverse Column Order', 'fl-builder' ),
'help' => __( 'The order of the columns in this group when they are stacked for medium and small devices.', 'fl-builder' ),
'default' => '',
'options' => array(
'' => __( 'Disabled', 'fl-builder' ),
'mobile' => __( 'Small', 'fl-builder' ),
'medium' => __( 'Medium', 'fl-builder' ),
'mobile,medium' => __( 'Small and Medium', 'fl-builder' ),
),
'preview' => array(
'type' => 'none',
),
),
'visibility_display' => array(
'type' => 'select',
'label' => __( 'Display', 'fl-builder' ),
'options' => array(
'' => __( 'Always', 'fl-builder' ),
'logged_out' => __( 'Logged Out User', 'fl-builder' ),
'logged_in' => __( 'Logged In User', 'fl-builder' ),
'0' => __( 'Never', 'fl-builder' ),
),
'toggle' => array(
'logged_in' => array(
'fields' => array( 'visibility_user_capability' ),
),
),
),
'visibility_user_capability' => array(
'type' => 'text',
'label' => __( 'User Capability', 'fl-builder' ),
/* translators: %s: wporg docs link */
'description' => sprintf( __( 'Optional. Set the <a%s>capability</a> required for users to view this column.', 'fl-builder' ), ' href="http://codex.wordpress.org/Roles_and_Capabilities#Capability_vs._Role_Table" target="_blank"' ),
'preview' => array(
'type' => 'none',
),
),
),
),
'animation' => array(
'title' => __( 'Animation', 'fl-builder' ),
'fields' => array(
'animation' => array(
'type' => 'animation',
'label' => __( 'Animation', 'fl-builder' ),
'preview' => array(
'type' => 'animation',
'selector' => '{node}',
),
),
),
),
'css_selectors' => array(
'title' => __( 'HTML Element', 'fl-builder' ),
'fields' => array(
'container_element' => array(
'type' => 'select',
'label' => __( 'Container Element', 'fl-builder' ),
'sanitize' => array( 'FLBuilderUtils::esc_tags', 'div' ),
'default' => 'div',
/**
* Filter to add/remove container types.
* @see fl_builder_node_container_element_options
*/
'options' => apply_filters( 'fl_builder_node_container_element_options', array(
'div' => '<div>',
'section' => '<section>',
'article' => '<article>',
'aside' => '<aside>',
'main' => '<main>',
'header' => '<header>',
'footer' => '<footer>',
) ),
'help' => __( 'Optional. Choose an appropriate HTML5 content sectioning element to use for this column to improve accessibility and machine-readability.', 'fl-builder' ),
'preview' => array(
'type' => 'none',
),
),
'id' => array(
'type' => 'text',
'label' => __( 'ID', 'fl-builder' ),
'help' => __( "A unique ID that will be applied to this column's HTML. Must start with a letter and only contain dashes, underscores, letters or numbers. No spaces.", 'fl-builder' ),
'preview' => array(
'type' => 'none',
),
),
'class' => array(
'type' => 'text',
'label' => __( 'CSS Class', 'fl-builder' ),
'help' => __( "A class that will be applied to this column's HTML. Must start with a letter and only contain dashes, underscores, letters or numbers. Separate multiple classes with spaces.", 'fl-builder' ),
'preview' => array(
'type' => 'none',
),
),
'node_label' => array(
'type' => 'text',
'label' => __( 'Label', 'fl-builder' ),
'help' => __( 'A label that will applied and used in the UI for easy identification.', 'fl-builder' ),
'sanitize' => 'strip_tags',
'preview' => array(
'type' => 'none',
),
),
),
),
'export_import' => array(
'title' => __( 'Export/Import', 'fl-builder' ),
'collapsed' => true,
'fields' => array(
'export' => array(
'type' => 'raw',
'label' => __( 'Export', 'fl-builder' ),
'preview' => 'none',
'content' => '<button style="margin-right:10px" class="fl-builder-button fl-builder-button-small col-export-all" title="Copy Settings">Copy Settings</button><button class="fl-builder-button fl-builder-button-small col-export-style" title="Copy Styles">Copy Styles</button>',
),
'import' => array(
'type' => 'raw',
'label' => __( 'Import', 'fl-builder' ),
'preview' => 'none',
'content' => '<div class="col-import-wrap"><input type="text" class="col-import-input" placeholder="Paste settings or styles here..." /><button class="fl-builder-button fl-builder-button-small col-import-apply">Import</button></div><div class="col-import-error"></div>',
),
),
),
),
),
),
));