| 1 |
<?php |
| 2 |
/** |
| 3 |
* Tabs block template |
| 4 |
* |
| 5 |
* @var $attributes - block attributes |
| 6 |
* @var $content - inner blocks |
| 7 |
* @var $options - layout options |
| 8 |
* |
| 9 |
* @package Canvas |
| 10 |
*/ |
| 11 |
|
| 12 |
$tabs_data = is_array( $attributes['tabsData'] ) ? $attributes['tabsData'] : array(); |
| 13 |
|
| 14 |
if ( $tabs_data && count( $tabs_data ) ) { |
| 15 |
$attributes['className'] .= ' cnvs-block-tabs-' . count( $tabs_data ); |
| 16 |
} |
| 17 |
|
| 18 |
if ( 'vertical' === $attributes['tabsPosition'] ) { |
| 19 |
$attributes['className'] .= ' cnvs-block-tabs-' . $attributes['tabsPosition']; |
| 20 |
} |
| 21 |
|
| 22 |
?> |
| 23 |
|
| 24 |
<div class="<?php echo esc_attr( $attributes['className'] ); ?>" <?php echo ( isset( $attributes['anchor'] ) ? ' id="' . esc_attr( $attributes['anchor'] ) . '"' : '' ); ?>> |
| 25 |
<div class="cnvs-block-tabs-buttons"> |
| 26 |
<?php |
| 27 |
foreach ( $tabs_data as $i => $title ) { |
| 28 |
$tab_class = 'cnvs-block-tabs-button'; |
| 29 |
|
| 30 |
if ( $i === $attributes['tabActive'] ) { |
| 31 |
$tab_class .= ' cnvs-block-tabs-button-active'; |
| 32 |
} |
| 33 |
|
| 34 |
?> |
| 35 |
<div class="<?php echo esc_attr( $tab_class ); ?>"> |
| 36 |
<a href="#"><?php echo (string) $title; // XSS. ?></a> |
| 37 |
</div> |
| 38 |
<?php |
| 39 |
} |
| 40 |
?> |
| 41 |
</div> |
| 42 |
<div class="cnvs-block-tabs-content"> |
| 43 |
<?php echo (string) $content; // XSS. ?> |
| 44 |
</div> |
| 45 |
</div> |
| 46 |
|
