Your IP : 216.73.216.95
<?php
namespace Maxcoach_Elementor;
use Elementor\Controls_Manager;
use Elementor\Core\Schemes\Color as Scheme_Color;
defined( 'ABSPATH' ) || exit;
class Widget_Shapes extends Base {
public function get_name() {
return 'tm-shapes';
}
public function get_title() {
return esc_html__( 'Modern Shapes', 'maxcoach' );
}
public function get_icon_part() {
return 'eicon-favorite';
}
public function get_keywords() {
return [ 'shapes' ];
}
protected function register_controls() {
$this->add_content_section();
}
private function add_content_section() {
$this->start_controls_section( 'content_section', [
'label' => esc_html__( 'Shape', 'maxcoach' ),
] );
$this->add_control( 'type', [
'label' => esc_html__( 'Type', 'maxcoach' ),
'type' => Controls_Manager::SELECT,
'options' => [
'circle' => esc_html__( 'Circle', 'maxcoach' ),
'border-circle' => esc_html__( 'Border Circle', 'maxcoach' ),
'distortion' => esc_html__( 'Distortion', 'maxcoach' ),
'distortion-02' => esc_html__( 'Distortion 02', 'maxcoach' ),
'distortion-03' => esc_html__( 'Distortion 03', 'maxcoach' ),
'distortion-04' => esc_html__( 'Distortion 04', 'maxcoach' ),
'distortion-05' => esc_html__( 'Distortion 05', 'maxcoach' ),
'distortion-06' => esc_html__( 'Distortion 06', 'maxcoach' ),
],
'default' => 'circle',
'render_type' => 'template',
'prefix_class' => 'maxcoach-shape-',
] );
$this->add_responsive_control( 'shape_size', [
'label' => esc_html__( 'Size', 'maxcoach' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%', 'vw' ],
'range' => [
'px' => [
'min' => 5,
'max' => 1000,
],
'%' => [
'min' => 0,
'max' => 100,
],
'vw' => [
'min' => 0,
'max' => 100,
],
],
'default' => [
'unit' => 'px',
'size' => 50,
],
'selectors' => [
'{{WRAPPER}} .shape' => 'width: {{SIZE}}{{UNIT}};',
'{{WRAPPER}} .maxcoach-shape-1-1 .shape' => 'height: {{SIZE}}{{UNIT}};',
],
] );
$this->add_responsive_control( 'shape_border_size', [
'label' => esc_html__( 'Border', 'maxcoach' ),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 1,
'max' => 50,
],
],
'default' => [
'unit' => 'px',
'size' => 3,
],
'selectors' => [
'{{WRAPPER}} .shape' => 'border-width: {{SIZE}}{{UNIT}};',
],
'condition' => [
'type' => [ 'border-circle' ],
],
] );
$this->add_control( 'shape_flip_x', [
'label' => esc_html__( 'Flip Horizontally', 'maxcoach' ),
'type' => Controls_Manager::CHOOSE,
'toggle' => false,
'options' => [
'1' => [
'title' => esc_html__( 'None', 'maxcoach' ),
'icon' => 'eicon-ban',
],
'-1' => [
'title' => esc_html__( 'Yes', 'maxcoach' ),
'icon' => 'eicon-h-align-right',
],
],
'default' => '1',
'selectors' => [
'{{WRAPPER}} .shape' => 'transform: rotate({{shape_rotate.SIZE}}{{shape_rotate.UNIT}}) scale({{VALUE}}, {{shape_flip_y.VALUE}});',
],
'condition' => [
'type' => [
'distortion',
'distortion-02',
'distortion-03',
'distortion-04',
'distortion-05',
'distortion-06',
],
],
] );
$this->add_control( 'shape_flip_y', [
'label' => esc_html__( 'Flip Vertical', 'maxcoach' ),
'type' => Controls_Manager::CHOOSE,
'toggle' => false,
'options' => [
'1' => [
'title' => esc_html__( 'None', 'maxcoach' ),
'icon' => 'eicon-ban',
],
'-1' => [
'title' => esc_html__( 'Yes', 'maxcoach' ),
'icon' => 'eicon-v-align-bottom',
],
],
'default' => '1',
'selectors' => [
'{{WRAPPER}} .shape' => 'transform: rotate({{shape_rotate.SIZE}}{{shape_rotate.UNIT}}) scale({{shape_flip_x.VALUE}}, {{VALUE}});',
],
'condition' => [
'type' => [
'distortion',
'distortion-02',
'distortion-03',
'distortion-04',
'distortion-05',
'distortion-06',
],
],
] );
$this->add_control( 'shape_rotate', [
'label' => esc_html__( 'Rotate', 'maxcoach' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'deg' ],
'range' => [
'deg' => [
'min' => -360,
'max' => 360,
'step' => 1,
],
],
'default' => [
'size' => 0,
'unit' => 'deg',
],
'selectors' => [
'{{WRAPPER}} .shape' => 'transform: rotate({{SIZE}}{{UNIT}}) scale({{shape_flip_x.VALUE}}, {{shape_flip_y.VALUE}});',
],
'condition' => [
'type' => [
'distortion',
'distortion-02',
'distortion-03',
'distortion-04',
'distortion-05',
'distortion-06',
],
],
] );
$this->add_responsive_control( 'shape_offset_x', [
'label' => esc_html__( 'Horizontal Offset', 'maxcoach' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%' ],
'range' => [
'px' => [
'min' => -1000,
'max' => 1000,
'step' => 1,
],
'%' => [
'min' => -200,
'max' => 200,
'step' => 1,
],
],
'default' => [
'size' => '0',
'unit' => 'px',
],
'selectors' => [
'{{WRAPPER}} .maxcoach-shape' => 'transform: translate({{SIZE}}{{UNIT}}, {{shape_offset_y.SIZE}}{{shape_offset_y.UNIT}});',
],
] );
$this->add_responsive_control( 'shape_offset_y', [
'label' => esc_html__( 'Vertical Offset', 'maxcoach' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%' ],
'range' => [
'px' => [
'min' => -1000,
'max' => 1000,
'step' => 1,
],
'%' => [
'min' => -200,
'max' => 200,
'step' => 1,
],
],
'default' => [
'size' => '0',
'unit' => 'px',
],
'selectors' => [
'{{WRAPPER}} .maxcoach-shape' => 'transform: translate({{shape_offset_x.SIZE}}{{shape_offset_x.UNIT}}, {{SIZE}}{{UNIT}});',
],
] );
$this->add_control( 'shape_color', [
'label' => esc_html__( 'Color', 'maxcoach' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .shape' => 'color: {{VALUE}};',
'{{WRAPPER}} .elementor-shape-fill' => 'fill: {{VALUE}};',
],
'scheme' => [
'type' => Scheme_Color::get_type(),
'value' => Scheme_Color::COLOR_1,
],
] );
$this->end_controls_section();
}
protected function render() {
$settings = $this->get_settings_for_display();
$this->add_render_attribute( 'box', 'class', 'maxcoach-shape' );
if ( in_array( $settings['type'], [
'circle',
'border-circle',
], true ) ) {
$this->add_render_attribute( 'box', 'class', 'maxcoach-shape-1-1' );
}
?>
<div <?php $this->print_render_attribute_string( 'box' ) ?>>
<?php if ( in_array( $settings['type'], [
'distortion',
'distortion-02',
'distortion-03',
'distortion-04',
'distortion-05',
'distortion-06',
], true ) ): ?>
<div class="shape">
<?php echo \Maxcoach_Helper::get_file_contents( MAXCOACH_THEME_DIR . '/assets/shape/' . $settings['type'] . '.svg' ); ?>
</div>
<?php else: ?>
<div class="shape"></div>
<?php endif; ?>
</div>
<?php
}
}