Файловый менеджер - Редактировать - /home/vspaqvrt/public_html/wp-content/plugins/elementor-pro/modules/progress-tracker/widgets/progress-tracker.php
Назад
<?php namespace ElementorPro\Modules\ProgressTracker\Widgets; use Elementor\Controls_Manager; use Elementor\Core\Kits\Documents\Tabs\Global_Typography; use Elementor\Group_Control_Background; use Elementor\Group_Control_Box_Shadow; use Elementor\Group_Control_Text_Shadow; use Elementor\Group_Control_Typography; use Elementor\Modules\PageTemplates\Module as PageTemplatesModule; use ElementorPro\Base\Base_Widget; if ( ! defined( 'ABSPATH' ) ) { exit; // Exit if accessed directly } class ProgressTracker extends Base_Widget { public function get_name() { return 'progress-tracker'; } public function get_title() { return esc_html__( 'Progress Tracker', 'elementor-pro' ); } public function get_icon() { return 'eicon-progress-tracker'; } public function get_categories() { return [ 'pro-elements', 'theme-elements-single' ]; } public function get_keywords() { return [ 'progress', 'tracker', 'read', 'scroll' ]; } private function register_content_controls() { $this->start_controls_section( 'section_content_scrolling_tracker', [ 'label' => esc_html__( 'Progress Tracker', 'elementor-pro' ), 'tab' => Controls_Manager::TAB_CONTENT, ] ); $this->add_control( 'type', [ 'label' => esc_html__( 'Tracker Type', 'elementor-pro' ), 'type' => Controls_Manager::SELECT, 'frontend_available' => true, 'options' => [ 'horizontal' => esc_html__( 'Horizontal', 'elementor-pro' ), 'circular' => esc_html__( 'Circular', 'elementor-pro' ), ], 'default' => 'horizontal', ] ); $this->add_control( 'relative_to', [ 'label' => esc_html__( 'Progress relative to', 'elementor-pro' ), 'type' => Controls_Manager::SELECT, 'frontend_available' => true, 'options' => [ 'entire_page' => esc_html__( 'Entire Page', 'elementor-pro' ), 'post_content' => esc_html__( 'Post Content', 'elementor-pro' ), 'selector' => esc_html__( 'Selector', 'elementor-pro' ), ], 'default' => 'entire_page', ] ); $this->add_control( 'selector', [ 'label' => esc_html__( 'Selector', 'elementor-pro' ), 'type' => Controls_Manager::TEXT, 'description' => esc_html__( 'Add the CSS ID or Class of a specific element on this page to track its progress separately', 'elementor-pro' ), 'frontend_available' => true, 'condition' => [ 'relative_to' => 'selector', ], 'placeholder' => '#id, .class', ] ); $this->add_control( 'relative_to_description', [ 'type' => Controls_Manager::RAW_HTML, 'raw' => esc_html__( 'Note: You can only track progress relative to Post Content on a single post template.', 'elementor-pro' ), 'separator' => 'none', 'content_classes' => 'elementor-descriptor', 'condition' => [ 'relative_to' => 'post_content', ], ] ); $this->add_control( 'direction', [ 'label' => esc_html__( 'Direction', 'elementor-pro' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'ltr' => [ 'title' => esc_html__( 'Left', 'elementor-pro' ), 'icon' => 'eicon-h-align-left', ], 'rtl' => [ 'title' => esc_html__( 'Right', 'elementor-pro' ), 'icon' => 'eicon-h-align-right', ], ], 'render_type' => 'template', 'frontend_available' => true, 'selectors' => [ '{{WRAPPER}}' => '--direction: {{VALUE}}', ], ] ); $this->add_control( 'percentage', [ 'label' => esc_html__( 'Percentage', 'elementor-pro' ), 'type' => Controls_Manager::SWITCHER, 'label_on' => esc_html__( 'Show', 'elementor-pro' ), 'label_off' => esc_html__( 'Hide', 'elementor-pro' ), 'default' => 'no', 'frontend_available' => true, ] ); $this->add_responsive_control( 'percentage_position', [ 'label' => esc_html__( 'Percentage Position', 'elementor-pro' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'rtl' => [ 'title' => esc_html__( 'Left', 'elementor-pro' ), 'icon' => 'eicon-h-align-left', ], 'ltr' => [ 'title' => esc_html__( 'Right', 'elementor-pro' ), 'icon' => 'eicon-h-align-right', ], ], 'condition' => [ 'type' => 'horizontal', 'percentage' => 'yes', ], 'selectors' => [ '{{WRAPPER}}' => '--text-direction: {{VALUE}};', ], ] ); $this->end_controls_section(); } private function register_tracker_style_controls() { $this->start_controls_section( 'section_style_scrolling_tracker', [ 'label' => esc_html__( 'Tracker', 'elementor-pro' ), 'tab' => Controls_Manager::TAB_STYLE, ] ); $this->add_responsive_control( 'circular_size', [ 'label' => esc_html__( 'Size', 'elementor-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', 'em', 'rem', 'custom' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 200, ], ], 'selectors' => [ '{{WRAPPER}}' => '--circular-width: {{SIZE}}{{UNIT}}; --circular-height: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'type' => 'circular', ], ] ); $this->add_control( 'heading_progress_style', [ 'type' => Controls_Manager::HEADING, 'label' => esc_html__( 'Progress Indicator', 'elementor-pro' ), ] ); $this->add_control( 'circular_color', [ 'label' => esc_html__( 'Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--circular-color: {{VALUE}}', ], 'condition' => [ 'type' => 'circular', ], ] ); $this->add_responsive_control( 'circular_width', [ 'label' => esc_html__( 'Width', 'elementor-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 400, ], ], 'selectors' => [ '{{WRAPPER}}' => '--circular-progress-width: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'type' => 'circular', ], ] ); $this->add_responsive_control( 'align', [ 'label' => esc_html__( 'Alignment', 'elementor-pro' ), 'type' => Controls_Manager::CHOOSE, 'options' => [ 'left' => [ 'title' => esc_html__( 'Left', 'elementor-pro' ), 'icon' => 'eicon-text-align-left', ], 'center' => [ 'title' => esc_html__( 'Center', 'elementor-pro' ), 'icon' => 'eicon-text-align-center', ], 'right' => [ 'title' => esc_html__( 'Right', 'elementor-pro' ), 'icon' => 'eicon-text-align-right', ], ], 'condition' => [ 'type' => 'circular', ], ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'horizontal_color', 'types' => [ 'classic', 'gradient' ], 'exclude' => [ 'image' ], 'selector' => '{{WRAPPER}} .current-progress', 'condition' => [ 'type' => 'horizontal', ], 'fields_options' => [ 'background' => [ 'label' => esc_html__( 'Progress Color', 'elementor-pro' ), ], ], ] ); $this->add_control( 'horizontal_border_style', [ 'label' => esc_html__( 'Border Type', 'elementor-pro' ), 'type' => Controls_Manager::SELECT, 'default' => 'none', 'options' => [ 'none' => esc_html__( 'None', 'elementor-pro' ), 'solid' => _x( 'Solid', 'Border Control', 'elementor-pro' ), 'double' => _x( 'Double', 'Border Control', 'elementor-pro' ), 'dotted' => _x( 'Dotted', 'Border Control', 'elementor-pro' ), 'dashed' => _x( 'Dashed', 'Border Control', 'elementor-pro' ), 'groove' => _x( 'Groove', 'Border Control', 'elementor-pro' ), ], 'selectors' => [ '{{WRAPPER}}' => '--horizontal-progress-border: {{VALUE}};', ], 'condition' => [ 'type' => 'horizontal', ], ] ); $this->add_responsive_control( 'horizontal_border_width', [ 'label' => esc_html__( 'Width', 'elementor-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ], 'selectors' => [ '{{WRAPPER}}' => '--horizontal-progress-border-top-width: {{TOP}}{{UNIT}}; --horizontal-progress-border-right-width: {{RIGHT}}{{UNIT}}; --horizontal-progress-border-bottom-width: {{BOTTOM}}{{UNIT}}; --horizontal-progress-border-left-width: {{LEFT}}{{UNIT}};', ], 'condition' => [ 'horizontal_border_style!' => 'none', 'type' => 'horizontal', ], ] ); $this->add_control( 'horizontal_border_color', [ 'label' => esc_html__( 'Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--horizontal-progress-border-color: {{VALUE}}', ], 'condition' => [ 'horizontal_border_style!' => 'none', 'type' => 'horizontal', ], ] ); $this->add_responsive_control( 'horizontal_border_radius', [ 'label' => esc_html__( 'Border Radius', 'elementor-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ], 'selectors' => [ '{{WRAPPER}}' => '--progress-border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'type' => 'horizontal', ], ] ); $this->add_control( 'heading_tracker_background_style', [ 'type' => Controls_Manager::HEADING, 'label' => esc_html__( 'Tracker Background', 'elementor-pro' ), 'separator' => 'before', ] ); $this->add_control( 'circular_background_color', [ 'label' => esc_html__( 'Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--circular-background-color: {{VALUE}}', ], 'condition' => [ 'type' => 'circular', ], ] ); $this->add_responsive_control( 'circular_background_width', [ 'label' => esc_html__( 'Width', 'elementor-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 400, ], ], 'selectors' => [ '{{WRAPPER}}' => '--circular-background-width: {{SIZE}}{{UNIT}};', ], 'condition' => [ 'type' => 'circular', ], ] ); $this->add_group_control( Group_Control_Background::get_type(), [ 'name' => 'horizontal_background_color', 'types' => [ 'classic', 'gradient' ], 'exclude' => [ 'image' ], 'selector' => '{{WRAPPER}} .elementor-scrolling-tracker-horizontal', 'fields_options' => [ 'background' => [ 'label' => esc_html__( 'Background Color', 'elementor-pro' ), ], ], 'condition' => [ 'type' => 'horizontal', ], ] ); $this->add_responsive_control( 'horizontal_height', [ 'label' => esc_html__( 'Height', 'elementor-pro' ), 'type' => Controls_Manager::SLIDER, 'size_units' => [ 'px', 'em', 'rem', 'vh', 'custom' ], 'range' => [ 'px' => [ 'min' => 0, 'max' => 100, ], 'vh' => [ 'min' => 0, 'max' => 100, ], ], 'selectors' => [ '{{WRAPPER}}' => '--horizontal-height: {{SIZE}}{{UNIT}}', ], 'condition' => [ 'type' => 'horizontal', ], ] ); $this->add_control( 'horizontal_tracker_border_style', [ 'label' => esc_html__( 'Border Type', 'elementor-pro' ), 'type' => Controls_Manager::SELECT, 'default' => 'none', 'options' => [ 'none' => esc_html__( 'None', 'elementor-pro' ), 'solid' => _x( 'Solid', 'Border Control', 'elementor-pro' ), 'double' => _x( 'Double', 'Border Control', 'elementor-pro' ), 'dotted' => _x( 'Dotted', 'Border Control', 'elementor-pro' ), 'dashed' => _x( 'Dashed', 'Border Control', 'elementor-pro' ), 'groove' => _x( 'Groove', 'Border Control', 'elementor-pro' ), ], 'selectors' => [ '{{WRAPPER}}' => '--horizontal-border-style: {{VALUE}};', ], 'condition' => [ 'type' => 'horizontal', ], ] ); $this->add_responsive_control( 'horizontal_tracker_border_width', [ 'label' => esc_html__( 'Width', 'elementor-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ], 'selectors' => [ '{{WRAPPER}}' => '--horizontal-border-top-width: {{TOP}}{{UNIT}}; --horizontal-border-right-width: {{RIGHT}}{{UNIT}}; --horizontal-border-bottom-width: {{BOTTOM}}{{UNIT}}; --horizontal-border-left-width: {{LEFT}}{{UNIT}};', ], 'condition' => [ 'horizontal_tracker_border_style!' => 'none', 'type' => 'horizontal', ], ] ); $this->add_control( 'horizontal_tracker_border_color', [ 'label' => esc_html__( 'Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--horizontal-border-color: {{VALUE}}', ], 'condition' => [ 'horizontal_tracker_border_style!' => 'none', 'type' => 'horizontal', ], ] ); $this->add_responsive_control( 'horizontal_tracker_border_radius', [ 'label' => esc_html__( 'Border Radius', 'elementor-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ], 'selectors' => [ '{{WRAPPER}}' => '--border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'type' => 'horizontal', ], ] ); $this->add_group_control( Group_Control_Box_Shadow::get_type(), [ 'name' => 'box_shadow', 'selector' => '{{WRAPPER}} .elementor-scrolling-tracker', 'condition' => [ 'type' => 'horizontal', ], ] ); $this->add_responsive_control( 'horizontal_padding', [ 'label' => esc_html__( 'Padding', 'elementor-pro' ), 'type' => Controls_Manager::DIMENSIONS, 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ], 'selectors' => [ '{{WRAPPER}}' => '--tracker-padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};', ], 'condition' => [ 'type' => 'horizontal', ], ] ); $this->end_controls_section(); } private function register_content_style_controls() { $this->start_controls_section( 'section__content_style_scrolling_tracker', [ 'label' => esc_html__( 'Content', 'elementor-pro' ), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'percentage' => 'yes', ], ] ); $this->add_control( 'heading_percentage_style', [ 'type' => Controls_Manager::HEADING, 'label' => esc_html__( 'Percentage', 'elementor-pro' ), 'separator' => 'before', ] ); $this->add_control( 'percentage_color', [ 'label' => esc_html__( 'Color', 'elementor-pro' ), 'type' => Controls_Manager::COLOR, 'selectors' => [ '{{WRAPPER}}' => '--percentage-color: {{VALUE}}', ], 'frontend_available' => true, ] ); $this->add_group_control( Group_Control_Typography::get_type(), [ 'name' => 'percentage_typography', 'selector' => '{{WRAPPER}} .current-progress-percentage', 'global' => [ 'default' => Global_Typography::TYPOGRAPHY_TEXT, ], ] ); $this->add_group_control( Group_Control_Text_Shadow::get_type(), [ 'name' => 'percentage_text_shadow', 'selector' => '{{WRAPPER}} .current-progress-percentage', ] ); $this->end_controls_section(); } protected function register_controls() { $this->register_content_controls(); $this->register_tracker_style_controls(); $this->register_content_style_controls(); } public function render_plain_content() {} protected function render() { $settings = $this->get_settings_for_display(); $horizontal = 'horizontal' === $settings['type']; $this->add_render_attribute( 'scrolling-percentage', 'class', 'current-progress-percentage' ); $this->add_render_attribute( 'scrolling-tracker', 'class', [ 'elementor-scrolling-tracker', 'elementor-scrolling-tracker-' . $settings['type'], 'elementor-scrolling-tracker-alignment-' . $settings['align'], ] ); ?> <div <?php $this->print_render_attribute_string( 'scrolling-tracker' ); ?>> <?php if ( $horizontal ) : ?> <div class="current-progress"> <div <?php $this->print_render_attribute_string( 'scrolling-percentage' ); ?>></div> </div> <?php else : ?> <svg width="100%" height="100%"> <circle class="circle" r="40%" cx="50%" cy="50%"/> <circle class="current-progress" r="40%" cx="50%" cy="50%"/> </svg> <div <?php $this->print_render_attribute_string( 'scrolling-percentage' ); ?>></div> <?php endif; ?> </div> <?php } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Генерация страницы: 0.06 |
proxy
|
phpinfo
|
Настройка