start_controls_section(
'ma_el_section_countdown_settings_general',
[
'label' => esc_html__('Timer', 'master-addons' )
]
);
$this->add_control(
'ma_el_countdown_time',
[
'label' => esc_html__('Countdown Date & Time', 'master-addons' ),
'type' => Controls_Manager::DATE_TIME,
'default' => wp_date("Y-m-d H:i:s", strtotime("+ 52 week")),
'description' => esc_html__('Set Datetime here', 'master-addons' ),
]
);
// Repeat countdown feature - Pro version overrides via filter
$repeat_countdown_controls = apply_filters('master_addons/addons/countdown/repeat', [
[
'control_id' => 'ma_el_countdown_repeat_pro',
'args' => [
'type' => Controls_Manager::RAW_HTML,
'raw' => Helper::upgrade_to_pro('Repeat Countdown available on'),
'content_classes' => 'jltma-editor-doc-links',
],
],
]);
// Add all controls from the filter
foreach ($repeat_countdown_controls as $control) {
$this->add_control($control['control_id'], $control['args']);
}
$this->end_controls_section();
$this->start_controls_section(
'ma_el_countdown_settings_general',
[
'label' => esc_html__('Countdown Settings', 'master-addons' )
]
);
$this->add_control(
'ma_el_countdown_style',
[
'label' => esc_html__('Layout', 'master-addons' ),
'type' => Controls_Manager::CHOOSE,
'default' => 'block',
'options' => [
'block' => [
'title' => esc_html__('Block', 'master-addons' ),
'icon' => 'eicon-div-block',
],
'inline' => [
'title' => esc_html__('Inline', 'master-addons' ),
'icon' => 'eicon-inner-container',
],
'block-table' => [
'title' => esc_html__('Block Table', 'master-addons' ),
'icon' => 'eicon-container-grid',
],
'inline-table' => [
'title' => esc_html__('Inline Table', 'master-addons' ),
'icon' => 'eicon-bullet-list',
],
],
]
);
// Style presets - free includes Default & Card; Pro version overrides via filter to unlock the rest.
$countdown_skin_options = apply_filters('master_addons/addons/countdown/skins', [
'default' => esc_html__('Default', 'master-addons' ),
'card' => esc_html__('Card', 'master-addons' ),
'flip' => esc_html__('Flip (Pro)', 'master-addons' ),
'circle' => esc_html__('Circle (Pro)', 'master-addons' ),
'gradient' => esc_html__('Gradient (Pro)', 'master-addons' ),
'neon' => esc_html__('Neon (Pro)', 'master-addons' ),
'glass' => esc_html__('Glassmorphism (Pro)', 'master-addons' ),
'minimal' => esc_html__('Minimal (Pro)', 'master-addons' ),
'outline' => esc_html__('Outline (Pro)', 'master-addons' ),
'neumorphic' => esc_html__('Neumorphic (Pro)', 'master-addons' ),
]);
$this->add_control(
'ma_el_countdown_skin',
[
'label' => esc_html__('Style Preset', 'master-addons' ),
'type' => Controls_Manager::SELECT,
'default' => 'default',
'options' => $countdown_skin_options,
'description' => Helper::upgrade_to_pro('More Style Presets available on'),
]
);
$this->add_control(
'ma_el_seperator',
array(
'label' => __('Seperator', 'master-addons' ),
'type' => Controls_Manager::TEXT,
'default' => '/',
'condition' => [
'ma_el_countdown_style!' => 'inline-table',
],
)
);
$this->add_control(
'ma_el_show_year',
array(
'label' => __('Show Years?', 'master-addons' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => __('On', 'master-addons' ),
'label_off' => __('Off', 'master-addons' ),
'return_value' => '1',
'default' => '1'
)
);
$this->add_control(
'ma_el_label_year',
array(
'label' => __('Years Label', 'master-addons' ),
'type' => Controls_Manager::TEXT,
'default' => esc_html__( 'Years', 'master-addons' ),
'description' => __('Set the label for years.', 'master-addons'),
'condition' => [
'ma_el_show_year' => '1',
],
)
);
$this->add_control(
'ma_el_show_month',
array(
'label' => __('Show Month?', 'master-addons' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => __('On', 'master-addons' ),
'label_off' => __('Off', 'master-addons' ),
'return_value' => '1',
'default' => '1'
)
);
$this->add_control(
'ma_el_label_month',
array(
'label' => __('Month Label', 'master-addons' ),
'type' => Controls_Manager::TEXT,
'default' => esc_html__( 'Month', 'master-addons' ),
'description' => __('Set the label for month.', 'master-addons'),
'condition' => [
'ma_el_show_month' => '1',
],
)
);
$this->add_control(
'ma_el_show_day',
array(
'label' => __('Show Days?', 'master-addons' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => __('On', 'master-addons' ),
'label_off' => __('Off', 'master-addons' ),
'return_value' => '1',
'default' => '1'
)
);
$this->add_control(
'ma_el_label_day',
array(
'label' => __('Days Label', 'master-addons' ),
'type' => Controls_Manager::TEXT,
'default' => esc_html__( 'Days', 'master-addons' ),
'description' => __('Set the label for days.', 'master-addons'),
'condition' => [
'ma_el_show_day' => '1',
],
)
);
$this->add_control(
'ma_el_show_hour',
array(
'label' => __('Show Hours?', 'master-addons' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => __('On', 'master-addons' ),
'label_off' => __('Off', 'master-addons' ),
'return_value' => '1',
'default' => '1'
)
);
$this->add_control(
'ma_el_label_hour',
array(
'label' => __('Hour Label', 'master-addons' ),
'type' => Controls_Manager::TEXT,
'default' => esc_html__( 'Hours', 'master-addons' ),
'description' => __('Set the label for hours.', 'master-addons'),
'condition' => [
'ma_el_show_hour' => '1',
],
)
);
$this->add_control(
'ma_el_show_min',
array(
'label' => __('Show Minutes?', 'master-addons' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => __('On', 'master-addons' ),
'label_off' => __('Off', 'master-addons' ),
'return_value' => '1',
'default' => '1'
)
);
$this->add_control(
'ma_el_label_min',
array(
'label' => __('Minutes Label', 'master-addons' ),
'type' => Controls_Manager::TEXT,
'default' => esc_html__( 'Minutes', 'master-addons' ),
'description' => __('Set the label for minutes.', 'master-addons'),
'condition' => [
'ma_el_show_min' => '1',
],
)
);
$this->add_control(
'ma_el_show_sec',
array(
'label' => __('Show Seconds?', 'master-addons' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => __('On', 'master-addons' ),
'label_off' => __('Off', 'master-addons' ),
'return_value' => '1',
'default' => '1'
)
);
$this->add_control(
'ma_el_label_sec',
array(
'label' => __('Seconds Label', 'master-addons' ),
'type' => Controls_Manager::TEXT,
'default' => esc_html__( 'Seconds', 'master-addons' ),
'description' => __('Set the label for seconds.', 'master-addons'),
'condition' => [
'ma_el_show_sec' => '1',
],
)
);
$this->end_controls_section();
// Help Docs section (links from config.php)
$this->jltma_help_docs();
$this->upgrade_to_pro_message();
/*
* Countdown Timer Styling Section
*/
$this->start_controls_section(
'ma_el_section_countdown_item_wrapper',
[
'label' => esc_html__('Common Style', 'master-addons' ),
'tab' => Controls_Manager::TAB_STYLE
]
);
$this->add_control(
'jltma_countdown_item_width',
[
'label' => esc_html__( 'Width', 'master-addons' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ],
'range' => [
'px' => [
'min' => 0,
'max' => 1000,
'step' => 5,
],
'%' => [
'min' => 0,
'max' => 100,
],
],
'default' => [
'unit' => 'px',
'size' => '',
],
'selectors' => [
'{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-item' => 'width: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'jltma_countdown_item_height',
[
'label' => esc_html__( 'Height', 'master-addons' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ],
'range' => [
'px' => [
'min' => 0,
'max' => 1000,
'step' => 5,
],
'%' => [
'min' => 0,
'max' => 100,
],
],
'default' => [
'unit' => 'px',
'size' => '',
],
'selectors' => [
'{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-item' => 'height: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'ma_el_countdown_alignment',
[
'label' => esc_html__('Alignment', 'master-addons' ),
'type' => Controls_Manager::CHOOSE,
'label_block' => false,
'options' => Helper::jltma_content_alignment(),
'default' => 'center',
'selectors' => [
'{{WRAPPER}} .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-block' => 'justify-content: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'jltma_section_item_box_shadow',
'label' => __('Box Shadow', 'master-addons' ),
'selector' => '{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-item',
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'ma_el_section_item_wrapper_background',
'label' => __('Background', 'master-addons' ),
'types' => ['classic', 'gradient'],
'selector' => '{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-item'
]
);
$this->add_responsive_control(
'ma_el_item_wrapper_border_radius',
array(
'label' => __('Border Radius', 'master-addons' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array('px', '%'),
'selectors' => array(
'{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-item' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
)
)
);
$this->add_responsive_control(
'ma_el_item_wrapper_margin',
array(
'label' => __('Margin', 'master-addons' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array('px', '%'),
'selectors' => array(
'{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-item' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
)
)
);
$this->add_responsive_control(
'ma_el_item_wrapper_padding',
array(
'label' => __('Padding', 'master-addons' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array('px', '%'),
'selectors' => array(
'{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-item' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
)
)
);
$this->end_controls_section();
/*
* Value Style
*/
$this->start_controls_section(
'ma_el_value_style_section',
array(
'label' => __('Counter Style', 'master-addons' ),
'tab' => Controls_Manager::TAB_STYLE
)
);
// Year Item
$this->add_control(
'jltma_countdown_item_yrs_bg_heading',
[
'label' => __('Years Background', 'master-addons'),
'type' => Controls_Manager::HEADING,
'condition' => [
'ma_el_show_year' => '1',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'jltma_countdown_item_yrs_bg',
'label' => __('Years Background', 'master-addons' ),
'types' => ['classic', 'gradient'],
'separator' => 'after',
'condition' => [
'ma_el_show_year' => '1',
],
'selector' => '{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-item-year'
]
);
// Month Item
$this->add_control(
'jltma_countdown_item_month_bg_heading',
[
'label' => __('Month Background', 'master-addons'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => [
'ma_el_show_month' => '1',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'jltma_countdown_item_month_bg',
'label' => __('Month Background', 'master-addons' ),
'types' => ['classic', 'gradient'],
'separator' => 'after',
'condition' => [
'ma_el_show_month' => '1',
],
'selector' => '{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-item-month'
]
);
// Day Item
$this->add_control(
'jltma_countdown_item_day_bg_heading',
[
'label' => __('Day Background', 'master-addons'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => [
'ma_el_show_day' => '1',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'jltma_countdown_item_day_bg',
'label' => __('Day Background', 'master-addons' ),
'types' => ['classic', 'gradient'],
'separator' => 'after',
'condition' => [
'ma_el_show_day' => '1',
],
'selector' => '{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-item-day'
]
);
// Hour Item
$this->add_control(
'jltma_countdown_item_hour_bg_heading',
[
'label' => __('Hour Background', 'master-addons'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => [
'ma_el_show_hour' => '1',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'jltma_countdown_item_hour_bg',
'label' => __('Hour Background', 'master-addons' ),
'types' => ['classic', 'gradient'],
'separator' => 'after',
'condition' => [
'ma_el_show_hour' => '1',
],
'selector' => '{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-item-hour'
]
);
// Minute Item
$this->add_control(
'jltma_countdown_item_mins_bg_heading',
[
'label' => __('Minute Background', 'master-addons'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => [
'ma_el_show_min' => '1',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'jltma_countdown_item_mins_bg',
'label' => __('Minute Background', 'master-addons' ),
'types' => ['classic', 'gradient'],
'separator' => 'after',
'condition' => [
'ma_el_show_min' => '1',
],
'selector' => '{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-item-min'
]
);
// Second Item
$this->add_control(
'jltma_countdown_item_sec_bg_heading',
[
'label' => __('Second Background', 'master-addons'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => [
'ma_el_show_sec' => '1',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'jltma_countdown_item_sec_bg',
'label' => __('Second Background', 'master-addons' ),
'types' => ['classic', 'gradient'],
'separator' => 'after',
'condition' => [
'ma_el_show_sec' => '1',
],
'selector' => '{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-item-sec'
]
);
$this->start_controls_tabs('ma_el_value_colors', array( 'separator' => 'before', ));
$this->start_controls_tab(
'ma_el_value_color_normal',
array(
'label' => __('Normal', 'master-addons' ),
)
);
$this->add_control(
'ma_el_value_color',
array(
'label' => __('Color', 'master-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-value' => 'color: {{VALUE}} !important;',
),
)
);
$this->end_controls_tab();
$this->start_controls_tab(
'ma_el_value_color_hover',
array(
'label' => __('Hover', 'master-addons' ),
)
);
$this->add_control(
'ma_el_value_hover_color',
array(
'label' => __('Color', 'master-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-value:hover' => 'color: {{VALUE}} !important;',
),
)
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->add_group_control(
Group_Control_Typography::get_type(),
array(
'name' => 'ma_el_value_typography',
'global' => [
'default' => Global_Typography::TYPOGRAPHY_PRIMARY,
],
'selector' => '{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-value',
)
);
$this->add_group_control(
Group_Control_Text_Shadow::get_type(),
[
'name' => 'ma_el_value_shadow',
'label' => __('Text Shadow', 'master-addons' ),
'selector' => '{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-value',
]
);
$this->end_controls_section();
/*
* Separator Style
*/
$this->start_controls_section(
'ma_el_seperator_style_section',
array(
'label' => __('Seperator', 'master-addons' ),
'tab' => Controls_Manager::TAB_STYLE
)
);
$this->start_controls_tabs('ma_el_seperator_colors');
$this->start_controls_tab(
'ma_el_seperator_color_normal',
array(
'label' => __('Normal', 'master-addons' ),
)
);
$this->add_control(
'ma_el_seperator_color',
array(
'label' => __('Color', 'master-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-seperator' => 'color: {{VALUE}} !important;',
),
)
);
$this->end_controls_tab();
$this->start_controls_tab(
'ma_el_seperator_color_hover',
array(
'label' => __('Hover', 'master-addons' ),
)
);
$this->add_control(
'ma_el_seperator_hover_color',
array(
'label' => __('Color', 'master-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-seperator:hover' => 'color: {{VALUE}} !important;',
),
)
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->add_group_control(
Group_Control_Typography::get_type(),
array(
'name' => 'ma_el_seperator_typography',
'global' => [
'default' => Global_Typography::TYPOGRAPHY_PRIMARY,
],
'selector' => '{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-seperator',
)
);
$this->add_group_control(
Group_Control_Text_Shadow::get_type(),
[
'name' => 'ma_el_seperator_shadow',
'label' => __('Text Shadow', 'master-addons' ),
'selector' => '{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-seperator',
]
);
$this->add_responsive_control(
'ma_el_seperator_padding',
array(
'label' => __('Padding', 'master-addons' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array('px', '%'),
'selectors' => array(
'{{WRAPPER}} .jltma-countdown-wrapper.jltma-countdown-inline .jltma-countdown-seperator' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
),
'condition' => array(
'ma_el_countdown_style' => ['inline']
)
)
);
$this->add_responsive_control(
'ma_el_seperator_margin',
array(
'label' => __('Margin', 'master-addons' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array('px', '%'),
'selectors' => array(
'{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-seperator' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
)
)
);
$this->end_controls_section();
/*
* Box Style
*/
$this->start_controls_section(
'ma_el_section_countdown_box_style',
[
'label' => esc_html__('Box Style', 'master-addons' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'ma_el_countdown_preset' => 'block',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'ma_el_countdown_background',
'label' => __('Background', 'master-addons' ),
'types' => ['classic', 'gradient'],
'selector' => '{{WRAPPER}} .jltma-countdown.block .jltma-countdown-container',
'condition' => [
'ma_el_countdown_preset' => 'block',
],
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'box_shadow',
'label' => __('Box Shadow', 'master-addons' ),
'selector' => '{{WRAPPER}} .jltma-countdown-container',
'condition' => [
'ma_el_countdown_preset' => 'block',
],
]
);
$this->add_control(
'ma_el_before_border',
[
'type' => Controls_Manager::DIVIDER,
'style' => 'thin',
'condition' => [
'ma_el_countdown_preset' => 'block',
],
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'border',
'label' => __('Border', 'master-addons' ),
'selector' => '{{WRAPPER}} .jltma-countdown.block .jltma-countdown-container',
'condition' => [
'ma_el_countdown_preset' => 'style-1',
],
]
);
$this->add_control(
'ma_el_countdown_image_border_radius',
[
'label' => esc_html__('Border Radius', 'master-addons' ),
'type' => Controls_Manager::DIMENSIONS,
'selectors' => [
'{{WRAPPER}} .jltma-countdown.style-1 .jltma-countdown-container' => 'border-radius: {{TOP}}px {{RIGHT}}px {{BOTTOM}}px {{LEFT}}px;',
],
'default' => [
'top' => 4,
'right' => 4,
'bottom' => 4,
'left' => 4,
'unit' => 'px',
'isLinked' => true,
],
'condition' => [
'ma_el_countdown_preset' => 'style-1',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'ma_el_title_style_section',
array(
'label' => __('Label', 'master-addons' ),
'tab' => Controls_Manager::TAB_STYLE
)
);
$this->start_controls_tabs('ma_el_title_colors');
$this->start_controls_tab(
'ma_el_title_color_normal',
array(
'label' => __('Normal', 'master-addons' ),
)
);
$this->add_control(
'ma_el_title_color',
array(
'label' => __('Color', 'master-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-title' => 'color: {{VALUE}} !important;',
),
)
);
$this->end_controls_tab();
$this->start_controls_tab(
'ma_el_title_color_hover',
array(
'label' => __('Hover', 'master-addons' ),
)
);
$this->add_control(
'ma_el_title_hover_color',
array(
'label' => __('Color', 'master-addons' ),
'type' => Controls_Manager::COLOR,
'selectors' => array(
'{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-title:hover' => 'color: {{VALUE}} !important;',
),
)
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->add_group_control(
Group_Control_Typography::get_type(),
array(
'name' => 'ma_el_title_typography',
'global' => [
'default' => Global_Typography::TYPOGRAPHY_PRIMARY,
],
'selector' => '{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-title',
)
);
$this->add_group_control(
Group_Control_Text_Shadow::get_type(),
[
'name' => 'ma_el_title_shadow',
'label' => __('Text Shadow', 'master-addons' ),
'selector' => '{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-title',
]
);
$this->add_responsive_control(
'ma_el_title_margin',
array(
'label' => __('Margin', 'master-addons' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => array('px', '%'),
'selectors' => array(
'{{WRAPPER}} .jltma-countdown-wrapper .jltma-countdown-title' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
)
)
);
$this->end_controls_section();
}
/**
* Calculate current interval end time for repeating countdown
* Shows only the interval duration (e.g., 20 seconds) repeatedly until original time is reached
*/
private function calculate_current_interval_end($original_datetime, $reset_duration_seconds, $widget_id) {
// Parse the datetime string properly accounting for WordPress timezone
$datetime_obj = new \DateTime($original_datetime, wp_timezone());
$original_timestamp = $datetime_obj->getTimestamp();
// Get current timestamp in WordPress timezone
$current_datetime = new \DateTime('now', wp_timezone());
$current_timestamp = $current_datetime->getTimestamp();
// If we've passed the original end time, return current time (will show as 0)
if ($current_timestamp >= $original_timestamp) {
return $current_timestamp;
}
// Get or set the start time for this widget's current interval
$transient_key = 'jltma_countdown_interval_' . $widget_id;
$interval_start = get_transient($transient_key);
// If no interval is set or the interval has expired
if ($interval_start === false || $current_timestamp >= ($interval_start + $reset_duration_seconds)) {
// Start a new interval from current time
$interval_start = $current_timestamp;
set_transient($transient_key, $interval_start, $reset_duration_seconds + 10);
}
// Calculate the end time of the current interval
// This will be current time + interval duration
$interval_end = $interval_start + $reset_duration_seconds;
// Make sure we don't go past the original end time
if ($interval_end > $original_timestamp) {
$interval_end = $original_timestamp;
}
return $interval_end;
}
protected function render()
{
$settings = $this->get_settings_for_display();
$countdown_style = $settings['ma_el_countdown_style'];
$countdown_skin = $settings['ma_el_countdown_skin'] ?? 'default';
// Free build ships only the Default & Card skins; Pro unlocks the rest.
$free_skins = ['default', 'card'];
if (!in_array($countdown_skin, $free_skins, true) && !Helper::jltma_premium()) {
$countdown_skin = 'default';
}
$countdown_time = $settings['ma_el_countdown_time'];
$seperator = $settings['ma_el_seperator'];
$data_value = '';
$attr_markup = '';
$date_attr = array();
$data_attr = '';
// Check if infinite countdown is enabled
$is_infinite = !empty($settings['ma_el_countdown_time_infinitive']) && $settings['ma_el_countdown_time_infinitive'] === 'yes';
// Calculate server-side interval for infinite countdown
if ($is_infinite) {
// Calculate reset duration in seconds
$reset_years = isset($settings['ma_el_countdown_reset_years']) ? intval($settings['ma_el_countdown_reset_years']) : 0;
$reset_months = isset($settings['ma_el_countdown_reset_months']) ? intval($settings['ma_el_countdown_reset_months']) : 0;
$reset_days = isset($settings['ma_el_countdown_reset_days']) ? intval($settings['ma_el_countdown_reset_days']) : 0;
$reset_hours = isset($settings['ma_el_countdown_reset_hour']) ? intval($settings['ma_el_countdown_reset_hour']) : 0;
$reset_minutes = isset($settings['ma_el_countdown_reset_minute']) ? intval($settings['ma_el_countdown_reset_minute']) : 0;
$reset_seconds = isset($settings['ma_el_countdown_reset_second']) ? intval($settings['ma_el_countdown_reset_second']) : 0;
// Convert to seconds (approximate for months/years)
$reset_duration_seconds = ($reset_years * 365 * 24 * 60 * 60) +
($reset_months * 30 * 24 * 60 * 60) +
($reset_days * 24 * 60 * 60) +
($reset_hours * 60 * 60) +
($reset_minutes * 60) +
$reset_seconds;
// Calculate current interval end time on server
// Use widget ID to track intervals per widget instance
$widget_id = $this->get_id();
$current_interval_end = $this->calculate_current_interval_end($countdown_time, $reset_duration_seconds, $widget_id);
$datetime_for_display = new \DateTime('@' . $current_interval_end);
$datetime_for_display->setTimezone(wp_timezone());
$countdown_time = $datetime_for_display->format('Y-m-d H:i:s');
}
$datetime = explode(" ", $countdown_time);
$date = $datetime[0];
$time = !empty($datetime[1]) ? $datetime[1] : '';
$date = explode("-", $date);
$time = explode(":", $time);
$date_attr = array(
'year' => array(
'value' => $date[0],
'display' => $settings['ma_el_show_year'],
'title' => $settings['ma_el_label_year'] ?? __('Years', 'master-addons'),
),
'month' => array(
'value' => !empty($date[1]) ? $date[1] - 1 : '',
'display' => $settings['ma_el_show_month'],
'title' => $settings['ma_el_label_month'] ?? __('Month', 'master-addons'),
),
'day' => array(
'value' => !empty($date[2]) ? $date[2] : '',
'display' => $settings['ma_el_show_day'],
'title' => $settings['ma_el_label_day'] ?? __('Days', 'master-addons'),
),
'hour' => array(
'value' => !empty($time[0]) ? $time[0] : '',
'display' => $settings['ma_el_show_hour'],
'title' =>$settings['ma_el_label_hour'] ?? __('Hours', 'master-addons' ),
),
'min' => array(
'value' => !empty($time[1]) ? $time[1] : '',
'display' => $settings['ma_el_show_min'],
'title' => $settings['ma_el_label_min'] ?? __('Minutes','master-addons'),
),
'sec' => array(
'value' => !empty($time[2]) ? $time[2] : '',
'display' => $settings['ma_el_show_sec'],
'title' => $settings['ma_el_label_sec'] ?? __('Seconds','master-addons')
),
);
// remove last item separator
$visible_units = array_filter($date_attr, fn($unit) => !empty($unit['display']));
$last_unit_key = array_key_last($visible_units);
foreach ($date_attr as $attr => $key) {
$this->add_render_attribute(
'jltma_countdown_keys',
[
'data-countdown-' . $attr => $key['value'],
]
);
if ($key['display']) {
$is_last_item = ($attr === $last_unit_key);
$attr_markup .= '';
$attr_markup .= '' . __('0', 'master-addons' ) . '';
$attr_markup .= ('inline' === $countdown_style || 'inline-table' === $countdown_style) && !empty($seperator) ? '' . esc_attr($seperator) . '' : '';
$attr_markup .= '' . esc_html($key['title']) . '';
$attr_markup .= '
';
if (
!empty($seperator) &&
('block' === $countdown_style || 'block-table' === $countdown_style) &&
!$is_last_item
) {
$attr_markup .= '' . esc_html($seperator) . '';
}
}
}
// Add infinite countdown flag (server handles interval calculation)
// The current interval end time is already calculated server-side above
if (!empty($settings['ma_el_countdown_time_infinitive']) && $settings['ma_el_countdown_time_infinitive'] === 'yes') {
$this->add_render_attribute('jltma_countdown_keys', 'data-countdown-infinite', 'yes');
}
$this->add_render_attribute(
'ma_el_countdown_timer',
[
'class' => [
'jltma-countdown-wrapper',
'jltma-countdown',
'jltma-countdown-' . esc_attr($countdown_style),
($countdown_skin && 'default' !== $countdown_skin) ? 'jltma-countdown-skin-' . esc_attr($countdown_skin) : '',
],
'id' => 'jltma-countdown-' . esc_attr($this->get_id()),
]
);
$output = '';
echo wp_kses_post($output);
}
}