Ultra File Manager

Edit: /home/melaqxso/public_html/wp-content/plugins/hub-core/shortcodes/flipbox/liquid-flipbox.php

<?php
/**
* Shortcode Tab
*/

if( !defined( 'ABSPATH' ) )
	exit; // Exit if accessed directly

/**
* LD_Shortcode
*/
class LD_Flipbox extends LD_Shortcode {

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

// Properties
		$this->slug          = 'ld_flipbox';
		$this->title         = esc_html__( 'Flip Box', 'landinghub-core' );
		$this->description   = esc_html__( 'Create a flip box', 'landinghub-core' );
		$this->styles      = array( 'liquid-sc-flipbox' );
		$this->icon          = 'la la-random';
		$this->is_container  = true;
		$this->show_settings_on_create = false;
		$this->js_view       = 'VcBackendTtaTabsView';
		$this->as_parent     = array( 'only' => 'ld_flipbox_section' );
		$this->show_settings_on_create = true;
		$this->custom_markup = '<div class="vc_tta-container" data-vc-action="collapse">
			<div class="vc_general vc_tta vc_tta-tabs vc_tta-color-backend-tabs-white vc_tta-style-flat vc_tta-shape-rounded vc_tta-spacing-1 vc_tta-tabs-position-top vc_tta-controls-align-left">
				<div class="vc_tta-tabs-container">'
				. '<ul class="vc_tta-tabs-list">'
					. '<li class="vc_tta-tab" data-vc-tab data-vc-target-model-id="{{ model_id }}" data-element_type="ld_flipbox_section"><a href="javascript:;" data-vc-tabs data-vc-container=".vc_tta" data-vc-target="[data-model-id=\'{{ model_id }}\']" data-vc-target-model-id="{{ model_id }}"><span class="vc_tta-title-text">{{ section_title }}</span></a></li>'
				. '</ul>
				</div>
				<div class="vc_tta-panels vc_clearfix {{container-class}}">
					{{ content }}
				</div>
			</div>
		</div>';
		$this->default_content = '
			[ld_flipbox_section title="' . sprintf( '%s', 'Front' ) . '"][/ld_flipbox_section]
			[ld_flipbox_section title="' . sprintf( '%s', 'Back' ) . '"][/ld_flipbox_section]';
		$this->admin_enqueue_js = array( vc_asset_url( 'lib/vc_tabs/vc-tabs.min.js' ) );

parent::__construct();
	}

/**
	 * Get params
	 * @return array
	 */
	public function get_params() {

$this->params = array(

array(
				'type'        => 'dropdown',
				'param_name'  => 'direction',
				'heading'     => esc_html__( 'Flip Direction', 'landinghub-core' ),
				'description' => esc_html__( 'Select a flip direction for flip box', 'landinghub-core' ),
				'value' => array(
					esc_html__( 'Left to Right', 'landinghub-core' ) => '',
					esc_html__( 'Right to Left', 'landinghub-core' ) => 'ld-flipbox-rl',
					esc_html__( 'Top to Bottom', 'landinghub-core' ) => 'ld-flipbox-tb',
					esc_html__( 'Bottom to Top', 'landinghub-core' ) => 'ld-flipbox-bt',
				),
			),
			array(
				'type'        => 'dropdown',
				'param_name'  => 'shadow',
				'heading'     => esc_html__( 'Shadow', 'landinghub-core' ),
				'description' => esc_html__( 'Add shadow to flip box', 'landinghub-core' ),
				'value' => array(
					esc_html__( 'None', 'landinghub-core' )     => '',
					esc_html__( 'Default', 'landinghub-core' )  => 'ld-flipbox-shadow',
					esc_html__( 'On Hover', 'landinghub-core' ) => 'ld-flipbox-shadow-onhover',					
				),
			),
			array(
				'type'        => 'dropdown',
				'param_name'  => 'border_radius',
				'heading'     => esc_html__( 'Border Radius', 'landinghub-core' ),
				'description' => esc_html__( 'Add border radius to flip box', 'landinghub-core' ),
				'value' => array(
					esc_html__( 'None', 'landinghub-core' )     => '',
					esc_html__( 'Semi Round', 'landinghub-core' )  => 'semi-round',
					esc_html__( 'Round', 'landinghub-core' ) => 'round',
					esc_html__( 'Circle', 'landinghub-core' ) => 'circle',
				),
			),
			array(
				'type'        => 'subheading',
				'param_name'  => 'front_sbh',
				'heading'     => esc_html__( 'Front Side of the Flip Box', 'landinghub-core' ),
				'group' => esc_html__( 'Design Options', 'landinghub-core' ),
			),
			array(
				'type'        => 'liquid_attach_image',
				'param_name'  => 'bg_image',
				'heading'     => esc_html__( 'Background Image', 'landinghub-core' ),
				'description' => esc_html__( 'Background image of the front side of the flip box', 'landinghub-core' ),
				'group'       => esc_html__( 'Design Options', 'landinghub-core' ),
				'edit_field_class' => 'vc_column-with-padding vc_col-sm-6',
			),
			array(
				'type'        => 'liquid_colorpicker',
				'param_name'  => 'bg_color',
				'heading'     => esc_html__( 'Background Color', 'landinghub-core' ),
				'description' => esc_html__( 'Pick a background color for the front side.', 'landinghub-core' ),
				'group'       => esc_html__( 'Design Options', 'landinghub-core' ),
				'edit_field_class' => 'vc_col-sm-6',
			),
			array(
				'type'        => 'subheading',
				'param_name'  => 'back_sbh',
				'heading'     => esc_html__( 'Back Side of the Flip box', 'landinghub-core' ),
				'group' => esc_html__( 'Design Options', 'landinghub-core' ),
			),
			array(
				'type'        => 'liquid_attach_image',
				'param_name'  => 'back_bg_image',
				'heading'     => esc_html__( 'Background Image', 'landinghub-core' ),
				'description' => esc_html__( 'Background image of the back side of the flip box', 'landinghub-core' ),
				'group'       => esc_html__( 'Design Options', 'landinghub-core' ),
				'edit_field_class' => 'vc_col-sm-6 vc_column-with-padding',
			),
			array(
				'type'        => 'liquid_colorpicker',
				'param_name'  => 'back_bg_color',
				'heading'     => esc_html__( 'Background Color', 'landinghub-core' ),
				'description' => esc_html__( 'Pick a background color for the back side', 'landinghub-core' ),
				'group'       => esc_html__( 'Design Options', 'landinghub-core' ),
				'edit_field_class' => 'vc_col-sm-6',
			),
		);

$this->add_extras();
	}

