208 lines
8.6 KiB
PHP
208 lines
8.6 KiB
PHP
<?php
|
|
|
|
/**
|
|
* To change this license header, choose License Headers in Project Properties.
|
|
* To change this template file, choose Tools | Templates
|
|
* and open the template in the editor.
|
|
*/
|
|
|
|
if (!defined('ABSPATH')) :
|
|
die('-1');
|
|
endif;
|
|
|
|
$title_top = $this->getTemplateVariable('title');
|
|
$content = '';
|
|
|
|
$title_abs = false;
|
|
|
|
if (WPBakeryShortCode_VC_Tta_Section::$section_info) :
|
|
$alignment_class = $alignment ? ' text-' . $alignment : '';
|
|
$el_class = (trim($el_class) != '') ? ' ' . $el_class : '';
|
|
$tabs_slide = (isset($tabs_display_type) && $tabs_display_type == 'slide') ? true : false;
|
|
$class_tabable = ' margin-bottom-15';
|
|
$class_ul_tab = 'nasa-tabs';
|
|
$class_a_click = 'nasa-a-tab nasa-flex jc flex-column';
|
|
$tab_bg = array();
|
|
$class_title = 'nasa-dft nasa-title clearfix';
|
|
$style_title = '';
|
|
$title_set_size = false;
|
|
$tab_color = $tab_color_text = array();
|
|
|
|
if (isset($title_font_size) && $title_font_size !== '') :
|
|
$class_title .= ' nasa-' . $title_font_size;
|
|
$title_set_size = true;
|
|
endif;
|
|
|
|
$class_title .= $alignment == 'center' ? ' text-center' : '';
|
|
|
|
if ($tabs_slide) :
|
|
$class_ul_tab .= ' nasa-slide-style';
|
|
else :
|
|
$tabs_type = !isset($tabs_display_type) ? '2d-no-border' : $tabs_display_type;
|
|
switch ($tabs_type) :
|
|
case '2d':
|
|
$tabs_type_class = ' nasa-classic-2d';
|
|
break;
|
|
|
|
case '3d':
|
|
$tabs_type_class = ' nasa-classic-3d';
|
|
break;
|
|
|
|
case '2d-has-bg':
|
|
if ($title_top) :
|
|
if ($alignment !== 'center') :
|
|
$class_title .= ' nasa-title-absolute';
|
|
$class_title .= $alignment == 'left' ? ' d-right' : ' d-left';
|
|
$title_abs = true;
|
|
endif;
|
|
endif;
|
|
|
|
$tabs_type_class = ' nasa-classic-2d nasa-tabs-no-border nasa-tabs-has-bg';
|
|
$class_tabable = ' margin-bottom-10';
|
|
$class_tabable .= $alignment == 'left' ? ' mobile-text-right' : ' mobile-text-left';
|
|
$tabs_bg_color = (!isset($tabs_bg_color) || $tabs_bg_color == '' || $tabs_bg_color == '#00000000') ?
|
|
'transparent' : $tabs_bg_color;
|
|
|
|
$tabs_type_class .= 'transparent' == $tabs_bg_color ? ' nasa-tabs-bg-transparent' : '';
|
|
|
|
if ($tabs_bg_color != 'transparent') :
|
|
$tab_bg[] = 'background-color: ' . $tabs_bg_color;
|
|
endif;
|
|
|
|
if (isset($tabs_text_color) && $tabs_text_color != '') :
|
|
$tab_color[] = 'color: ' . $tabs_text_color;
|
|
$tab_color_text[] = 'border-color: ' . $tabs_text_color;
|
|
$class_a_click .= ' nasa-custom-text-color';
|
|
|
|
if ($class_title) :
|
|
$style_title .= ' style="color: ' . $tabs_text_color . '"';
|
|
endif;
|
|
endif;
|
|
|
|
if ($tabs_bg_color !== 'transparent') :
|
|
$class_title .= ' nasa-has-padding mobile-text-center';
|
|
|
|
if (!$title_set_size) :
|
|
$class_title .= ' nasa-m';
|
|
endif;
|
|
else :
|
|
$class_title .= ' mobile-margin-bottom-0 mobile-text-center';
|
|
|
|
if (!$title_set_size) :
|
|
$class_title .= ' nasa-l';
|
|
endif;
|
|
endif;
|
|
|
|
break;
|
|
|
|
case '2d-radius':
|
|
$tabs_type_class = ' nasa-classic-2d nasa-tabs-no-border nasa-tabs-radius';
|
|
break;
|
|
|
|
case '2d-radius-dashed':
|
|
$tabs_type_class = ' nasa-classic-2d nasa-tabs-radius-dashed';
|
|
break;
|
|
|
|
case 'ver':
|
|
$el_class .= ' nasa-vertical-tabs';
|
|
$tabs_type_class = ' nasa-classic-2d nasa-tabs-no-border';
|
|
|
|
break;
|
|
|
|
case '2d-no-border':
|
|
default:
|
|
$tabs_type_class = ' nasa-classic-2d nasa-tabs-no-border';
|
|
break;
|
|
|
|
endswitch;
|
|
|
|
$class_ul_tab .= ' nasa-classic-style' . $tabs_type_class;
|
|
endif;
|
|
|
|
if ($title_top) :
|
|
$title_top = '<div class="' . esc_attr($class_title) . '"' . $style_title . '>' . $title_top . '</div>';
|
|
endif;
|
|
|
|
$class_tabable .= $alignment_class ? $alignment_class : '';
|
|
|
|
$content .= '<div class="nasa-wrap-all nasa-tabs-content' . esc_attr($el_class) . '">';
|
|
|
|
$content .= $title_abs ? $title_top : '';
|
|
|
|
$content .= '<div class="nasa-tabs-wrap' . esc_attr($class_tabable) . '">';
|
|
$content .= '<ul class="' . esc_attr($class_ul_tab) . '"' . (!empty($tab_bg) ? ' style="' . implode(';', $tab_bg) . '"' : '') . '>';
|
|
|
|
foreach (WPBakeryShortCode_VC_Tta_Section::$section_info as $k => $v) :
|
|
$title = esc_html($v['title']);
|
|
$custom_icon = isset($v["section_nasa_icon"]) && trim($v["section_nasa_icon"]) !== '' ? true : false;
|
|
$vc_icon = !$custom_icon && $v['add_icon'] == 'true' ? true : false;
|
|
$img_icon = '';
|
|
$i_icon = '';
|
|
|
|
$before_title = isset($v["before_tab_title"]) && trim($v["before_tab_title"]) !== '' ? '<span class="ns-before_title">' . rawurldecode(base64_decode(wp_strip_all_tags($v["before_tab_title"]))) . '</span>' : '';
|
|
|
|
$after_title = isset($v["after_tab_title"]) && trim($v["after_tab_title"]) !== '' ? '<span class="ns-after_title">' . rawurldecode(base64_decode(wp_strip_all_tags($v["after_tab_title"]))) . '</span>' : '';
|
|
|
|
$title = $before_title . $title . $after_title;
|
|
|
|
if (isset($v["section_nasa_img"]) && absint($v["section_nasa_img"])) :
|
|
$img = wp_get_attachment_image_src(absint($v["section_nasa_img"]), 'full');
|
|
|
|
if ($img) :
|
|
$img_icon = '<img src="' . esc_url($img[0]) . '" alt="' . esc_attr($v['title']) . '" width="' . absint($img[1]) . '" height="' . absint($img[2]) . '" />';
|
|
endif;
|
|
endif;
|
|
|
|
if ($custom_icon || $img_icon || $vc_icon) :
|
|
$icon_class = 'nasa-tab-icon ';
|
|
$icon_class .= !$custom_icon ? 'vc_tta-icon ' . $v['i_icon_' . $v['i_type']] : $v["section_nasa_icon"];
|
|
|
|
switch ($v['i_position']) :
|
|
case 'right':
|
|
$img_icon = $img_icon != '' ? '<span class="tab-icon-img nasa-block padding-top-10">' . $img_icon . '</span>' : '';
|
|
if ($custom_icon || $vc_icon) :
|
|
$i_icon = '<i class="' . $icon_class . ' padding-top-10"></i>';
|
|
endif;
|
|
|
|
$title = $title . $i_icon . $img_icon;
|
|
|
|
break;
|
|
|
|
case 'left':
|
|
default :
|
|
$img_icon = $img_icon != '' ? '<span class="tab-icon-img nasa-block padding-bottom-10">' . $img_icon . '</span>' : '';
|
|
|
|
if ($custom_icon || $vc_icon) :
|
|
$i_icon = '<i class="' . $icon_class . ' padding-bottom-10"></i>';
|
|
endif;
|
|
|
|
$title = $i_icon . $img_icon . $title ;
|
|
break;
|
|
endswitch;
|
|
endif;
|
|
|
|
$class_item = 'nasa-tab text-center';
|
|
$class_item .= $k == 0 ? ' active first' : '';
|
|
$class_item .= ($k + 1) == WPBakeryShortCode_VC_Tta_Section::$self_count ? ' last' : '';
|
|
|
|
$nasa_attr = ' class="' . $class_item . '"';
|
|
$nasa_attr .= !empty($tab_color) ? ' style="' . implode(';', $tab_color) . '"' : '';
|
|
|
|
$style = !empty($tab_color_text) ? ' style="' . implode(';', $tab_color_text) . '"' : '';
|
|
|
|
$content .= '<li' . $nasa_attr . '>';
|
|
$content .= '<a href="javascript:void(0);" data-hash="#' . esc_attr($v['tab_id']) . '" data-index="nasa-section-' . esc_attr($v['tab_id']) . '" class="' . esc_attr($class_a_click) . '"' . $style . ' rel="nofollow">' . $title . '</a></li>';
|
|
endforeach;
|
|
|
|
$content .= '</ul>';
|
|
$content .= '</div>';
|
|
$content .= '<div class="nasa-panels">';
|
|
$content .= $prepareContent; // Content
|
|
$content .= '</div>';
|
|
$content .= '</div>';
|
|
endif;
|
|
|
|
$output = $title_abs ? $content : $title_top . $content;
|
|
|
|
echo $output;
|