/** * Wrap output html of a shortcode * * @param array $arr_params * @param string $html_element * @param string $extra_class * @return string */ public function element_wrapper($html_element, $arr_params, $extra_class = '', $custom_style = '') { $shortcode_name = WR_Pb_Helper_Shortcode::shortcode_name($this->config['shortcode']); // extract margin here then insert inline style to wrapper div $styles = array(); if (!empty($arr_params['div_margin_top'])) { $styles[] = 'margin-top:' . intval($arr_params['div_margin_top']) . 'px'; } if (!empty($arr_params['div_margin_bottom'])) { $styles[] = 'margin-bottom:' . intval($arr_params['div_margin_bottom']) . 'px'; } if (!empty($arr_params['div_margin_left'])) { $styles[] = 'margin-left:' . intval($arr_params['div_margin_left']) . 'px'; } if (!empty($arr_params['div_margin_right'])) { $styles[] = 'margin-right:' . intval($arr_params['div_margin_right']) . 'px'; } $style = count($styles) ? implode('; ', $styles) : ''; if (!empty($style) || !empty($custom_style)) { $style = "style='{$style} {$custom_style}'"; } $class = "jsn-bootstrap3 wr-element-container wr-element-{$shortcode_name}"; $extra_class .= !empty($arr_params['css_suffix']) ? ' ' . esc_attr($arr_params['css_suffix']) : ''; $class .= !empty($extra_class) ? ' ' . ltrim($extra_class, ' ') : ''; $extra_id = !empty($arr_params['id_wrapper']) ? ' ' . esc_attr($arr_params['id_wrapper']) : ''; $extra_id = !empty($extra_id) ? "id='" . ltrim($extra_id, ' ') . "'" : ''; // Element appearing animation $appearring_animation = ''; if (!empty($arr_params['appearing_animation']) && $arr_params['appearing_animation'] != '0') { $animation_speed = '0.6'; if (!empty($arr_params['appearing_animation_speed'])) { switch ($arr_params['appearing_animation_speed']) { case 'Slow': $animation_speed = '0.9'; break; case 'Medium': $animation_speed = '0.6'; break; case 'Fast': $animation_speed = '0.3'; break; } } switch ($arr_params['appearing_animation']) { case 'slide_from_top': $appearring_animation = ' data-scroll-reveal="enter top and move 150px over ' . $animation_speed . 's" '; break; case 'slide_from_right': $appearring_animation = ' data-scroll-reveal="enter right and move 150px over ' . $animation_speed . 's" '; break; case 'slide_from_bottom': $appearring_animation = ' data-scroll-reveal="enter bottom and move 150px over ' . $animation_speed . 's" '; break; case 'slide_from_left': $appearring_animation = ' data-scroll-reveal="enter left and move 150px over ' . $animation_speed . 's" '; break; case 'fade_in': $appearring_animation = ' data-scroll-reveal="ease-in 0px over ' . $animation_speed . 's" '; break; } } $html = "<div {$extra_id} class='{$class}' {$style}>" . balanceTags($html_element) . '</div>'; if ($appearring_animation) { $html = "<div {$appearring_animation}>" . $html . "</div>"; } return $html; }
if (!empty($shortcode)) { $script = ''; if (isset($init_tab) && $init_tab == 'styling') { // Auto move to Styling tab if previous action // is coping style from other element. $script .= "\n\t\t\t(function (\$) {\n\t\t\t\t\$(document).ready(function (){\n\t\t\t\t\tsetTimeout(function (){\n\t\t\t\t\t\t\$('[href=\"#styling\"]').click();\n\t\t\t\t\t}, 500);\n\n\t\t\t\t});\n\t\t\t})(jQuery);"; } if ($_REQUEST['form_only']) { $script .= " var wr_pb_modal_ajax = true;"; } WR_Pb_Init_Assets::print_inline('js', $script, true); ?> <div id="wr-element-<?php echo esc_attr(WR_Pb_Helper_Shortcode::shortcode_name($shortcode)); ?> "> <div class="wr-pb-form-container jsn-bootstrap3"> <div id="modalOptions" class="form <?php echo esc_attr($submodal); ?> "> <?php if (!empty($params)) { $params = stripslashes($params); $params = urldecode($params); } // elements if ($el_type == 'element') {