File Manager

X7ROOT File Manager

Current Path: /home/hamdjcne/public_html/wp-content/plugins/hub-core/shortcodes/media-element

home / hamdjcne / public_html / wp-content / plugins / hub-core / shortcodes / media-element /

ðŸ“ ..
ðŸ“„ liquid-media-element.php(11.93 KB)
ðŸ“„ view.php(1004 B)

Editing: liquid-media-element.php

<?php
/**
* Shortcode Media Element
*/

if( ! defined( 'ABSPATH' ) )
	exit; // Exit if accessed directly
	
/**
* LD_Shortcode
*/
class LD_Media_Element extends LD_Shortcode {

/**
	 * Construct
	 * @method __construct
	 */
	public function __construct() {

// Properties
		$this->slug            = 'ld_media_element';
		$this->title           = esc_html__( 'Media Element', 'landinghub-core' );
		$this->description     = esc_html__( 'Add media element', 'landinghub-core' );
		$this->scripts     = array( 'packery-mode', 'jquery-fresco' );
		$this->styles      = array( 'fresco' );
		$this->icon            = 'la la-file-image-o';
		$this->as_child        = array( 'only' => 'ld_media' );
		$this->show_settings_on_create = true;

parent::__construct();
	}

public function get_params() {
		
		$this->params = array(
			
			array(
				'id' => 'title',
			),
			array(
				'type'        => 'textfield',
				'param_name'  => 'subtitle',
				'heading'     => esc_html__( 'Subtitle', 'landinghub-core' )	,
				'description' => esc_html__( 'Add subtitle', 'landinghub-core' ),
			),
			array(
				'type'        => 'dropdown',
				'param_name'  => 'vertical_alignment',
				'heading'     => esc_html__( 'Vertical Alignment', 'landinghub-core' ),
				'description' => esc_html__( 'Select alignment on vertical axe for content', 'landinghub-core' ),
				'value' => array(
					esc_html__( 'Center', 'landinghub-core' ) => 'justify-content-center',
					esc_html__( 'Bottom', 'landinghub-core' ) => 'justify-content-end'
				),
			),
			array(
				'type'       => 'liquid_attach_image',
				'param_name' => 'image',
				'heading'    => esc_html__( 'Image', 'landinghub-core' ),
				'descripton' => esc_html__( 'Add image from gallery or upload new', 'landinghub-core' ),
			),
			array(
				'type'        => 'dropdown',
				'param_name'  => 'link_type', 
				'heading'     => esc_html__( 'Link Type', 'landinghub-core' ),
				'description' => esc_html__( 'Select a type of the link' ),
				'value' => array(
					esc_html__( 'Defaul', 'landinghub-core' ) => 'default',
					esc_html__( 'Image', 'landinghub-core' )  => 'image',
					esc_html__( 'Youtube', 'landinghub-core' )  => 'video',
					esc_html__( 'Iframe', 'landinghub-core' ) => 'iframe',
				),
				'edit_field_class' => 'vc_col-sm-6'
			),
			array(
				'id'               => 'link',
				'description'      => esc_html__( 'Add the link', 'landinghub-core' ),
				'edit_field_class' => 'vc_col-sm-6',
			),
			array(
				'type'             => 'checkbox',
				'param_name'       => 'add_icon',
				'heading'          => esc_html__( 'Add Icon?', 'landinghub-core' ),
				'description'      => esc_html__( 'Will add an icon for lightbox link', 'landinghub-core' ),
				'value'            => array( esc_html__( 'Yes', 'landinghub-core' ) => 'yes' ),
				'edit_field_class' => 'vc_col-sm-6',
			),
			array(
				'type'        => 'dropdown',
				'param_name'  => 'icon_type',
				'heading'     => esc_html__( 'Select Icon', 'landinghub-core' ),
				'description' => esc_html__( 'select the icon you want to display', 'landinghub-core' ),
				'value' => array(
					esc_html__( 'Zoom', 'landinghub-core' )    => 'zoom',
					esc_html__( 'Plus', 'landinghub-core' )    => 'plus',
					esc_html__( 'Video', 'landinghub-core' )   => 'video',
					esc_html__( 'Video 2', 'landinghub-core' ) => 'video2',
					esc_html__( 'Audio', 'landinghub-core' )   => 'audio',
				),
				'dependency'  => array(
					'element' => 'add_icon',
					'value'   => 'yes'
				),
				'edit_field_class' => 'vc_col-sm-6',
			),
			array(
				'type' => 'dropdown',
				'heading' => esc_html__( 'Element Width', 'landinghub-core' ),
				'param_name' => 'width',
				'value' => array(
					esc_html__( '1 column - 1/12', 'landinghub-core' ) => '1/12',
					esc_html__( '2 columns - 1/6', 'landinghub-core' ) => '1/6',
					esc_html__( '3 columns - 1/4', 'landinghub-core' ) => '1/4',
					esc_html__( '4 columns - 1/3', 'landinghub-core' ) => '1/3',
					esc_html__( '5 columns - 5/12', 'landinghub-core' ) => '5/12',
					esc_html__( '6 columns - 1/2', 'landinghub-core' ) => '1/2',
					esc_html__( '7 columns - 7/12', 'landinghub-core' ) => '7/12',
					esc_html__( '8 columns - 2/3', 'landinghub-core' ) => '2/3',
					esc_html__( '9 columns - 3/4', 'landinghub-core' ) => '3/4',
					esc_html__( '10 columns - 5/6', 'landinghub-core' ) => '5/6',
					esc_html__( '11 columns - 11/12', 'landinghub-core' ) => '11/12',
					esc_html__( '12 columns - 1/1', 'landinghub-core' ) => '1/1',
					esc_html__( '20% - 1/5', 'landinghub-core' ) => '1/5',
					esc_html__( '40% - 2/5', 'landinghub-core' ) => '2/5',
					esc_html__( '60% - 3/5', 'landinghub-core' ) => '3/5',
					esc_html__( '80% - 4/5', 'landinghub-core' ) => '4/5',
				),
				'description' => esc_html__( 'Select media element width.', 'landinghub-core' ),
				'group'       => esc_html__( 'Width/Alignment', 'landinghub-core' ),
				'std'         => '1/3',
				'edit_field_class' => 'vc_col-sm-6 vc_column-with-padding',
			),
			array(
				'type' => 'textfield',
				'param_name' => 'custom_height',
				'heading' => esc_html__( 'Element Height', 'landinghub-core' ),
				'edit_field_class' => 'vc_col-sm-6',
				'description' => esc_html__( 'Add media element custom height with px, ex. 300px.', 'landinghub-core' ),
				'group'       => esc_html__( 'Width/Alignment', 'landinghub-core' ),
			),
			array(
				'type'        => 'column_offset',
				'heading'     => esc_html__( 'Responsiveness', 'landinghub-core' ),
				'param_name'  => 'offset',
				'group'       => esc_html__( 'Width/Alignment', 'landinghub-core' ),
				'description' => esc_html__( 'Adjust width for different screen sizes. Control width, offset and visibility settings.', 'landinghub-core' ),
			),
			array(
				'type'        => 'checkbox',
				'param_name'  => 'visible_content',
				'heading'     => esc_html__( 'Content Visible', 'landinghub-core' ),
				'description' => esc_html__( 'Check to make content visible', 'landinghub-core' ),
				'value'       => array(
					esc_html__( 'Yes', 'landinghub-core' ) => 'yes'
				),
				'edit_field_class' => 'vc_col-sm-6',
			),
			array(
				'type'        => 'checkbox',
				'param_name'  => 'shadow_content',
				'heading'     => esc_html__( 'Shadow on hover', 'landinghub-core' ),
				'description' => esc_html__( 'Check to show shadow on hover', 'landinghub-core' ),
				'value'       => array(
					esc_html__( 'Yes', 'landinghub-core' ) => 'yes'
				),
				'edit_field_class' => 'vc_col-sm-6',
			),

);
		$this->add_extras();
	
	}
	
