vc-tta-tabs.php 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
  1. <?php
  2. if ( ! defined( 'ABSPATH' ) ) {
  3. die( '-1' );
  4. }
  5. VcShortcodeAutoloader::getInstance()->includeClass( 'WPBakeryShortCode_Vc_Tta_Accordion' );
  6. /**
  7. * Class WPBakeryShortCode_Vc_Tta_Tabs
  8. */
  9. class WPBakeryShortCode_Vc_Tta_Tabs extends WPBakeryShortCode_Vc_Tta_Accordion {
  10. public $layout = 'tabs';
  11. public function enqueueTtaScript() {
  12. wp_register_script( 'vc_tabs_script', vc_asset_url( 'lib/vc_tabs/vc-tabs.min.js' ), array( 'vc_accordion_script' ), WPB_VC_VERSION, true );
  13. parent::enqueueTtaScript();
  14. wp_enqueue_script( 'vc_tabs_script' );
  15. }
  16. /**
  17. * @return string
  18. */
  19. public function getWrapperAttributes() {
  20. $attributes = array();
  21. $attributes[] = 'class="' . esc_attr( $this->getTtaContainerClasses() ) . '"';
  22. $attributes[] = 'data-vc-action="collapse"';
  23. $autoplay = $this->atts['autoplay'];
  24. if ( $autoplay && 'none' !== $autoplay && intval( $autoplay ) > 0 ) {
  25. $attributes[] = 'data-vc-tta-autoplay="' . esc_attr( wp_json_encode( array(
  26. 'delay' => intval( $autoplay ) * 1000,
  27. ) ) ) . '"';
  28. }
  29. if ( ! empty( $this->atts['el_id'] ) ) {
  30. $attributes[] = 'id="' . esc_attr( $this->atts['el_id'] ) . '"';
  31. }
  32. return implode( ' ', $attributes );
  33. }
  34. /**
  35. * @return string
  36. */
  37. public function getTtaGeneralClasses() {
  38. $classes = parent::getTtaGeneralClasses();
  39. if ( ! empty( $this->atts['no_fill_content_area'] ) ) {
  40. $classes .= ' vc_tta-o-no-fill';
  41. }
  42. if ( isset( $this->atts['tab_position'] ) ) {
  43. $classes .= ' ' . $this->getTemplateVariable( 'tab_position' );
  44. }
  45. $classes .= ' ' . $this->getParamAlignment( $this->atts, $this->content );
  46. return $classes;
  47. }
  48. /**
  49. * @param $atts
  50. * @param $content
  51. *
  52. * @return string|null
  53. */
  54. public function getParamTabPosition( $atts, $content ) {
  55. if ( isset( $atts['tab_position'] ) && strlen( $atts['tab_position'] ) > 0 ) {
  56. return 'vc_tta-tabs-position-' . $atts['tab_position'];
  57. }
  58. return null;
  59. }
  60. /**
  61. * @param $atts
  62. * @param $content
  63. *
  64. * @return string|null
  65. */
  66. public function getParamTabsListTop( $atts, $content ) {
  67. if ( empty( $atts['tab_position'] ) || 'top' !== $atts['tab_position'] ) {
  68. return null;
  69. }
  70. return $this->getParamTabsList( $atts, $content );
  71. }
  72. /**
  73. * @param $atts
  74. * @param $content
  75. *
  76. * @return string|null
  77. */
  78. public function getParamTabsListBottom( $atts, $content ) {
  79. if ( empty( $atts['tab_position'] ) || 'bottom' !== $atts['tab_position'] ) {
  80. return null;
  81. }
  82. return $this->getParamTabsList( $atts, $content );
  83. }
  84. /**
  85. * Pagination is on top only if tabs are at bottom
  86. *
  87. * @param $atts
  88. * @param $content
  89. *
  90. * @return string|null
  91. */
  92. public function getParamPaginationTop( $atts, $content ) {
  93. if ( empty( $atts['tab_position'] ) || 'bottom' !== $atts['tab_position'] ) {
  94. return null;
  95. }
  96. return $this->getParamPaginationList( $atts, $content );
  97. }
  98. /**
  99. * Pagination is at bottom only if tabs are on top
  100. *
  101. * @param $atts
  102. * @param $content
  103. *
  104. * @return string|null
  105. */
  106. public function getParamPaginationBottom( $atts, $content ) {
  107. if ( empty( $atts['tab_position'] ) || 'top' !== $atts['tab_position'] ) {
  108. return null;
  109. }
  110. return $this->getParamPaginationList( $atts, $content );
  111. }
  112. /**
  113. * @param $atts
  114. *
  115. * @return string
  116. */
  117. public function constructIcon( $atts ) {
  118. vc_icon_element_fonts_enqueue( $atts['i_type'] );
  119. $class = 'vc_tta-icon';
  120. if ( isset( $atts[ 'i_icon_' . $atts['i_type'] ] ) ) {
  121. $class .= ' ' . $atts[ 'i_icon_' . $atts['i_type'] ];
  122. } else {
  123. $class .= ' fa fa-adjust';
  124. }
  125. return '<i class="' . $class . '"></i>';
  126. }
  127. /**
  128. * @param $atts
  129. * @param $content
  130. *
  131. * @return string
  132. */
  133. public function getParamTabsList( $atts, $content ) {
  134. $isPageEditabe = vc_is_page_editable();
  135. $html = array();
  136. $html[] = '<div class="vc_tta-tabs-container">';
  137. $html[] = '<ul class="vc_tta-tabs-list">';
  138. if ( ! $isPageEditabe ) {
  139. $active_section = $this->getActiveSection( $atts, false );
  140. foreach ( WPBakeryShortCode_Vc_Tta_Section::$section_info as $nth => $section ) {
  141. $classes = array( 'vc_tta-tab' );
  142. if ( ( $nth + 1 ) === $active_section ) {
  143. $classes[] = $this->activeClass;
  144. }
  145. $title = '<span class="vc_tta-title-text">' . $section['title'] . '</span>';
  146. if ( 'true' === $section['add_icon'] ) {
  147. $icon_html = $this->constructIcon( $section );
  148. if ( 'left' === $section['i_position'] ) {
  149. $title = $icon_html . $title;
  150. } else {
  151. $title = $title . $icon_html;
  152. }
  153. }
  154. $a_html = '<a href="#' . $section['tab_id'] . '" data-vc-tabs data-vc-container=".vc_tta">' . $title . '</a>';
  155. $html[] = '<li class="' . implode( ' ', $classes ) . '" data-vc-tab>' . $a_html . '</li>';
  156. }
  157. }
  158. $html[] = '</ul>';
  159. $html[] = '</div>';
  160. return implode( '', apply_filters( 'vc-tta-get-params-tabs-list', $html, $atts, $content, $this ) );
  161. }
  162. /**
  163. * @param $atts
  164. * @param $content
  165. *
  166. * @return string|null
  167. */
  168. public function getParamAlignment( $atts, $content ) {
  169. if ( isset( $atts['alignment'] ) && strlen( $atts['alignment'] ) > 0 ) {
  170. return 'vc_tta-controls-align-' . $atts['alignment'];
  171. }
  172. return null;
  173. }
  174. }