start_controls_section( 'eael_ext_reading_progress_section', [ 'label' => __(' Reading Progress Bar', 'essential-addons-for-elementor-lite'), 'tab' => Controls_Manager::TAB_SETTINGS, ] ); $element->add_control( 'eael_ext_reading_progress', [ 'label' => __('Enable Reading Progress Bar', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SWITCHER, 'default' => 'no', 'label_on' => __('Yes', 'essential-addons-for-elementor-lite'), 'label_off' => __('No', 'essential-addons-for-elementor-lite'), 'return_value' => 'yes', ] ); $element->add_control( 'eael_ext_reading_progress_has_global', [ 'label' => __('Enabled Globally?', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::HIDDEN, 'default' => (isset($global_settings['reading_progress']['enabled']) ? $global_settings['reading_progress']['enabled'] : false), ] ); if (isset($global_settings['reading_progress']['enabled']) && ($global_settings['reading_progress']['enabled'] == true) && get_the_ID() != $global_settings['reading_progress']['post_id'] && get_post_status($global_settings['reading_progress']['post_id']) == 'publish') { $element->add_control( 'eael_global_warning_text', [ 'type' => Controls_Manager::RAW_HTML, 'raw' => __('You can modify the Global Reading Progress Bar by Clicking Here', 'essential-addons-for-elementor-lite'), 'content_classes' => 'eael-warning', 'separator' => 'before', 'condition' => [ 'eael_ext_reading_progress' => 'yes', ], ] ); } else { $element->add_control( 'eael_ext_reading_progress_global', [ 'label' => __('Enable Reading Progress Bar Globally', 'essential-addons-for-elementor-lite'), 'description' => __('Enabling this option will effect on entire site.', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SWITCHER, 'default' => 'no', 'label_on' => __('Yes', 'essential-addons-for-elementor-lite'), 'label_off' => __('No', 'essential-addons-for-elementor-lite'), 'return_value' => 'yes', 'separator' => 'before', 'condition' => [ 'eael_ext_reading_progress' => 'yes', ], ] ); $element->add_control( 'eael_ext_reading_progress_global_display_condition', [ 'label' => __('Display On', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SELECT, 'default' => 'all', 'options' => [ 'posts' => __('All Posts', 'essential-addons-for-elementor-lite'), 'pages' => __('All Pages', 'essential-addons-for-elementor-lite'), 'all' => __('All Posts & Pages', 'essential-addons-for-elementor-lite'), ], 'condition' => [ 'eael_ext_reading_progress' => 'yes', 'eael_ext_reading_progress_global' => 'yes', ], 'separator' => 'before', ] ); } $element->add_control( 'eael_ext_reading_progress_position', [ 'label' => esc_html__('Position', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SELECT, 'default' => 'top', 'label_block' => false, 'options' => [ 'top' => esc_html__('Top', 'essential-addons-for-elementor-lite'), 'bottom' => esc_html__('Bottom', 'essential-addons-for-elementor-lite'), ], 'separator' => 'before', 'condition' => [ 'eael_ext_reading_progress' => 'yes', ], ] ); $element->add_control( 'eael_ext_reading_progress_height', [ 'label' => __('Height', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px'], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, 'step' => 1, ], ], 'default' => [ 'unit' => 'px', 'size' => 5, ], 'selectors' => [ '.eael-reading-progress-wrap .eael-reading-progress' => 'height: {{SIZE}}{{UNIT}} !important', '.eael-reading-progress-wrap .eael-reading-progress .eael-reading-progress-fill' => 'height: {{SIZE}}{{UNIT}} !important', ], 'separator' => 'before', 'condition' => [ 'eael_ext_reading_progress' => 'yes', ], ] ); $element->add_control( 'eael_ext_reading_progress_bg_color', [ 'label' => __('Background Color', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::COLOR, 'default' => '', 'selectors' => [ '.eael-reading-progress' => 'background-color: {{VALUE}}', ], 'separator' => 'before', 'condition' => [ 'eael_ext_reading_progress' => 'yes', ], ] ); $element->add_control( 'eael_ext_reading_progress_fill_color', [ 'label' => __('Fill Color', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::COLOR, 'default' => '#1fd18e', 'selectors' => [ '.eael-reading-progress-wrap .eael-reading-progress .eael-reading-progress-fill' => 'background-color: {{VALUE}}', ], 'separator' => 'before', 'condition' => [ 'eael_ext_reading_progress' => 'yes', ], ] ); $element->add_control( 'eael_ext_reading_progress_animation_speed', [ 'label' => __('Animation Speed', 'essential-addons-for-elementor-lite'), 'type' => Controls_Manager::SLIDER, 'size_units' => ['px'], 'range' => [ 'px' => [ 'min' => 0, 'max' => 1000, 'step' => 1, ], ], 'default' => [ 'unit' => 'px', 'size' => 50, ], 'selectors' => [ '.eael-reading-progress-wrap .eael-reading-progress .eael-reading-progress-fill' => 'transition: width {{SIZE}}ms ease;', ], 'separator' => 'before', 'condition' => [ 'eael_ext_reading_progress' => 'yes', ], ] ); $element->end_controls_section(); } }