Your IP : 216.73.217.154
<?php
/**
* @class PPCountdownModule
*/
class PPCountdownModule extends FLBuilderModule {
/**
* @method __construct
*/
public function __construct()
{
parent::__construct(array(
'name' => __( 'Countdown', 'bb-powerpack' ),
'description' => __( 'A module for countdown.', 'bb-powerpack' ),
'group' => pp_get_modules_group(),
'category' => pp_get_modules_cat( 'creative' ),
'dir' => BB_POWERPACK_DIR . 'modules/pp-countdown/',
'url' => BB_POWERPACK_URL . 'modules/pp-countdown/',
'editor_export' => true, // Defaults to true and can be omitted.
'enabled' => true, // Defaults to true and can be omitted.
));
}
public function filter_settings( $settings, $helper )
{
// Handle old link, link_target fields.
$settings = PP_Module_Fields::handle_link_field( $settings, array(
'redirect_link' => array(
'type' => 'link'
),
'redirect_link_target' => array(
'type' => 'target'
),
), 'redirect_link' );
// Handle digit's old typography fields.
$settings = PP_Module_Fields::handle_typography_field( $settings, array(
'digit_font_family' => array(
'type' => 'font'
),
'digit_custom_font_size' => array(
'type' => 'font_size',
'condition' => ( isset( $settings->digit_font_size ) && 'custom' == $settings->digit_font_size )
),
'digit_line_height' => array(
'type' => 'line_height',
),
), 'digit_typography' );
// Handle label's old typography fields.
$settings = PP_Module_Fields::handle_typography_field( $settings, array(
'label_font_family' => array(
'type' => 'font'
),
'label_custom_font_size' => array(
'type' => 'font_size',
'condition' => ( isset( $settings->label_font_size ) && 'custom' == $settings->label_font_size )
),
'label_line_height' => array(
'type' => 'line_height',
),
'label_letter_spacing' => array(
'type' => 'letter_spacing',
),
'label_text_transform' => array(
'type' => 'text_transform',
),
), 'label_typography' );
// Handle message's old typography fields.
$settings = PP_Module_Fields::handle_typography_field( $settings, array(
'message_font_family' => array(
'type' => 'font'
),
'message_custom_font_size' => array(
'type' => 'font_size',
'condition' => ( isset( $settings->message_font_size ) && 'custom' == $settings->message_font_size )
),
'message_line_height' => array(
'type' => 'line_height',
),
), 'message_typography' );
$settings = PP_Module_Fields::handle_alignment_field( $settings, 'counter_alignment', 'responsive_counter_alignment' );
return $settings;
}
public function enqueue_scripts() {
$this->add_js( 'pp-jquery-countdown' );
$this->add_js( 'jquery-cookie' );
}
public function render_normal_countdown( $str1, $str2 ) {
ob_start();
?>
<div class="pp-countdown-item <?php echo esc_attr( $this->settings->block_style ); ?>">
<div class="pp-countdown-digit-wrapper <?php echo esc_attr( $this->settings->block_style ); ?>">
<<?php echo esc_attr( $this->settings->digit_tag ); ?> class="pp-countdown-digit <?php echo esc_attr( $this->settings->block_style ); ?>">
<?php echo $str1; ?>
</<?php echo esc_attr( $this->settings->digit_tag ); ?>>
</div>
<?php if( 'yes' == $this->settings->show_labels ) { ?>
<div class="pp-countdown-label-wrapper">
<<?php echo esc_attr( $this->settings->label_tag ); ?> class="pp-countdown-label <?php echo esc_attr( $this->settings->block_style ); ?>">
<?php echo $str2; ?>
</<?php echo esc_attr( $this->settings->label_tag ); ?>>
</div>
<?php } ?>
</div>
<?php
$html = ob_get_contents();
ob_end_clean();
return str_replace( array("\n", "\t" ), '', $html );
}
public function render_normal_above_countdown( $str1, $str2, $str3 ) {
ob_start();
?>
<div class="pp-countdown-item <?php echo esc_attr( $this->settings->block_style ); ?>">
<div class="pp-countdown-digit-wrapper <?php echo esc_attr( $this->settings->block_style ); ?>">
<?php if( 'yes' == $this->settings->show_labels ) { ?>
<div class="pp-countdown-label-wrapper">
<<?php echo esc_attr( $this->settings->label_tag ); ?> class="pp-countdown-label <?php echo esc_attr( $this->settings->block_style ); ?>">
<?php echo $str2; ?>
</<?php echo esc_attr( $this->settings->label_tag ); ?>>
</div>
<?php } ?>
<<?php echo esc_attr( $this->settings->digit_tag ); ?> class="pp-countdown-digit <?php echo esc_attr( $this->settings->block_style ); ?>">
<?php echo $str1; ?>
</<?php echo esc_attr( $this->settings->digit_tag ); ?>>
</div>
<?php echo $str3; ?>
</div>
<?php
$html = ob_get_contents();
ob_end_clean();
return str_replace( array("\n", "\t" ), '', $html );
}
public function render_inside_below_countdown( $str1, $str2, $str3 ) {
ob_start();
?>
<div class="pp-countdown-item <?php echo esc_attr( $this->settings->block_style ); ?>">
<div class="pp-countdown-digit-wrapper <?php echo esc_attr( $this->settings->block_style ); ?>">
<div class="pp-countdown-digit-content">
<<?php echo esc_attr( $this->settings->digit_tag ); ?> class="pp-countdown-digit <?php echo esc_attr( $this->settings->block_style ); ?>">
<?php echo $str1; ?>
</<?php echo esc_attr( $this->settings->digit_tag ); ?>>
</div>
<?php if( 'yes' == $this->settings->show_labels ) { ?>
<div class="pp-countdown-label-wrapper">
<<?php echo esc_attr( $this->settings->label_tag ); ?> class="pp-countdown-label <?php echo esc_attr( $this->settings->block_style ); ?>">
<?php echo $str2; ?>
</<?php echo esc_attr( $this->settings->label_tag ); ?>>
</div>
<?php } ?>
</div>
<?php echo $str3; ?>
</div>
<?php
$html = ob_get_contents();
ob_end_clean();
return str_replace( array("\n", "\t" ), '', $html );
}
public function render_inside_above_countdown( $str1, $str2, $str3 ) {
ob_start();
?>
<div class="pp-countdown-item <?php echo esc_attr( $this->settings->block_style ); ?>">
<div class="pp-countdown-digit-wrapper <?php echo esc_attr( $this->settings->block_style ); ?>">
<?php if( 'yes' == $this->settings->show_labels ) { ?>
<div class="pp-countdown-label-wrapper">
<<?php echo esc_attr( $this->settings->label_tag ); ?> class="pp-countdown-label <?php echo esc_attr( $this->settings->block_style ); ?>">
<?php echo $str2; ?>
</<?php echo esc_attr( $this->settings->label_tag ); ?>>
</div>
<?php } ?>
<<?php echo esc_attr( $this->settings->digit_tag ); ?> class="pp-countdown-digit <?php echo esc_attr( $this->settings->block_style ); ?>">
<?php echo $str1; ?>
</<?php echo esc_attr( $this->settings->digit_tag ); ?>>
</div>
<?php echo $str3; ?>
</div>
<?php
$html = ob_get_contents();
ob_end_clean();
return str_replace( array("\n", "\t" ), '', $html );
}
public function render_outside_countdown( $str1, $str2, $str3 ) {
ob_start();
?>
<div class="pp-countdown-item <?php echo esc_attr( $this->settings->block_style ); ?>">
<?php if( 'yes' == $this->settings->show_labels ) { ?>
<div class="pp-countdown-label-wrapper">
<<?php echo esc_attr( $this->settings->label_tag ); ?> class="pp-countdown-label <?php echo esc_attr( $this->settings->block_style ); ?>">
<?php echo $str2; ?>
</<?php echo esc_attr( $this->settings->label_tag ); ?>>
</div>
<?php } ?>
<div class="pp-countdown-digit-wrapper <?php echo esc_attr( $this->settings->block_style ); ?>">
<<?php echo esc_attr( $this->settings->digit_tag ); ?> class="pp-countdown-digit <?php echo esc_attr( $this->settings->block_style ); ?>">
<?php echo $str1; ?>
</<?php echo esc_attr( $this->settings->digit_tag ); ?>>
</div>
<?php echo $str3; ?>
</div>
<?php
$html = ob_get_contents();
ob_end_clean();
return str_replace( array("\n", "\t" ), '', $html );
}
public function get_gmt_difference() {
//$timezone = isset( $this->settings->time_zone ) && '' != $this->settings->time_zone ? $this->settings->time_zone : date( 'e', current_time( 'timestamp', 1 ) );
$timezone = isset( $this->settings->time_zone ) && '' != $this->settings->time_zone ? $this->settings->time_zone : get_option( 'timezone_string' );
if( ! empty( $timezone ) ) {
$time_zone_kolkata = new DateTimeZone("Asia/Kolkata");
$time_zone = new DateTimeZone($timezone);
$time_kolkata = new DateTime("now", $time_zone_kolkata);
$timeOffset = $time_zone->getOffset($time_kolkata);
return $timeOffset / 3600;
}
else {
return "NULL";
}
}
}
?>
<?php
/**
* Register the module and its form settings.
*/
BB_PowerPack::register_module('PPCountdownModule', array(
'general' => array( // Tab
'title' => __( 'General', 'bb-powerpack' ), // Tab title
'sections' => array( // Tab Sections
'general' => array( // Section
'title' => '', // Section Title
'fields' => array( // Section Fields
'title' => array(
'label' => __( 'Title', 'bb-powerpack' ),
'type' => 'text',
'default' => '',
'connections' => array( 'string', 'html', 'url' ),
),
'timer_type' => array(
'type' => 'pp-switch',
'label' => __( 'Timer Type', 'bb-powerpack' ),
'default' => 'fixed',
'options' => array(
'fixed' => __( 'Fixed', 'bb-powerpack' ),
'evergreen' => __( 'Evergreen', 'bb-powerpack' ),
),
'toggle' => array(
'fixed' => array(
'fields' => array( 'fixed_date', 'fixed_timer_action' ),
),
'evergreen' => array(
'fields' => array( 'evergreen_date', 'evergreen_timer_action' ),
),
),
),
'fixed_date' => array(
'type' => 'pp-normal-date',
'label' => __( 'Select Date & Time', 'bb-powerpack' ),
'default' => '',
),
'evergreen_date' => array(
'type' => 'pp-evergreen-date',
'label' => __( 'Expire Countdown In', 'bb-powerpack' ),
'default' => '',
),
'time_zone' => array(
'type' => 'timezone',
'label' => __( 'Time Zone', 'bb-powerpack' ),
'default' => get_option('timezone_string'),
),
),
),
'actions' => array(
'title' => __('Action', 'bb-powerpack'),
'fields' => array(
'fixed_timer_action' => array(
'type' => 'select',
'label' => __( 'Action after time expires', 'bb-powerpack' ),
'default' => 'none',
'options' => array(
'none' => __( 'None', 'bb-powerpack' ),
'hide' => __( 'Hide Timer', 'bb-powerpack' ),
'msg' => __( 'Display Message', 'bb-powerpack' ),
'redirect' => __( 'Redirect to URL', 'bb-powerpack' ),
),
'preview' => array(
'type' => 'none'
)
),
'evergreen_timer_action' => array(
'type' => 'select',
'label' => __( 'Action After Timer Expires', 'bb-powerpack' ),
'default' => 'none',
'class' => '',
'options' => array(
'none' => __( 'None', 'bb-powerpack' ),
'hide' => __( 'Hide Timer', 'bb-powerpack' ),
'reset' => __( 'Reset Timer', 'bb-powerpack' ),
'msg' => __( 'Display Message', 'bb-powerpack' ),
'redirect' => __( 'Redirect to URL', 'bb-powerpack' ),
),
'preview' => array(
'type' => 'none'
)
),
'expire_message' => array(
'type' => 'textarea',
'label' => __('Message', 'bb-powerpack'),
'default' => '',
'placeholder' => '',
'rows' => 5,
),
'redirect_link' => array(
'type' => 'link',
'label' => __('Link', 'bb-powerpack'),
'placeholder' => 'http://www.example.com',
'show_target' => true,
'connections' => array( 'url' ),
'preview' => array(
'type' => 'none'
)
),
)
),
'timer_structure' => array(
'title' => __( 'Structure', 'bb-powerpack' ),
'fields' => array(
'show_labels' => array(
'type' => 'pp-switch',
'label' => __( 'Show Labels', 'bb-powerpack' ),
'default' => 'yes',
'options' => array(
'yes' => __( 'Yes', 'bb-powerpack' ),
'no' => __( 'No', 'bb-powerpack' ),
),
'toggle' => array(
'yes' => array(
'sections' => array( 'label_style', 'label_typography' ),
'fields' => array( 'digit_label_spacing' ),
),
),
),
'field_separator_1' => array(
'type' => 'pp-separator',
'color' => 'e6eaed'
),
'show_year' => array(
'type' => 'pp-switch',
'label' => __( 'Show Years', 'bb-powerpack' ),
'default' => 'Y',
'options' => array(
'Y' => __( 'Yes', 'bb-powerpack' ),
'' => __( 'No', 'bb-powerpack' ),
),
'toggle' => array(
'Y' => array(
'fields' => array( 'year_label_plural', 'year_label_singular' ),
),
),
),
'year_label_plural' => array(
'type' => 'text',
'label' => __( 'Label in Plural', 'bb-powerpack' ),
'placeholder' => __( 'Years', 'bb-powerpack' ),
'description' => '',
),
'year_label_singular' => array(
'type' => 'text',
'label' => __( 'Label in Singular', 'bb-powerpack' ),
'description' => '',
'placeholder' => __( 'Year', 'bb-powerpack' ),
),
'field_separator_2' => array(
'type' => 'pp-separator',
'color' => 'e6eaed'
),
// Months
'show_month' => array(
'type' => 'pp-switch',
'label' => __( 'Show Months', 'bb-powerpack' ),
'default' => 'O',
'options' => array(
'O' => __( 'Yes', 'bb-powerpack' ),
'' => __( 'No', 'bb-powerpack' ),
),
'toggle' => array(
'O' => array(
'fields' => array( 'month_label_plural', 'month_label_singular' ),
),
),
),
'month_label_plural' => array(
'type' => 'text',
'label' => __( 'Label in Plural', 'bb-powerpack' ),
'description' => '',
'placeholder' => __( 'Months', 'bb-powerpack' ),
),
'month_label_singular' => array(
'type' => 'text',
'label' => __( 'Label in Singular', 'bb-powerpack' ),
'description' => '',
'placeholder' => __( 'Month', 'bb-powerpack' ),
),
'field_separator_3' => array(
'type' => 'pp-separator',
'color' => 'e6eaed'
),
// Days
'show_day' => array(
'type' => 'pp-switch',
'label' => __( 'Show Days', 'bb-powerpack' ),
'default' => 'D',
'options' => array(
'D' => __( 'Yes', 'bb-powerpack' ),
'' => __( 'No', 'bb-powerpack' ),
),
'toggle' => array(
'D' => array(
'fields' => array( 'day_label_plural', 'day_label_singular' ),
),
),
),
'day_label_plural' => array(
'type' => 'text',
'label' => __( 'Label in Plural', 'bb-powerpack' ),
'description' => '',
'placeholder' => __( 'Days', 'bb-powerpack' ),
),
'day_label_singular' => array(
'type' => 'text',
'label' => __( 'Label in Singular', 'bb-powerpack' ),
'description' => '',
'placeholder' => __( 'Day', 'bb-powerpack' ),
),
'field_separator_4' => array(
'type' => 'pp-separator',
'color' => 'e6eaed'
),
// Hours
'show_hour' => array(
'type' => 'pp-switch',
'label' => __( 'Show Hours', 'bb-powerpack' ),
'default' => 'H',
'options' => array(
'H' => __( 'Yes', 'bb-powerpack' ),
'' => __( 'No', 'bb-powerpack' ),
),
'toggle' => array(
'H' => array(
'fields' => array( 'hour_label_plural', 'hour_label_singular' ),
),
),
),
'hour_label_plural' => array(
'type' => 'text',
'label' => __( 'Label in Plural', 'bb-powerpack' ),
'description' => '',
'placeholder' => __( 'Hours', 'bb-powerpack' ),
),
'hour_label_singular' => array(
'type' => 'text',
'label' => __( 'Label in Singular', 'bb-powerpack' ),
'description' => '',
'placeholder' => __( 'Hour', 'bb-powerpack' ),
),
'field_separator_5' => array(
'type' => 'pp-separator',
'color' => 'e6eaed'
),
// Minutes
'show_minute' => array(
'type' => 'pp-switch',
'label' => __( 'Show Minutes', 'bb-powerpack' ),
'default' => 'M',
'options' => array(
'M' => __( 'Yes', 'bb-powerpack' ),
'' => __( 'No', 'bb-powerpack' ),
),
'toggle' => array(
'M' => array(
'fields' => array( 'minute_label_plural', 'minute_label_singular' ),
),
),
),
'minute_label_plural' => array(
'type' => 'text',
'label' => __( 'Label in Plural', 'bb-powerpack' ),
'description' => '',
'placeholder' => __( 'Minutes', 'bb-powerpack' ),
),
'minute_label_singular' => array(
'type' => 'text',
'label' => __( 'Label in Singular', 'bb-powerpack' ),
'description' => '',
'placeholder' => __( 'Minute', 'bb-powerpack' ),
),
'field_separator_6' => array(
'type' => 'pp-separator',
'color' => 'e6eaed'
),
// Seconds
'show_second' => array(
'type' => 'pp-switch',
'label' => __( 'Show Seconds', 'bb-powerpack' ),
'default' => 'S',
'options' => array(
'S' => __( 'Yes', 'bb-powerpack' ),
'' => __( 'No', 'bb-powerpack' ),
),
'toggle' => array(
'S' => array(
'fields' => array( 'second_label_plural', 'second_label_singular' ),
),
),
),
'second_label_plural' => array(
'type' => 'text',
'label' => __( 'Label in Plural', 'bb-powerpack' ),
'description' => '',
'placeholder' => __( 'Seconds', 'bb-powerpack' ),
),
'second_label_singular' => array(
'type' => 'text',
'label' => __( 'Label in Singular', 'bb-powerpack' ),
'description' => '',
'placeholder' => __( 'Second', 'bb-powerpack' ),
),
),
),
),
),
'style' => array(
'title' => __( 'Style', 'bb-powerpack' ),
'sections' => array(
'general_style' => array(
'title' => '',
'fields' => array(
'counter_alignment' => array(
'type' => 'align',
'label' => __( 'Alignment', 'bb-powerpack' ),
'default' => 'center',
'responsive' => true
),
'digit_label_spacing' => array(
'type' => 'unit',
'label' => __( 'Space between label & digit', 'bb-powerpack' ),
'units' => array( 'px' ),
'placeholder' => __( '10', 'bb-powerpack' ),
'slider' => true,
),
'block_spacing' => array(
'type' => 'unit',
'label' => __( 'Space between blocks', 'bb-powerpack' ),
'units' => array( 'px' ),
'placeholder' => __( '10', 'bb-powerpack' ),
'help' => __( 'This option controls the left-right spacing of each countdown block.', 'bb-powerpack' ),
'slider' => true,
),
),
),
'separator_style' => array(
'title' => __( 'Separator', 'bb-powerpack' ),
'fields' => array(
'show_separator' => array(
'type' => 'pp-switch',
'label' => __( 'Show separator between blocks', 'bb-powerpack' ),
'default' => 'no',
'options' => array(
'yes' => __( 'Yes', 'bb-powerpack' ),
'no' => __( 'No', 'bb-powerpack' ),
),
'toggle' => array(
'yes' => array(
'fields' => array( 'separator_type', 'separator_color', 'hide_separator' ),
),
),
),
'separator_type' => array(
'type' => 'pp-switch',
'label' => __( 'Separator Type', 'bb-powerpack' ),
'default' => 'line',
'options' => array(
'colon' => __( 'Colon', 'bb-powerpack' ),
'line' => __( 'Line', 'bb-powerpack' ),
),
'toggle' => array(
'colon' => array(
'fields' => array( 'separator_size' ),
),
),
),
'separator_color' => array(
'type' => 'color',
'label' => __( 'Separator Color', 'bb-powerpack' ),
'show_reset' => true,
'show_alpha' => true,
'connections' => array('color'),
),
'separator_size' => array(
'type' => 'unit',
'label' => __( 'Separator Size', 'bb-powerpack' ),
'default' => '15',
'units' => array( 'px' ),
'slider' => true
),
'hide_separator' => array(
'type' => 'pp-switch',
'label' => __( 'Hide on mobile', 'bb-powerpack' ),
'default' => 'no',
'options' => array(
'yes' => __( 'Yes', 'bb-powerpack' ),
'no' => __( 'No', 'bb-powerpack' ),
),
),
),
),
'block_style' => array(
'title' => __( 'Blocks', 'bb-powerpack' ),
'fields' => array(
'block_style' => array(
'type' => 'pp-switch',
'label' => __( 'Style', 'bb-powerpack' ),
'default' => 'default',
'options' => array(
'default' => __( 'Default', 'bb-powerpack' ),
'circle' => __( 'Circle', 'bb-powerpack' ),
'square' => __( 'Square', 'bb-powerpack' ),
),
'toggle' => array(
'default' => array(
'fields' => array( 'default_position' ),
),
'circle' => array(
'fields' => array( 'block_bg_type', 'block_width', 'block_border_style', 'block_border_width', 'block_border_color', 'show_block_shadow', 'label_position' ),
),
'square' => array(
'fields' => array( 'block_bg_type', 'block_width', 'block_border_style', 'block_border_width', 'block_border_color', 'show_block_shadow', 'label_position', 'block_border_radius' ),
),
),
),
'block_width' => array(
'type' => 'unit',
'label' => __( 'Width', 'bb-powerpack' ),
'placeholder' => __( '100', 'bb-powerpack' ),
'units' => array( 'px' ),
'slider' => true,
'responsive' => true,
),
'block_bg_type' => array(
'type' => 'pp-switch',
'label' => __( 'Background Type', 'bb-powerpack' ),
'default' => 'solid',
'options' => array(
'solid' => __( 'Solid', 'bb-powerpack' ),
'gradient' => __( 'Gradient', 'bb-powerpack' ),
),
'toggle' => array(
'solid' => array(
'fields' => array( 'block_bg_color', 'block_bg_color_opc' ),
),
'gradient' => array(
'fields' => array( 'block_primary_color', 'block_secondary_color', 'block_bg_color_opc' ),
),
),
),
'block_bg_color' => array(
'type' => 'color',
'label' => __( 'Background Color', 'bb-powerpack' ),
'default' => 'eaeaea',
'show_reset' => true,
'connections' => array('color'),
),
'block_primary_color' => array(
'type' => 'color',
'label' => __( 'Primary Color', 'bb-powerpack' ),
'default' => '',
'show_reset' => true,
'connections' => array('color'),
),
'block_secondary_color' => array(
'type' => 'color',
'label' => __( 'Secondary Color', 'bb-powerpack' ),
'default' => '',
'show_reset' => true,
'connections' => array('color'),
),
'block_bg_color_opc' => array(
'type' => 'unit',
'label' => __( 'Background Opacity', 'bb-powerpack' ),
'default' => '',
'units' => array( '%' ),
'slider' => true,
),
'block_border_style' => array(
'type' => 'pp-switch',
'label' => __( 'Border Style', 'bb-powerpack' ),
'default' => 'solid',
'options' => array(
'solid' => __( 'Solid', 'bb-powerpack' ),
'dashed' => __( 'Dashed', 'bb-powerpack' ),
'dotted' => __( 'Dotted', 'bb-powerpack' ),
),
),
'block_border_width' => array(
'type' => 'unit',
'label' => __( 'Border Width', 'bb-powerpack' ),
'placeholder' => __( '5', 'bb-powerpack' ),
'units' => array( 'px' ),
'slider' => true,
),
'block_border_color' => array(
'type' => 'color',
'label' => __( 'Border Color', 'bb-powerpack' ),
'default' => '',
'show_reset' => true,
'connections' => array('color'),
),
'block_border_radius' => array(
'type' => 'unit',
'label' => __( 'Round Corners', 'bb-powerpack' ),
'placeholder' => __( '5', 'bb-powerpack' ),
'units' => array( 'px' ),
'slider' => true,
),
'show_block_shadow' => array(
'type' => 'pp-switch',
'label' => __( 'Enable Shadow', 'bb-powerpack' ),
'default' => 'no',
'options' => array(
'yes' => __( 'Yes', 'bb-powerpack' ),
'no' => __( 'No', 'bb-powerpack' ),
),
'toggle' => array(
'yes' => array(
'fields' => array( 'block_shadow', 'block_shadow_color' ),
),
),
),
'block_shadow' => array(
'type' => 'pp-multitext',
'label' => __( 'Shadow', 'bb-powerpack' ),
'default' => array(
'vertical' => 0,
'horizontal' => 2,
'blur' => 8,
'spread' => 0,
),
'options' => array(
'vertical' => array(
'placeholder' => __( 'Vertical', 'bb-powerpack' ),
'tooltip' => __( 'Vertical', 'bb-powerpack' ),
'icon' => 'fa-arrows-v',
),
'horizontal' => array(
'placeholder' => __( 'Horizontal', 'bb-powerpack' ),
'tooltip' => __( 'Horizontal', 'bb-powerpack' ),
'icon' => 'fa-arrows-h',
),
'blur' => array(
'placeholder' => __( 'Blur', 'bb-powerpack' ),
'tooltip' => __( 'Blur', 'bb-powerpack' ),
'icon' => 'fa-circle-o',
),
'spread' => array(
'placeholder' => __( 'Spread', 'bb-powerpack' ),
'tooltip' => __( 'Spread', 'bb-powerpack' ),
'icon' => 'fa-paint-brush',
),
),
),
'block_shadow_color' => array(
'type' => 'color',
'label' => __( 'Shadow Color', 'bb-powerpack' ),
'default' => '000000',
'show_alpha' => true,
'connections' => array('color'),
),
),
),
'label_style' => array(
'title' => __( 'Labels', 'bb-powerpack' ),
'fields' => array(
'label_position' => array(
'type' => 'select',
'label' => __( 'Label Position', 'bb-powerpack' ),
'default' => 'outside',
'options' => array(
'inside' => __( 'Inside Digit Container', 'bb-powerpack' ),
'outside' => __( 'Outside Digit Container', 'bb-powerpack' ),
),
'toggle' => array(
'inside' => array(
'fields' => array( 'label_inside_position' ),
),
'outside' => array(
'fields' => array( 'label_outside_position' ),
),
),
),
'label_inside_position' => array(
'type' => 'select',
'label' => __( 'Label Inside Position', 'bb-powerpack' ),
'default' => 'in_below',
'options' => array(
'in_below' => __( 'Below Digit', 'bb-powerpack' ),
'in_above' => __( 'Above Digit', 'bb-powerpack' ),
),
),
'label_outside_position' => array(
'type' => 'select',
'label' => __( 'Label Outside Position', 'bb-powerpack' ),
'default' => 'out_below',
'options' => array(
'out_below' => __( 'Below Digit', 'bb-powerpack' ),
'out_above' => __( 'Above Digit', 'bb-powerpack' ),
'out_right' => __( 'Right Side of Digit', 'bb-powerpack' ),
'out_left' => __( 'Left Side of Digit', 'bb-powerpack' ),
),
),
'default_position' => array(
'type' => 'select',
'label' => __( 'Select Position', 'bb-powerpack' ),
'default' => 'normal_below',
'options' => array(
'normal_below' => __( 'Below Digit', 'bb-powerpack' ),
'normal_above' => __( 'Above Digit', 'bb-powerpack' ),
),
),
'label_bg_color' => array(
'type' => 'color',
'label' => __( 'Background Color', 'bb-powerpack' ),
'default' => '',
'show_reset' => true,
'show_alpha' => true,
'connections' => array('color'),
),
'label_horizontal_padding' => array(
'type' => 'unit',
'label' => __( 'Horizontal Padding', 'bb-powerpack' ),
'units' => array( 'px' ),
'default' => '',
'slider' => true,
),
'label_vertical_padding' => array(
'type' => 'unit',
'label' => __( 'Vertical Padding', 'bb-powerpack' ),
'units' => array( 'px' ),
'default' => 5,
'slider' => true,
),
),
),
),
),
'typography' => array( // Tab
'title' => __( 'Typography', 'bb-powerpack' ), // Tab title
'sections' => array( // Tab Sections
'title_typography' => array(
'title' => __( 'Title', 'bb-powerpack' ),
'fields' => array(
'title_tag' => array(
'type' => 'select',
'label' => __( 'HTML Tag', 'bb-powerpack' ),
'default' => 'h3',
'sanitize' => array( 'pp_esc_tags', 'h3' ),
'options' => array(
'h1' => 'H1',
'h2' => 'H2',
'h3' => 'H3',
'h4' => 'H4',
'h5' => 'H5',
'h6' => 'H6',
'div' => 'div',
'p' => 'p',
),
),
'title_typography' => array(
'type' => 'typography',
'label' => __( 'Typography', 'bb-powerpack' ),
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => '.pp-countdown-wrapper .pp-countdown-title',
),
),
'title_color' => array(
'type' => 'color',
'label' => __( 'Color', 'bb-powerpack' ),
'show_reset' => true,
'connections' => array( 'color'),
'preview' => array(
'type' => 'css',
'selector' => '.pp-countdown-wrapper .pp-countdown-title',
'property' => 'color',
),
),
'title_margin_top' => array(
'type' => 'unit',
'label' => __( 'Margin Top', 'bb-powerpack' ),
'default' => '',
'units' => array( 'px' ),
'slider' => true,
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => '.pp-countdown-wrapper .pp-countdown-title',
'property' => 'margin-top',
'unit' => 'px'
),
),
'title_margin_bottom' => array(
'type' => 'unit',
'label' => __( 'Margin Bottom', 'bb-powerpack' ),
'default' => '',
'units' => array( 'px' ),
'slider' => true,
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => '.pp-countdown-wrapper .pp-countdown-title',
'property' => 'margin-bottom',
'unit' => 'px'
),
),
),
),
'digit_typography' => array(
'title' => __( 'Digit', 'bb-powerpack' ),
'fields' => array(
'digit_tag' => array(
'type' => 'select',
'label' => __( 'HTML Tag', 'bb-powerpack' ),
'default' => 'h3',
'sanitize' => array( 'pp_esc_tags', 'h3' ),
'options' => array(
'h1' => 'h1',
'h2' => 'h2',
'h3' => 'h3',
'h4' => 'h4',
'h5' => 'h5',
'h6' => 'h6',
'div' => 'div',
'p' => 'p',
),
),
'digit_typography' => array(
'type' => 'typography',
'label' => __('Typography', 'bb-powerpack'),
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => '.pp-countdown-fixed-timer .pp-countdown-digit, .pp-countdown-evergreen-timer .pp-countdown-digit',
),
),
'digit_color' => array(
'type' => 'color',
'label' => __( 'Color', 'bb-powerpack' ),
'connections' => array('color'),
'preview' => array(
'type' => 'css',
'selector' => '.pp-countdown-fixed-timer .pp-countdown-digit, .pp-countdown-evergreen-timer .pp-countdown-digit',
'property' => 'color',
),
'default' => '',
'show_reset' => true,
),
),
),
'label_typography' => array(
'title' => __( 'Labels', 'bb-powerpack' ),
'collpased' => true,
'fields' => array(
'label_tag' => array(
'type' => 'select',
'label' => __( 'HTML Tag', 'bb-powerpack' ),
'default' => 'div',
'sanitize' => array( 'pp_esc_tags', 'div' ),
'options' => array(
'h1' => 'h1',
'h2' => 'h2',
'h3' => 'h3',
'h4' => 'h4',
'h5' => 'h5',
'h6' => 'h6',
'div' => 'div',
'p' => 'p',
),
),
'label_typography' => array(
'type' => 'typography',
'label' => __('Typography', 'bb-powerpack'),
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => '.pp-countdown-fixed-timer .pp-countdown-label, .pp-countdown-evergreen-timer .pp-countdown-label',
),
),
'label_color' => array(
'type' => 'color',
'label' => __( 'Color', 'bb-powerpack' ),
'default' => '',
'show_reset' => true,
'connections' => array('color'),
'preview' => array(
'type' => 'css',
'selector' => '.pp-countdown-fixed-timer .pp-countdown-label, .pp-countdown-evergreen-timer .pp-countdown-label',
'property' => 'color',
),
),
),
),
'message' => array(
'title' => __( 'Expire Message', 'bb-powerpack' ),
'collpased' => true,
'fields' => array(
'message_typography' => array(
'type' => 'typography',
'label' => __('Typography', 'bb-powerpack'),
'responsive' => true,
'preview' => array(
'type' => 'css',
'selector' => '.pp-countdown-expire-message',
),
),
'message_color' => array(
'type' => 'color',
'label' => __( 'Color', 'bb-powerpack' ),
'default' => '',
'show_reset' => true,
'connections' => array('color'),
'preview' => array(
'type' => 'css',
'selector' => '.pp-countdown-expire-message',
'property' => 'color',
),
),
),
),
),
),
));