	public function before_output( $atts, &$content ) {

global $liquid_media_value;
		$atts['group_id'] = $liquid_media_value['unique_id'];
		$atts['enable_caption'] = $liquid_media_value['enable_lightbox_caption'];

return $atts;
		
	}
	
	protected function get_effect_classnames() {
		
		$visible = $this->atts['visible_content'];
		$shadow = $this->atts['shadow_content'];
		$classes = array();
		
		if( !$visible && !$shadow ) {
			return;
		}
		if( 'yes' === $visible ) {
			$classes[] = 'contents-visible';	
		}
		if( 'yes' === $shadow ) {
			$classes[] = 'shadow-onhover';	
		}
		
		echo join( ' ', $classes );
		
	}
	
	protected function get_title() {
		
		$title = $this->atts['title'];
		if( empty( $title ) ) {
			return;
		}
		
		return sprintf( '<h3>%s</h3>', esc_html( $title ) );
		
	}
	
	protected function get_subtitle() {
		
		$subtitle = $this->atts['subtitle'];
		if( empty( $subtitle ) ) {
			return;
		}

return sprintf( '<h6 class="text-uppercase ltr-sp-135">%s</h6>', esc_html( $subtitle ) );
		
	}
	
	protected function get_media_content() {
		
		$title = $this->get_title();
		$subtitle = $this->get_subtitle();
		$enable_icon = $this->atts['add_icon'];
		
		if( 'yes' === $enable_icon ) {
			return;
		}
		
		if( empty( $title ) && empty( $subtitle ) ) {
			return;
		}
		
		printf( '<div class="ld-media-txt">%s %s</div>', $title, $subtitle );
		
	}

protected function get_image() {

// check
		if( empty( $this->atts['image'] ) ) {
			return;
		}
		
		$image_opts = array();
		$alt = get_post_meta( $this->atts['image'], '_wp_attachment_image_alt', true );
		
		if( preg_match( '/^\d+$/', $this->atts['image'] ) ){
			$retina_image = wp_get_attachment_image_src( $this->atts['image'], 'full' );
			$image = wp_get_attachment_image( $this->atts['image'], 'full', false, $image_opts );
		} else {
			$image = '<img src="' . esc_url( $this->atts['image'] ) . '" alt="' . esc_attr( $alt ) . '" />';
		}
		
		$image = sprintf( '<figure data-responsive-bg="true">%s</figure>', $image );
		
		echo $image;
	}
	
