| 1 |
<?php |
| 2 |
/** |
| 3 |
* TinyMCE Tabbed Modal view |
| 4 |
* |
| 5 |
* @package ConvertKit |
| 6 |
* @author ConvertKit |
| 7 |
*/ |
| 8 |
|
| 9 |
?> |
| 10 |
|
| 11 |
<!-- .wp-core-ui ensures styles are applied on frontend editors for e.g. buttons.css --> |
| 12 |
<form class="convertkit-tinymce-popup wp-core-ui"> |
| 13 |
<input type="hidden" name="shortcode" value="convertkit_<?php echo esc_attr( $shortcode['name'] ); ?>" /> |
| 14 |
<input type="hidden" name="editor_type" value="<?php echo esc_attr( $editor_type ); // quicktags|tinymce. ?>" /> |
| 15 |
|
| 16 |
<?php |
| 17 |
if ( $shortcode['shortcode_include_closing_tag'] ) { |
| 18 |
?> |
| 19 |
<input type="hidden" name="close_shortcode" value="1" /> |
| 20 |
<?php |
| 21 |
} |
| 22 |
?> |
| 23 |
|
| 24 |
<!-- Vertical Tabbed UI --> |
| 25 |
<div class="convertkit-vertical-tabbed-ui"> |
| 26 |
<!-- Tabs --> |
| 27 |
<ul class="convertkit-nav-tabs convertkit-js-tabs" |
| 28 |
data-panels-container="#<?php echo esc_attr( $shortcode['name'] ); ?>-container" |
| 29 |
data-panel=".<?php echo esc_attr( $shortcode['name'] ); ?>" |
| 30 |
data-active="convertkit-nav-tab-vertical-active" |
| 31 |
data-match-height="#convertkit-tinymce-modal-body"> |
| 32 |
|
| 33 |
<?php |
| 34 |
// data-match-height="#convertkit-tinymce-modal-body" removed from above. |
| 35 |
// Output each Tab. |
| 36 |
$first_tab = true; |
| 37 |
foreach ( $shortcode['panels'] as $modal_tab_name => $modal_tab ) { |
| 38 |
?> |
| 39 |
<li class="convertkit-nav-tab<?php echo esc_attr( ( isset( $modal_tab['class'] ) ? ' ' . $modal_tab['class'] : '' ) ); ?>"> |
| 40 |
<a href="#<?php echo esc_attr( $shortcode['name'] ) . '-' . esc_attr( $modal_tab_name ); ?>"<?php echo ( $first_tab ? ' class="convertkit-nav-tab-vertical-active"' : '' ); ?>> |
| 41 |
<?php echo esc_html( $modal_tab['label'] ); ?> |
| 42 |
</a> |
| 43 |
</li> |
| 44 |
<?php |
| 45 |
$first_tab = false; |
| 46 |
} |
| 47 |
?> |
| 48 |
</ul> |
| 49 |
|
| 50 |
<!-- Content --> |
| 51 |
<div id="<?php echo esc_attr( $shortcode['name'] ); ?>-container" class="convertkit-nav-tabs-content"> |
| 52 |
<?php |
| 53 |
// Output each Tab Panel. |
| 54 |
foreach ( $shortcode['panels'] as $modal_tab_name => $modal_tab ) { |
| 55 |
?> |
| 56 |
<div id="<?php echo esc_attr( $shortcode['name'] ) . '-' . esc_attr( $modal_tab_name ); ?>" class="<?php echo esc_attr( $shortcode['name'] ); ?>"> |
| 57 |
<div class="postbox"> |
| 58 |
<?php |
| 59 |
// Iterate through this tab's field names. |
| 60 |
foreach ( $modal_tab['fields'] as $field_name ) { |
| 61 |
// Skip if this field doesn't exist. |
| 62 |
if ( ! isset( $shortcode['fields'][ $field_name ] ) ) { |
| 63 |
continue; |
| 64 |
} |
| 65 |
|
| 66 |
// Fetch the field properties. |
| 67 |
$field = $shortcode['fields'][ $field_name ]; |
| 68 |
|
| 69 |
// Output Field. |
| 70 |
include 'modal-field-row.php'; |
| 71 |
} |
| 72 |
?> |
| 73 |
</div> |
| 74 |
</div> |
| 75 |
<?php |
| 76 |
} |
| 77 |
?> |
| 78 |
</div> |
| 79 |
</div> |
| 80 |
</form> |
| 81 |
|
