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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
|
<?php
/*
* Module - Animation Block
*/
if(!class_exists('Ultimate_Animation')){
class Ultimate_Animation{
function __construct(){
if ( Ultimate_VC_Addons::$uavc_editor_enable ) {
add_action('init',array($this,'animate_shortcode_mapper'));
}
add_shortcode('ult_animation_block',array($this,'animate_shortcode'));
}/* end constructor*/
function animate_shortcode($atts, $content=null){
//wp_enqueue_script('ultimate-appear');
//wp_enqueue_script('ultimate-custom');
$output = $animation = $opacity = $opacity_start_effect = $animation_duration = $animation_delay = $animation_iteration_count = $inline_disp = $el_class = '';
$opacity_start_effect_data = '';
extract(shortcode_atts(array(
"animation" => "none",
"opacity" => "set",
"opacity_start_effect" => "",
"animation_duration" => "3",
"animation_delay" => "0",
"animation_iteration_count" => "1",
"inline_disp" => "",
"css" => "",
"el_class" => "",
),$atts));
$style = $infi = $mobile_opt = $css_class = '';
$css_class = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, vc_shortcode_custom_css_class( $css, ' ' ), "ult_createlink", $atts );
$css_class = esc_attr( $css_class );
$ultimate_animation = get_option('ultimate_animation');
if($ultimate_animation == "disable"){
$mobile_opt = 'ult-no-mobile';
}
if($inline_disp !== ''){
$style .= 'display:inline-block;';
}
if($opacity == "set"){
$style .= 'opacity:0;';
$el_class .= ' ult-animate-viewport ';
$opacity_start_effect_data = 'data-opacity_start_effect="'.esc_attr( $opacity_start_effect ).'"';
}
$inifinite_arr = array("InfiniteRotate", "InfiniteDangle","InfiniteSwing","InfinitePulse","InfiniteHorizontalShake","InfiniteBounce","InfiniteFlash","InfiniteTADA");
if($animation_iteration_count == 0 || in_array($animation,$inifinite_arr)){
$animation_iteration_count = 'infinite';
$animation = 'infinite '.$animation;
}
$output .= '<div class="ult-animation '.esc_attr( $el_class ).' '.esc_attr( $mobile_opt ).' '. esc_attr( $css_class ) .'" data-animate="'. esc_attr( $animation ) .'" data-animation-delay="'. esc_attr( $animation_delay ) .'" data-animation-duration="'. esc_attr( $animation_duration ) .'" data-animation-iteration="'. esc_attr( $animation_iteration_count ) .'" style="'.esc_attr( $style ).'" '.$opacity_start_effect_data.'>';
$output .= do_shortcode($content);
$output .= '</div>';
return $output;
} /* end animate_shortcode()*/
function animate_shortcode_mapper(){
if(function_exists('vc_map')){
vc_map(
array(
"name" => __("Animation Block", "ultimate_vc"),
"base" => "ult_animation_block",
"icon" => "animation_block",
"class" => "animation_block",
"as_parent" => array('except' => 'ult_animation_block'),
"content_element" => true,
"controls" => "full",
"show_settings_on_create" => true,
"category" => "Ultimate VC Addons",
"description" => __("Apply animations everywhere.",'ultimate_vc'),
//"is_container" => true,
"params" => array(
// add params same as with any other content element
array(
"type" => "animator",
"class" => "",
"heading" => __("Animation","ultimate_vc"),
"param_name" => "animation",
"value" => "",
//"description" => __("","smile"),
),
array(
"type" => "number",
"class" => "",
"heading" => __("Animation Duration","ultimate_vc"),
"param_name" => "animation_duration",
"value" => 3,
"min" => 1,
"max" => 100,
"suffix" => "s",
"description" => __("How long the animation effect should last. Decides the speed of effect.","ultimate_vc"),
),
array(
"type" => "number",
"class" => "",
"heading" => __("Animation Delay","ultimate_vc"),
"param_name" => "animation_delay",
"value" => 0,
"min" => 1,
"max" => 100,
"suffix" => "s",
"description" => __("Delays the animation effect for seconds you enter above.","ultimate_vc"),
),
array(
"type" => "number",
"class" => "",
"heading" => __("Animation Repeat Count","ultimate_vc"),
"param_name" => "animation_iteration_count",
"value" => 1,
"min" => 0,
"max" => 100,
"suffix" => "",
"description" => __("The animation effect will repeat to the count you enter above. Enter 0 if you want to repeat it infinitely.","ultimate_vc"),
),
array(
"type" => "ult_switch",
"class" => "",
"heading" => __("Hide Elements Until Delay", "ultimate_vc"),
"param_name" => "opacity",
"admin_label" => true,
"value" => "set",
"default_set" => true,
"options" => array(
"set" => array(
"label" => __("If set to yes, the elements inside block will stay hidden until animation starts (depends on delay settings above).",'ultimate_vc'),
"on" => "Yes",
"off" => "No",
),
),
//"description" => __("", "woocomposer"),
),
array(
"type" => "number",
"class" => "",
"heading" => __("Viewport Position", "ultimate_vc"),
"param_name" => "opacity_start_effect",
"suffix" => "%",
//"admin_label" => true,
"value" => "90",
"description" => __("The area of screen from top where animation effects will start working.", "ultimate_vc"),
),
array(
"type" => "textfield",
"heading" => __("Extra class name", "ultimate_vc"),
"param_name" => "el_class",
"description" => __("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.", "ultimate_vc")
),
array(
"type" => "ult_param_heading",
"text" => "<span style='display: block;'><a href='http://bsf.io/pd-ct' target='_blank' rel='noopener'>".__("Watch Video Tutorial","ultimate_vc")." <span class='dashicons dashicons-video-alt3' style='font-size:30px;vertical-align: middle;color: #e52d27;'></span></a></span>",
"param_name" => "notification",
'edit_field_class' => 'ult-param-important-wrapper ult-dashicon ult-align-right ult-bold-font ult-blue-font vc_column vc_col-sm-12',
),
array(
'type' => 'css_editor',
'heading' => __( 'Css', 'ultimate_vc' ),
'param_name' => 'css',
'group' => __( 'Design ', 'ultimate_vc' ),
'edit_field_class' => 'vc_col-sm-12 vc_column no-vc-background no-vc-border creative_link_css_editor',
),
),
"js_view" => 'VcColumnView'
)
);/* end vc_map*/
} /* end vc_map check*/
}/*end animate_shortcode_mapper()*/
} /* end class Ultimate_Animation*/
// Instantiate the class
new Ultimate_Animation;
if ( class_exists( 'WPBakeryShortCodesContainer' ) && !class_exists( 'WPBakeryShortCode_ult_animation_block' ) ) {
class WPBakeryShortCode_ult_animation_block extends WPBakeryShortCodesContainer {
}
}
}
|