balmet.com

Welbim_Projects.php (11593B)

---

 <?php
 namespace Welbim\Helper\Elementor\Widgets;
 
 use Elementor\Utils;
 use Elementor\Controls_Manager;
 use Elementor\Widget_Base;
 use Elementor\Plugin;
 use \Elementor\Repeater;
 use Elementor\Group_Control_Typography;
 
 class Welbim_Projects extends Widget_Base {
 
 
 	public function get_name() {
 		return 'welbim_projects';
 	}
 
 	public function get_title() {
 		return esc_html__( 'Welbim Projects', 'welbim' );
 	}
 
 	public function get_icon() {
 		return 'sds-widget-ico';
 	}
 
 	public function get_categories() {
 		return array( 'Welbim' );
 	}
 
 	protected function _register_controls() {
 		$this->start_controls_section(
 			'general',
 			array(
 				'label' => esc_html__( 'General', 'welbim' ),
 			)
 		);
 
 		$this->add_control(
 			'layout_style',
 			array(
 				'label'   => esc_html__( 'Layout Style', 'welbim' ),
 				'type'    => Controls_Manager::SELECT,
 				'options' => array(
 					'style_1' => esc_html__( 'Style One', 'welbim' ),
 					'style_2' => esc_html__( 'Style Two', 'welbim' ),
 					'style_3' => esc_html__( 'Style Three', 'welbim' ),
 				),
 				'default' => 'style_1',
 			)
 		);
 
 		$this->add_control(
 			'heading',
 			array(
 				'label'      => esc_html__( 'Heading', 'welbim' ),
 				'type'       => Controls_Manager::TEXT,
 				'default'    => __( 'Recent projects', 'welbim' ),
 				'conditions' => array(
 					'relation' => 'or',
 					'terms'    => array(
 						array(
 							'name'     => 'layout_style',
 							'operator' => '==',
 							'value'    => 'style_1',
 						),
 						array(
 							'name'     => 'layout_style',
 							'operator' => '==',
 							'value'    => 'style_3',
 						),
 					),
 				),
 			)
 		);
 
 		$this->add_control(
 			'sub_heading',
 			array(
 				'label'      => esc_html__( 'Sub Heading', 'welbim' ),
 				'type'       => Controls_Manager::TEXT,
 				'default'    => __( 'Our Closed Projects', 'welbim' ),
 				'conditions' => array(
 					'relation' => 'or',
 					'terms'    => array(
 						array(
 							'name'     => 'layout_style',
 							'operator' => '==',
 							'value'    => 'style_1',
 						),
 						array(
 							'name'     => 'layout_style',
 							'operator' => '==',
 							'value'    => 'style_3',
 						),
 					),
 				),
 			)
 		);
 
 		$this->end_controls_section();
 
 		$this->start_controls_section(
 			'item',
 			array(
 				'label' => esc_html__( 'Item', 'welbim' ),
 			)
 		);
 
 		$repeater = new Repeater();
 
 		$repeater->add_control(
 			'item_title',
 			array(
 				'label' => esc_html__( 'Title', 'welbim' ),
 				'type'  => Controls_Manager::TEXT,
 			)
 		);
 
 		$repeater->add_control(
 			'item_image',
 			array(
 				'label'   => esc_html__( 'Image', 'welbim' ),
 				'type'    => Controls_Manager::MEDIA,
 				'default' => array(
 					'url' => Utils::get_placeholder_image_src(),
 				),
 
 			)
 		);
 
 		$repeater->add_control(
 			'item_title_url',
 			array(
 				'label'         => esc_html__( 'Title URL', 'welbim' ),
 				'type'          => Controls_Manager::URL,
 				'placeholder'   => esc_html__( 'https://your-link.com', 'welbim' ),
 				'show_external' => true,
 				'default'       => array(
 					'url'         => '',
 					'is_external' => false,
 					'nofollow'    => false,
 				),
 			)
 		);
 
 		$this->add_control(
 			'items',
 			array(
 				'label'   => esc_html__( 'Repeater List', 'welbim' ),
 				'type'    => Controls_Manager::REPEATER,
 				'fields'  => $repeater->get_controls(),
 				'default' => array(
 					array(
 						'list_title'   => esc_html__( 'Title #1', 'welbim' ),
 						'list_content' => esc_html__( 'Item content. Click the edit button to change this text.', 'welbim' ),
 					),
 					array(
 						'list_title'   => esc_html__( 'Title #2', 'welbim' ),
 						'list_content' => esc_html__( 'Item content. Click the edit button to change this text.', 'welbim' ),
 					),
 				),
 			)
 		);
 
 		$this->end_controls_section();
 
 		// Typography Section
 		$this->start_controls_section(
 			'typography_section',
 			array(
 				'label' => __( 'Typography Section', 'welbim' ),
 				'tab'   => Controls_Manager::TAB_STYLE,
 			)
 		);
 
 		$this->add_group_control(
 			Group_Control_Typography::get_type(),
 			array(
 				'name'     => 'heading_typography',
 				'label'    => __( 'Heading', 'welbim' ),
 				'selector' => '{{WRAPPER}} .sec-title h2',
 
 			)
 		);
 
 		$this->add_group_control(
 			Group_Control_Typography::get_type(),
 			array(
 				'name'     => 'sub_heading_typography',
 				'label'    => __( 'Sub Heading', 'welbim' ),
 				'selector' => '{{WRAPPER}} .sec-title .sub-title',
 
 			)
 		);
 
 		$this->add_group_control(
 			Group_Control_Typography::get_type(),
 			array(
 				'name'     => 'item_title_typography',
 				'label'    => __( 'Items Title ', 'welbim' ),
 				'selector' => '{{WRAPPER}} .project-block h4 a',
 
 			)
 		);
 
 		$this->end_controls_section();
 
 		// Color Section
 		$this->start_controls_section(
 			'color_section',
 			array(
 				'label' => __( 'Color Section', 'welbim' ),
 				'tab'   => \Elementor\Controls_Manager::TAB_STYLE,
 			)
 		);
 
 		$this->start_controls_tabs( 'tabs_button_style' );
 		$this->start_controls_tab(
 			'tab_button_normal',
 			array(
 				'label' => __( 'Normal', 'welbim' ),
 			)
 		);
 
 		$this->add_control(
 			'heading_color',
 			array(
 				'label'     => __( 'Heading Color', 'welbim' ),
 				'separator' => 'before',
 				'type'      => \Elementor\Controls_Manager::COLOR,
 				'selectors' => array(
 					'{{WRAPPER}} .sec-title.light h2' => 'color: {{VALUE}}',
 					'{{WRAPPER}} .sec-title h2'       => 'color: {{VALUE}}',
 				),
 			)
 		);
 
 		$this->add_control(
 			'sub_heading_color',
 			array(
 				'label'     => __( 'Sub Heading Color', 'welbim' ),
 				'separator' => 'before',
 				'type'      => \Elementor\Controls_Manager::COLOR,
 				'selectors' => array(
 					'{{WRAPPER}} .projects-section .sec-title .sub-title' => 'color: {{VALUE}}',
 					'{{WRAPPER}} .sec-title .sub-title' => 'color: {{VALUE}}',
 				),
 			)
 		);
 
 		$this->end_controls_tab();
 
 		$this->start_controls_tab(
 			'tab_button_hover',
 			array(
 				'label' => __( 'Hover', 'welbim' ),
 			)
 		);
 
 		$this->add_control(
 			'title_color',
 			array(
 				'label'     => __( 'Title Color', 'welbim' ),
 				'separator' => 'before',
 				'type'      => \Elementor\Controls_Manager::COLOR,
 				'selectors' => array(
 					'{{WRAPPER}} .project-block h4 a:hover' => 'color: {{VALUE}}',
 				),
 			)
 		);
 
 		$this->end_controls_tab();
 		$this->end_controls_tabs();
 		$this->end_controls_section();
 	}
 	protected function render() {
 		$settings     = $this->get_settings_for_display();
 		$layout_style = $settings['layout_style'];
 
 		if ( $layout_style == 'style_1' ) {
 			$heading     = $settings['heading'];
 			$sub_heading = $settings['sub_heading'];
 			?>
 			<section class="projects-section">
 				<div class="auto-container">
 					<div class="sec-title text-center light">
 						<div class="sub-title"><?php echo $sub_heading; ?></div>
 						<h2><?php echo $heading; ?></h2>
 					</div>
 					<div class="row">
 						<?php
 						$i = 1;
 						foreach ( $settings['items'] as $item ) {
 							$item_title              = $item['item_title'];
 							$item_image              = ( $item['item_image']['id'] != '' ) ? wp_get_attachment_image( $item['item_image']['id'], 'full' ) : $item['item_image']['url'];
 							$item_image_alt          = get_post_meta( $item['item_image']['id'], '_wp_attachment_image_alt', true );
 							$item_title_url          = $item['item_title_url']['url'];
 							$item_title_url_external = $item['item_title_url']['is_external'] ? 'target="_blank"' : '';
 							$item_title_url_nofollow = $item['item_title_url']['nofollow'] ? 'rel="nofollow"' : '';
 							?>
 							<div class="col-xl-3 col-lg-6 project-block">
 								<div class="inner-box">
 									<div class="image">
 										<?php
 										if ( wp_http_validate_url( $item_image ) ) {
 											?>
 											<img src="<?php echo esc_url( $item_image ); ?>" alt="<?php esc_url( $item_image_alt ); ?>">
 											<?php
 										} else {
 											echo $item_image;
 										}
 										?>
 									</div>
 									<h4><a href=" <?php echo esc_url( $item_title_url ); ?>" <?php echo $item_title_url_external; ?> <?php echo $item_title_url_nofollow; ?>><?php echo $item_title; ?></a></h4>
 								</div>
 							</div>
 							<?php
 							$i++;
 						}
 						?>
 					</div>
 				</div>
 			</section>
 		<?php } elseif ( $layout_style == 'style_2' ) { ?>
 			<!-- Projects section -->
 			<section class="projects-section style-two">
 				<div class="auto-container">
 					<div class="row">
 						<?php
 						$i = 1;
 						foreach ( $settings['items'] as $item ) {
 							$item_title              = $item['item_title'];
 							$item_image              = ( $item['item_image']['id'] != '' ) ? wp_get_attachment_image( $item['item_image']['id'], 'full' ) : $item['item_image']['url'];
 							$item_image_alt          = get_post_meta( $item['item_image']['id'], '_wp_attachment_image_alt', true );
 							$item_title_url          = $item['item_title_url']['url'];
 							$item_title_url_external = $item['item_title_url']['is_external'] ? 'target="_blank"' : '';
 							$item_title_url_nofollow = $item['item_title_url']['nofollow'] ? 'rel="nofollow"' : '';
 							?>
 							<div class="col-lg-4 col-md-6 project-block">
 								<div class="inner-box">
 									<div class="image">
 										<?php
 										if ( wp_http_validate_url( $item_image ) ) {
 											?>
 											<img src="<?php echo esc_url( $item_image ); ?>" alt="<?php esc_url( $item_image_alt ); ?>">
 											<?php
 										} else {
 											echo $item_image;
 										}
 										?>
 									</div>
 									<h4><a href=" <?php echo esc_url( $item_title_url ); ?>" <?php echo $item_title_url_external; ?> <?php echo $item_title_url_nofollow; ?>><?php echo $item_title; ?></a></h4>
 								</div>
 							</div>
 							<?php
 							$i++;
 						}
 						?>
 					</div>
 				</div>
 			</section>
 			<?php
 		} elseif ( $layout_style == 'style_3' ) {
 			$heading     = $settings['heading'];
 			$sub_heading = $settings['sub_heading'];
 			?>
 
 			<section class="related-projects">
 				<div class="auto-container">
 					<div class="sec-title text-center">
 						<div class="sub-title"><?php echo $sub_heading; ?></div>
 						<h2><?php echo $heading; ?></h2>
 					</div>
 					<div class="row">
 						<?php
 						$i = 1;
 						foreach ( $settings['items'] as $item ) {
 							$item_title              = $item['item_title'];
 							$item_image              = ( $item['item_image']['id'] != '' ) ? wp_get_attachment_image( $item['item_image']['id'], 'full' ) : $item['item_image']['url'];
 							$item_image_alt          = get_post_meta( $item['item_image']['id'], '_wp_attachment_image_alt', true );
 							$item_title_url          = $item['item_title_url']['url'];
 							$item_title_url_external = $item['item_title_url']['is_external'] ? 'target="_blank"' : '';
 							$item_title_url_nofollow = $item['item_title_url']['nofollow'] ? 'rel="nofollow"' : '';
 							?>
 							<div class="col-lg-4 col-md-6 project-block">
 								<div class="inner-box">
 									<div class="image">
 										<?php
 										if ( wp_http_validate_url( $item_image ) ) {
 											?>
 											<img src="<?php echo esc_url( $item_image ); ?>" alt="<?php esc_url( $item_image_alt ); ?>">
 											<?php
 										} else {
 											echo $item_image;
 										}
 										?>
 									</div>
 									<h4><a href=" <?php echo esc_url( $item_title_url ); ?>" <?php echo $item_title_url_external; ?> <?php echo $item_title_url_nofollow; ?>><?php echo $item_title; ?></a></h4>
 								</div>
 							</div>
 							<?php
 							$i++;
 						}
 						?>
 					</div>
 				</div>
 			</section>
 			<?php
 		}
 	}
 }