	protected function get_overlay_link() {
		
		$link = $out = $data_caption = '';
		$link_type = $this->atts['link_type'];
		
		if( $this->atts['enable_caption'] ) {
			$data_caption = 'data-fresco-caption="' . $this->atts['title'] . '"';	
		};
		
		
		if( 'image' === $link_type ) {
			if( preg_match( '/^\d+$/', $this->atts['image'] ) ){
				$link = wp_get_attachment_url( $this->atts['image'] );
			} else {
				$link = $this->atts['image'];
			}
			$out = '<a href="' . esc_url( $link ) . '" class="liquid-overlay-link fresco" ' . $data_caption . ' data-fresco-group="'. esc_attr( $this->atts['group_id'] ) .'"></a>';
		}
		elseif( 'video' === $link_type ) {
			$link = $this->atts['link'];
			$link = liquid_get_link_attributes( $link, '#' );
			$out = '<a href="' . esc_url( $link['href'] ) . '" class="liquid-overlay-link fresco" ' . $data_caption . ' data-fresco-group="'. esc_attr( $this->atts['group_id'] ) .'"></a>';
		}
		elseif( 'iframe' === $link_type ) {
			$link = $this->atts['link'];
			$link = liquid_get_link_attributes( $link, '#' );
			$out = '<a href="' . esc_url( $link['href'] ) . '" class="liquid-overlay-link" ' . $data_caption . ' data-lity="iframe"></a>';
		}
		else {
			$link = $this->atts['link'];
			$link = liquid_get_link_attributes( $link, '#' );
			$target = isset( $link['target'] ) ? 'target="_blank"' : '';
			$out = '<a ' . $target . ' href="' . esc_url( $link['href'] ) . '" class="liquid-overlay-link"></a>';
		}
		
		echo $out;

}
	
	protected function get_custom_height_class() {
		
		if( empty( $this->atts['custom_height'] ) ) {
			return;
		}
		
		return 'liquid-media-element-custom-height';
		
	}
	
	protected function get_media_icon() {
		
		$enable = $this->atts['add_icon'];
		if( 'yes' !== $enable ) {
			return;
		}
		
		$icon = $this->atts['icon_type'];
		$out = '';
		
		switch( $icon ) {
			
			case 'image':
			default:
				
				$out = '
							
								
							
						';
			break;
			
			case 'plus':
				
				$out = '
							
								
							
						';

break;
			
			case 'video':
				
				$out = '
							
								
							
						';
			break;

case 'video2':
				
				$out = '
							
								
							
						';

break;
			
			case 'audio':
			
				$out = '
							
								
							
						';
			break;					
		}

echo $out;

}
	
	
	protected function generate_css() {

$elements = array();
		extract( $this->atts );
		$id = '.' .$this->get_id();
		
		if( !empty( $custom_height ) ) {
			$elements[ liquid_implode( '%1$s' ) ]['height']  = $custom_height;
		}

$this->dynamic_css_parser( $id, $elements );
	}

}
new LD_Media_Element;

X7ROOT File Manager

Editing: liquid-media-element.php

Upload File

Create Folder