shortcode = 'ut_default_tabs'; $this->inner_shortcode = 'ut_default_tab'; add_action( 'init', array( $this, 'ut_map_shortcode' ) ); add_shortcode( $this->shortcode, array( $this, 'ut_create_shortcode' ) ); add_shortcode( $this->inner_shortcode, array( $this, 'ut_create_inner_shortcode' ) ); } function ut_map_shortcode( $atts, $content = NULL ) { if( function_exists( 'vc_map' ) ) { vc_map( array( 'name' => esc_html__( 'Standard Tabs Module', 'ut_shortcodes' ), 'base' => $this->shortcode, 'icon' => UT_SHORTCODES_URL . '/admin/img/vc_icons/default.png', 'category' => 'Information', 'class' => 'ut-information-module', 'as_parent' => array( 'only' => $this->inner_shortcode ), 'content_element' => true, 'is_container' => true, 'params' => array( array( 'type' => 'dropdown', 'heading' => esc_html__( 'Alignment', 'ut_shortcodes' ), 'param_name' => 'align', 'group' => 'General', 'value' => array( esc_html__( 'Select Alignment', 'ut_shortcodes' ) => '', esc_html__( 'center', 'ut_shortcodes' ) => 'center', esc_html__( 'left' , 'ut_shortcodes' ) => 'left', esc_html__( 'right' , 'ut_shortcodes' ) => 'right', ), ), array( 'type' => 'dropdown', 'heading' => esc_html__( 'Label Font Weight', 'ut_shortcodes' ), 'param_name' => 'label_font_weight', 'edit_field_class' => 'vc_col-sm-6', 'group' => 'General', 'value' => array( esc_html__( 'Select Font Weight' , 'ut_shortcodes' ), 'lighter', 'normal', 'bold', 'bolder', 100, 200, 300, 400, 500, 600, 700, 800, 900, ), ), array( 'type' => 'dropdown', 'heading' => esc_html__( 'Label Text Transform', 'ut_shortcodes' ), 'param_name' => 'label_text_transform', 'edit_field_class' => 'vc_col-sm-6', 'group' => 'General', 'value' => array( esc_html__( 'Select Text Transform' , 'ut_shortcodes' ) => '', esc_html__( 'capitalize' , 'ut_shortcodes' ) => 'capitalize', esc_html__( 'uppercase', 'ut_shortcodes' ) => 'uppercase', esc_html__( 'lowercase', 'ut_shortcodes' ) => 'lowercase' ), ), array( 'type' => 'dropdown', 'heading' => esc_html__( 'Custom Label Font Size?', 'ut_shortcodes' ), 'edit_field_class' => 'vc_col-sm-6', 'param_name' => 'label_custom_font_size', 'group' => 'General', 'value' => array( esc_html__( 'no', 'ut_shortcodes' ) => 'false', esc_html__( 'yes' , 'ut_shortcodes' ) => 'true' ), ), array( 'type' => 'range_slider', 'heading' => esc_html__( 'Label Font Size', 'ut_shortcodes' ), 'edit_field_class' => 'vc_col-sm-6', 'param_name' => 'label_font_size', 'value' => array( 'default' => ut_get_theme_options_font_setting( 'h3', 'font-size', "17" ), 'min' => '8', 'max' => '50', 'step' => '1', 'unit' => 'px' ), 'group' => 'General', 'dependency' => array( 'element' => 'label_custom_font_size', 'value' => 'true', ) ), /* colors */ array( 'type' => 'colorpicker', 'heading' => esc_html__( 'Label Color', 'ut_shortcodes' ), 'param_name' => 'label_color', 'edit_field_class' => 'vc_col-sm-6', 'group' => 'Label Design' ), array( 'type' => 'colorpicker', 'heading' => esc_html__( 'Label Hover and Active Color', 'ut_shortcodes' ), 'param_name' => 'label_hover_color', 'edit_field_class' => 'vc_col-sm-6', 'group' => 'Label Design' ), array( 'type' => 'dropdown', 'heading' => esc_html__( 'Labels with Background and Border', 'ut_shortcodes' ), 'param_name' => 'label_border_background', 'group' => 'Label Design', 'value' => array( esc_html__( 'no', 'ut_shortcodes' ) => 'false', esc_html__( 'yes' , 'ut_shortcodes' ) => 'true' ), ), array( 'type' => 'colorpicker', 'heading' => esc_html__( 'Border Color', 'ut_shortcodes' ), 'param_name' => 'label_border_color', 'edit_field_class' => 'vc_col-sm-6', 'group' => 'Label Design', 'dependency' => array( 'element' => 'label_border_background', 'value' => 'true', ) ), array( 'type' => 'colorpicker', 'heading' => esc_html__( 'Border Hover and Active Color', 'ut_shortcodes' ), 'param_name' => 'label_border_hover_color', 'edit_field_class' => 'vc_col-sm-6', 'group' => 'Label Design', 'dependency' => array( 'element' => 'label_border_background', 'value' => 'true', ) ), array( 'type' => 'dropdown', 'heading' => esc_html__( 'Border Style', 'ut_shortcodes' ), 'description' => esc_html__( 'double requires at least 4px border size.', 'ut_shortcodes' ), 'param_name' => 'label_border_style', 'group' => 'Label Design', 'edit_field_class' => 'vc_col-sm-6', 'value' => array( esc_html__( 'solid' , 'ut_shortcodes' ) => 'solid', esc_html__( 'dotted', 'ut_shortcodes' ) => 'dotted', esc_html__( 'dashed', 'ut_shortcodes' ) => 'dashed', esc_html__( 'double', 'ut_shortcodes' ) => 'double' ), 'dependency' => array( 'element' => 'label_border_background', 'value' => 'true', ), ), array( 'type' => 'range_slider', 'heading' => esc_html__( 'Border Width', 'ut_shortcodes' ), 'param_name' => 'label_border_width', 'edit_field_class' => 'vc_col-sm-6', 'value' => array( 'min' => '0', 'max' => '50', 'step' => '1', 'unit' => 'px' ), 'group' => 'Label Design', 'dependency' => array( 'element' => 'label_border_background', 'value' => 'true', ), ), array( 'type' => 'colorpicker', 'heading' => esc_html__( 'Background Color', 'ut_shortcodes' ), 'param_name' => 'label_background_color', 'edit_field_class' => 'vc_col-sm-6', 'group' => 'Label Design', 'dependency' => array( 'element' => 'label_border_background', 'value' => 'true', ) ), array( 'type' => 'colorpicker', 'heading' => esc_html__( 'Background Hover and Active Color', 'ut_shortcodes' ), 'param_name' => 'label_background_hover_color', 'edit_field_class' => 'vc_col-sm-6', 'group' => 'Label Design', 'dependency' => array( 'element' => 'label_border_background', 'value' => 'true', ) ), array( 'type' => 'colorpicker', 'heading' => esc_html__( 'Content Text Color', 'ut_shortcodes' ), 'param_name' => 'content_text_color', 'edit_field_class' => 'vc_col-sm-6', 'group' => 'Label Design' ), ), 'js_view' => 'VcColumnView' ) ); // end mapping vc_map( array( 'name' => esc_html__( 'Standard Tab', 'ut_shortcodes' ), 'base' => $this->inner_shortcode, 'icon' => UT_SHORTCODES_URL . '/admin/img/vc_icons/default.png', 'as_child' => array( 'only' => $this->shortcode ), 'content_element' => true, 'params' => array( array( 'type' => 'textfield', 'heading' => esc_html__( 'Tab Label', 'ut_shortcodes' ), 'param_name' => 'label', 'edit_field_class' => 'vc_col-sm-12 vc_column_no_padding_top', 'admin_label' => true, 'group' => 'General' ), array( 'type' => 'textarea_html', 'heading' => esc_html__( 'Tab Content', 'ut_shortcodes' ), 'param_name' => 'content', 'group' => 'Content' ), ) ) ); // end mapping } } function ut_create_inline_css() { $css_style = ''; if( !empty( $this->css['label_font_weight'] ) ) { $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .bklyn-tabs li a .bklyn-tab-label { font-weight: ' . $this->css['label_font_weight'] . '; }'; } if( !empty( $this->css['label_text_transform'] ) ) { $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .bklyn-tabs li a .bklyn-tab-label { text-transform: ' . $this->css['label_text_transform'] . '; }'; } if( $this->css['label_custom_font_size'] == 'true' && !empty( $this->css['label_font_size'] ) ) { $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .bklyn-tabs li a .bklyn-tab-label { font-size: ' . $this->css['label_font_size'] . 'px; }'; } if( !empty( $this->css['content_text_color'] ) ) { $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .tab-pane { color: ' . $this->css['content_text_color'] . '; }'; } if( !empty( $this->css['label_color'] ) ) { $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .bklyn-tabs li a .bklyn-tab-label { color: ' . $this->css['label_color'] . '; }'; } if( !empty( $this->css['label_hover_color'] ) ) { // hover state $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .bklyn-tabs li a:hover .bklyn-tab-label { color: ' . $this->css['label_hover_color'] . '; }'; $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .bklyn-tabs li a:focus .bklyn-tab-label { color: ' . $this->css['label_hover_color'] . '; }'; // active hover state $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .bklyn-tabs li.active a .bklyn-tab-label { color: ' . $this->css['label_hover_color'] . '; }'; $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .bklyn-tabs li.active a:hover .bklyn-tab-label { color: ' . $this->css['label_hover_color'] . '; }'; $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .bklyn-tabs li.active a:focus .bklyn-tab-label { color: ' . $this->css['label_hover_color'] . '; }'; } if( $this->css['label_border_background'] == 'true' ) { if( !empty( $this->css['label_border_color'] ) ) { $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .bklyn-tabs li a { border-color: ' . $this->css['label_border_color'] . '; }'; } if( !empty( $this->css['label_border_hover_color'] ) ) { // hover state $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .bklyn-tabs li a:hover { border-color: ' . $this->css['label_border_hover_color'] . '; }'; $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .bklyn-tabs li a:focus { border-color: ' . $this->css['label_border_hover_color'] . '; }'; // active hover state $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .bklyn-tabs li.active a { border-color: ' . $this->css['label_border_hover_color'] . '; }'; $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .bklyn-tabs li.active a:hover { border-color: ' . $this->css['label_border_hover_color'] . '; }'; $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .bklyn-tabs li.active a:focus { border-color: ' . $this->css['label_border_hover_color'] . '; }'; } if( !empty( $this->css['label_background_color'] ) ) { $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .bklyn-tabs li a { background: ' . $this->css['label_background_color'] . '; }'; } if( !empty( $this->css['label_background_hover_color'] ) ) { // hover state $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .bklyn-tabs li a:hover { background: ' . $this->css['label_background_hover_color'] . '; }'; $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .bklyn-tabs li a:focus { background: ' . $this->css['label_background_hover_color'] . '; }'; // active hover state $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .bklyn-tabs li.active a { background: ' . $this->css['label_background_hover_color'] . '; }'; $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .bklyn-tabs li.active a:hover { background: ' . $this->css['label_background_hover_color'] . '; }'; $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .bklyn-tabs li.active a:focus { background: ' . $this->css['label_background_hover_color'] . '; }'; } if( !empty( $this->css['label_border_style'] ) ) { $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .bklyn-tabs li a { border-style: ' . $this->css['label_border_style'] . '; }'; } if( !empty( $this->css['label_border_width'] ) ) { $css_style .= '#' . esc_attr( $this->css['globaL_style_id'] ) . ' .bklyn-tabs li a { border-width: ' . $this->css['label_border_width'] . 'px; }'; } } return !empty( $css_style ) ? ut_minify_inline_css( '' ) : ''; } function ut_create_tabs_navigation( $label_border_background ) { $navigation = ''; if( !empty( $this->navigation ) ) { $navigation .= ''; } return $navigation; } function ut_create_shortcode( $atts, $content = NULL ) { extract( shortcode_atts( array ( 'align' => 'center', 'label_font_weight' => '', 'label_text_transform' => '', 'label_custom_font_size' => 'false', 'label_font_size' => '', 'label_color' => '', 'label_hover_color' => '', 'label_border_background' => 'false', 'label_border_color' => '', 'label_border_hover_color' => '', 'label_border_style' => 'solid', 'label_border_width' => '', 'label_background_color' => '', 'label_background_hover_color' => '', 'content_text_color' => '' ), $atts ) ); $this->navigation = array(); $this->count = 1; $this->css = array(); /* excute inner already shortcodes */ $tab = do_shortcode( $content ); /* global css */ $this->css['globaL_style_id'] = uniqid("ut_tabs_style_"); $this->css['label_font_weight'] = $label_font_weight; $this->css['label_text_transform'] = $label_text_transform; $this->css['label_custom_font_size'] = $label_custom_font_size; $this->css['label_font_size'] = $label_font_size; $this->css['label_color'] = $label_color; $this->css['label_hover_color'] = $label_hover_color; $this->css['label_border_background'] = $label_border_background; $this->css['label_border_color'] = $label_border_color; $this->css['label_border_color'] = $label_border_color; $this->css['label_border_hover_color'] = $label_border_hover_color; $this->css['label_border_style'] = $label_border_style; $this->css['label_border_width'] = $label_border_width; $this->css['label_background_color'] = $label_background_color; $this->css['label_background_hover_color'] = $label_background_hover_color; $this->css['content_text_color'] = $content_text_color; /* start output */ $output = ''; $output .= $this->ut_create_inline_css(); $output .= '
'; /* create navigation */ $output .= $this->ut_create_tabs_navigation( $label_border_background ); $output .= '
'; $output .= $tab; $output .= '
'; $output .= '
'; if( defined( 'WPB_VC_VERSION' ) ) { return '
' . $output . '
'; } return $output; } function ut_create_inner_shortcode( $atts, $content = NULL ) { extract( shortcode_atts( array ( 'label' => '', ), $atts ) ); /* enhance array for tab navigation */ $this->navigation[$this->count]['id'] = uniqid("ut_tab_"); $this->navigation[$this->count]['label'] = $label; $this->navigation[$this->count]['style_id'] = uniqid("ut_tab_style_"); /* start output */ $output = ''; $output .= '
'; $output .= do_shortcode( $content ); $output .= '
'; /* increase internal counter */ $this->count++; return $output; } } } new UT_Default_Tabs; if ( class_exists( 'WPBakeryShortCodesContainer' ) ) { class WPBakeryShortCode_ut_default_tabs extends WPBakeryShortCodesContainer { } } if ( class_exists( 'WPBakeryShortCode' ) ) { class WPBakeryShortCode_ut_default_tab extends WPBakeryShortCode { } }