public function before_output( $atts, &$content ) {

global $liquid_accordion_tabs;

$liquid_accordion_tabs = array();

//parse ld_tab_section shortcode
		do_shortcode( $content );

$atts['items'] = $liquid_accordion_tabs;

return $atts;
	}

protected function get_content() {

$out = ''; $first = true;

foreach( $this->atts['items'] as $tab ) {
				$out .= sprintf(
					'<div id="%1$s" class="ld-flipbox-face %3$s"><span class="ld-flipbox-overlay lqd-overlay"></span><div class="ld-flipbox-inner">%2$s</div></div>',
					$this->get_id( $tab ), $tab['content'], ( $first ? 'ld-flipbox-front' : 'ld-flipbox-back' )
				);
				$first = false;
			}

echo $out;
	}

protected function generate_css() {

extract( $this->atts );

$elements = array();
		$id = '.' .$this->get_id();

if( !empty( $bg_image ) ) {
			if( preg_match( '/^\d+$/', $bg_image ) ){
				$src = liquid_get_image_src( $bg_image );
				$elements[ liquid_implode( '%1$s .ld-flipbox-front' ) ]['background-image'] = 'url(' . esc_url( $src[0] ) . ')';
			} else {
				$src = $bg_image;
				$elements[ liquid_implode( '%1$s .ld-flipbox-front' ) ]['background-image'] = 'url(' . esc_url( $src ) . ')';
			}
			if( !empty( $bg_color ) ) {
				$elements[ liquid_implode( '%1$s .ld-flipbox-front .lqd-overlay' ) ]['background'] = $bg_color;
			}
		}
		else {
			if( !empty( $bg_color ) ) {
				$elements[ liquid_implode( '%1$s .ld-flipbox-front' ) ]['background'] = $bg_color;
			}
		}

if( !empty( $back_bg_image ) ) {
			if( preg_match( '/^\d+$/', $back_bg_image ) ){
				$back_src = liquid_get_image_src( $back_bg_image );
				$elements[ liquid_implode( '%1$s .ld-flipbox-back' ) ]['background-image'] = 'url(' . esc_url( $back_src[0] ) . ')';
			} else {
				$back_src = $back_bg_image;
				$elements[ liquid_implode( '%1$s .ld-flipbox-back' ) ]['background-image'] = 'url(' . esc_url( $back_src ) . ')';
			}
			if( !empty( $back_bg_color ) ) {
				$elements[ liquid_implode( '%1$s .ld-flipbox-back .lqd-overlay' ) ]['background'] = $back_bg_color;
			}
		}
		else {
			if( !empty( $back_bg_color ) ) {
				$elements[ liquid_implode( '%1$s .ld-flipbox-back' ) ]['background'] = $back_bg_color;
			}			
		}

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

// Accordion Tab
include_once 'liquid-flipbox-section.php';

Ukuran: 7.8 KB