/home/henzagold/blog/wp-content/themes/gillion/inc/elements/ Current File: /home/henzagold/blog/wp-content/themes/gillion/inc/elements/empty-space.php
<?php
/*
Element: Empry Space (responsive)
*/

class vcEmptySpace extends WPBakeryShortCode {

    function __construct() {
        add_action( 'init', array( $this, '_mapping' ), 12 );
        add_shortcode( 'vcg_empty_space', array( $this, '_html' ) );
    }


    public function _mapping() {
        if ( !defined( 'WPB_VC_VERSION' ) ) { return; }

        vc_map(
            array(
                'name' => __('Empty Space (responsive)', 'gillion'),
                'base' => 'vcg_empty_space',
                'description' => __('Blank space with custom height', 'gillion'),
                'category' => __('Gillion Elements', 'gillion'),
                'icon' => get_template_directory_uri().'/img/builder-icon.png',
                'params' => array(

                    array(
                        'param_name' => 'height',
                        'heading' => __( 'Height', 'gillion' ),
                        'description' => __( 'Enter empty space height (Note: CSS measurement units allowed).', 'gillion' ),
                        'type' => 'textfield',
                        'holder' => 'div',
                        'class' => '',
                        'std' => '32px',
                        'admin_label' => true,
                    ),

                    array(
                        'param_name' => 'height_tablet',
                        'heading' => __( 'Height (tablet and mobile)', 'gillion' ),
                        'description' => __( 'Enter empty space height in tablet and mobile (Note: CSS measurement units allowed).', 'gillion' ),
                        'type' => 'textfield',
                    ),

                    array(
                        'param_name' => 'id',
                        'heading' => __( 'Element ID', 'gillion' ),
                        'description' => __( 'Enter element ID (Note: make sure it is unique and valid according to <a href="https://www.w3schools.com/tags/att_global_id.asp" target="_blank">w3c specification</a>).', 'gillion' ),
                        'type' => 'textfield',
                    ),

                    array(
                        'param_name' => 'class',
                        'heading' => __( 'Extra class name', 'gillion' ),
                        'description' => __( 'Style particular content element differently - add a class name and refer to it in custom CSS.', 'gillion' ),
                        'type' => 'textfield',
                    ),

            		array(
            			'param_name' => 'css',
            			'type' => 'css_editor',
            			'heading' => __( 'CSS box', 'gillion' ),
            			'group' => __( 'Design Options', 'gillion' ),
            		),

                ),
            )
        );

    }


    public function _html( $atts ) {
        // Params extraction
        extract( shortcode_atts( array(
            'height' => '32px',
            'height_tablet' => '',
            'id' => '',
            'class' => '',
            'css' => 'none'
        ), $atts ) );

        // HTML
        $element_id = $id;
        $id = 'sh-empty-space-'.gillion_rand();
        $element_class = array();
        $element_class[] = $id;
        $element_class[] = $class;
        $settings_base = !empty( $this->settings['base'] ) ? $this->settings['base'] : '';
        $element_class[] = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, vc_shortcode_custom_css_class( $css, ' ' ), $settings_base, $atts );
        ob_start(); ?>

            <?php if( $height_tablet ) : ?>
                <style media="screen">
                    @media (max-width: 1025px) {
                        .<?php echo esc_attr( $id ); ?> {
                            height: <?php echo $height_tablet; ?>!important;
                        }
                    }
                </style>
            <?php endif; ?>

            <div <?php echo $element_id ? 'id="'.$element_id.'" ' : ''; ?>class="sh-empty-space vc_empty_space <?php echo implode( ' ', $element_class ); ?>" style="height: <?php echo ( is_numeric( $height ) ) ? $height.'px' : $height; ?>">
                <span class="vc_empty_space_inner"></span>
            </div>

        <?php return ob_get_clean();
    }

}
new vcEmptySpace();