1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
|
<?php
if ( ! defined( 'ABSPATH' ) ) {
die( '-1' );
}
$parent_tag = vc_post_param( 'parent_tag', '' );
$include_icon_params = ( 'vc_tta_pageable' !== $parent_tag );
if ( $include_icon_params ) {
require_once vc_path_dir( 'CONFIG_DIR', 'content/vc-icon-element.php' );
$icon_params = array(
array(
'type' => 'checkbox',
'param_name' => 'add_icon',
'heading' => esc_html__( 'Add icon?', 'js_composer' ),
'description' => esc_html__( 'Add icon next to section title.', 'js_composer' ),
),
array(
'type' => 'dropdown',
'param_name' => 'i_position',
'value' => array(
esc_html__( 'Before title', 'js_composer' ) => 'left',
esc_html__( 'After title', 'js_composer' ) => 'right',
),
'dependency' => array(
'element' => 'add_icon',
'value' => 'true',
),
'heading' => esc_html__( 'Icon position', 'js_composer' ),
'description' => esc_html__( 'Select icon position.', 'js_composer' ),
),
);
$icon_params = array_merge( $icon_params, (array) vc_map_integrate_shortcode( vc_icon_element_params(), 'i_', '', array(
// we need only type, icon_fontawesome, icon_.., NOT color and etc
'include_only_regex' => '/^(type|icon_\w*)/',
), array(
'element' => 'add_icon',
'value' => 'true',
) ) );
} else {
$icon_params = array();
}
$params = array_merge( array(
array(
'type' => 'textfield',
'param_name' => 'title',
'heading' => esc_html__( 'Title', 'js_composer' ),
'description' => esc_html__( 'Enter section title (Note: you can leave it empty).', 'js_composer' ),
),
array(
'type' => 'el_id',
'param_name' => 'tab_id',
'settings' => array(
'auto_generate' => true,
),
'heading' => esc_html__( 'Section ID', 'js_composer' ),
'description' => sprintf( esc_html__( 'Enter section ID (Note: make sure it is unique and valid according to %sw3c specification%s).', 'js_composer' ), '<a href="https://www.w3schools.com/tags/att_global_id.asp" target="_blank">', '</a>' ),
),
), $icon_params, array(
array(
'type' => 'textfield',
'heading' => esc_html__( 'Extra class name', 'js_composer' ),
'param_name' => 'el_class',
'description' => esc_html__( 'If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.', 'js_composer' ),
),
) );
return array(
'name' => esc_html__( 'Section', 'js_composer' ),
'base' => 'vc_tta_section',
'icon' => 'icon-wpb-ui-tta-section',
'allowed_container_element' => 'vc_row',
'is_container' => true,
'show_settings_on_create' => false,
'as_child' => array(
'only' => 'vc_tta_tour,vc_tta_tabs,vc_tta_accordion',
),
'category' => esc_html__( 'Content', 'js_composer' ),
'description' => esc_html__( 'Section for Tabs, Tours, Accordions.', 'js_composer' ),
'params' => $params,
'js_view' => 'VcBackendTtaSectionView',
'custom_markup' => '
<div class="vc_tta-panel-heading">
<h4 class="vc_tta-panel-title vc_tta-controls-icon-position-left"><a href="javascript:;" data-vc-target="[data-model-id=\'{{ model_id }}\']" data-vc-accordion data-vc-container=".vc_tta-container"><span class="vc_tta-title-text">{{ section_title }}</span><i class="vc_tta-controls-icon vc_tta-controls-icon-plus"></i></a></h4>
</div>
<div class="vc_tta-panel-body">
{{ editor_controls }}
<div class="{{ container-class }}">
{{ content }}
</div>
</div>',
'default_content' => '',
);
|