/** * Output ROW settings/controls. */ function dslc_row_display_options() { // Global var containing options. global $dslc_var_row_options; // If empty return? if (empty($dslc_var_row_options)) { return; } foreach ($dslc_var_row_options as $row_option) { $css_rule_output = ''; if (isset($row_option['affect_on_change_rule'])) { $css_rule_output = $row_option['affect_on_change_rule']; } $css_element_output = ''; if (isset($row_option['affect_on_change_el'])) { $css_element_output = $row_option['affect_on_change_el']; } $extra_class = ''; if ('image' === $row_option['type'] || 'video' === $row_option['type']) { $extra_class = 'dslca-modules-section-edit-option-upload'; } if ('border_checkbox' === $row_option['type'] || 'checkbox' === $row_option['type']) { $extra_class = 'dslca-modules-section-edit-option-checkbox'; } if (!isset($row_option['ext'])) { $row_option['ext'] = ''; } if (!isset($row_option['min'])) { $row_option['min'] = 0; } if (!isset($row_option['max'])) { $row_option['max'] = 100; } if (!isset($row_option['increment'])) { $row_option['increment'] = 1; } ?> <div class="dslca-modules-section-edit-option dslca-modules-section-edit-option-<?php echo $row_option['type']; ?> <?php echo esc_attr($extra_class); ?> " data-id="<?php echo esc_attr($row_option['id']); ?> "> <span class="dslca-modules-section-edit-label"><?php echo esc_html($row_option['label']); ?> </span> <?php if ('text' === $row_option['type']) { ?> <input type="text" class="dslca-modules-section-edit-field" data-id="<?php echo esc_attr($row_option['id']); ?> " data-css-element="<?php echo esc_attr($css_element_output); ?> " data-css-rule="<?php echo esc_attr($css_rule_output); ?> " /> <?php } elseif ('select' === $row_option['type']) { ?> <select type="text" class="dslca-modules-section-edit-field dslca-modules-section-edit-field-select" data-id="<?php echo esc_attr($row_option['id']); ?> " data-css-element="<?php echo esc_attr($css_element_output); ?> " data-css-rule="<?php echo esc_attr($css_rule_output); ?> " > <?php foreach ($row_option['choices'] as $choice) { ?> <option value="<?php echo esc_attr($choice['value']); ?> "><?php echo esc_attr($choice['label']); ?> </option> <?php } ?> </select> <span class="dslca-icon dslc-icon-caret-down"></span> <?php } elseif ('color' === $row_option['type']) { $style = ''; if (isset($curr_value) && '' !== $curr_value) { $text_color_value = $curr_value; if (!strpos($curr_value, '#')) { $text_color_value = dslc_rgbtohex($text_color_value); } $color = dslc_get_contrast_bw($text_color_value); $style = ' style="background: ' . $curr_value . '; color: ' . $color . '"'; } ?> <input type="text" class="dslca-modules-section-edit-field dslca-modules-section-edit-field-colorpicker" data-id="<?php echo esc_attr($row_option['id']); ?> " data-css-element="<?php echo esc_attr($css_element_output); ?> " data-css-rule="<?php echo esc_attr($css_rule_output); ?> " /> <?php } elseif ('image' === $row_option['type']) { ?> <span class="dslca-modules-section-edit-field-image-add-hook"><span class="dslca-icon dslc-icon-cloud-upload"></span><?php esc_html_e('Upload Image', 'live-composer-page-builder'); ?> </span> <span class="dslca-modules-section-edit-field-image-remove-hook"><span class="dslca-icon dslc-icon-remove"></span><?php esc_html_e('Remove Image', 'live-composer-page-builder'); ?> </span> <input type="hidden" class="dslca-modules-section-edit-field dslca-modules-section-edit-field-upload" data-id="<?php echo esc_attr($row_option['id']); ?> " data-css-element="<?php echo esc_attr($css_element_output); ?> " data-css-rule="<?php echo esc_attr($css_rule_output); ?> " /> <?php } elseif ('video' === $row_option['type']) { ?> <span class="dslca-modules-section-edit-field-image-add-hook"><span class="dslca-icon dslc-icon-cloud-upload"></span><?php esc_html_e('Upload Video', 'live-composer-page-builder'); ?> </span> <span class="dslca-modules-section-edit-field-image-remove-hook"><span class="dslca-icon dslc-icon-remove"></span><?php esc_html_e('Remove Video', 'live-composer-page-builder'); ?> </span> <input type="hidden" class="dslca-modules-section-edit-field dslca-modules-section-edit-field-upload" data-id="<?php echo esc_attr($row_option['id']); ?> " data-css-element="<?php echo esc_attr($css_element_output); ?> " data-css-rule="<?php echo esc_attr($css_rule_output); ?> " /> <?php } elseif ('slider' === $row_option['type']) { ?> <?php $slider_min = $row_option['min']; $slider_max = $row_option['max']; $slider_increment = $row_option['increment']; $ext = $row_option['ext']; $curr_value = $row_option['std']; ?> <input type="number" class="dslca-modules-section-edit-field dslca-modules-section-edit-field-slider-numeric" data-id="<?php echo esc_attr($row_option['id']); ?> " value="<?php echo $curr_value; ?> " data-css-element="<?php echo esc_attr($css_element_output); ?> " data-css-rule="<?php echo esc_attr($css_rule_output); ?> " data-min="<?php echo $slider_min; ?> " data-max="<?php echo $slider_max; ?> " data-ext="<?php echo $ext; ?> " data-increment="<?php echo esc_attr($row_option['increment']); ?> " data-ext="<?php echo esc_attr($row_option['ext']); ?> "/> <?php } elseif ('border_checkbox' === $row_option['type']) { ?> <div class="dslca-modules-section-edit-option-checkbox-wrapper"> <div class="dslca-modules-section-edit-option-checkbox-single"> <span class="dslca-modules-section-edit-option-checkbox-hook"><span class="dslca-icon dslc-icon-check-empty"></span><?php esc_html_e('Top', 'live-composer-page-builder'); ?> </span> <input type="checkbox" class="dslca-modules-section-edit-field dslca-modules-section-edit-field-checkbox" data-id="border-top" data-css-rule="border-width"> </div> <div class="dslca-modules-section-edit-option-checkbox-single"> <span class="dslca-modules-section-edit-option-checkbox-hook"><span class="dslca-icon dslc-icon-check-empty"></span><?php esc_html_e('Right', 'live-composer-page-builder'); ?> </span> <input type="checkbox" class="dslca-modules-section-edit-field dslca-modules-section-edit-field-checkbox" data-id="border-right" data-css-rule="border-width"> </div> <div class="dslca-modules-section-edit-option-checkbox-single"> <span class="dslca-modules-section-edit-option-checkbox-hook"><span class="dslca-icon dslc-icon-check-empty"></span><?php esc_html_e('Bottom', 'live-composer-page-builder'); ?> </span> <input type="checkbox" class="dslca-modules-section-edit-field dslca-modules-section-edit-field-checkbox" data-id="border-bottom" data-css-rule="border-width"> </div> <div class="dslca-modules-section-edit-option-checkbox-single"> <span class="dslca-modules-section-edit-option-checkbox-hook"><span class="dslca-icon dslc-icon-check-empty"></span><?php esc_html_e('Left', 'live-composer-page-builder'); ?> </span> <input type="checkbox" class="dslca-modules-section-edit-field dslca-modules-section-edit-field-checkbox" data-id="border-left" data-css-rule="border-width"> </div> </div> <?php } elseif ('checkbox' === $row_option['type']) { ?> <div class="dslca-modules-section-edit-option-checkbox-wrapper"> <?php foreach ($row_option['choices'] as $choices) { ?> <div class="dslca-modules-section-edit-option-checkbox-single"> <span class="dslca-modules-section-edit-option-checkbox-hook"><span class="dslca-icon dslc-icon-check-empty"></span><?php echo esc_attr($choices['label']); ?> </span> <input type="checkbox" class="dslca-modules-section-edit-field dslca-modules-section-edit-field-checkbox" data-val="<?php echo esc_attr($choices['value']); ?> " data-id="<?php echo esc_attr($row_option['id']); ?> "> </div> <?php } ?> </div> <?php } ?> </div><!-- .dslca-modules-section-edit-option --> <?php } }
/** * Display module options * * @since 1.0 */ function dslc_ajax_display_module_options($atts) { // Allowed to do this? if (is_user_logged_in() && current_user_can(DS_LIVE_COMPOSER_CAPABILITY)) { // The array we'll pass back to the AJAX call. $response = array(); // This will hold the output. $response['output'] = ''; $response['output_tabs'] = ''; // The ID of the module. $module_id = $_POST['dslc_module_id']; // Instanciate the module class. $module_instance = new $module_id(); // Get the module options. $module_options = $module_instance->options(); // Tabs. $tabs = array(); ob_start(); // Go through each option, generate the option HTML and append to output. foreach ($module_options as $module_option) { $curr_value = $module_option['std']; if (isset($_POST[$module_option['id']])) { $curr_value = $_POST[$module_option['id']]; } /** * Visibility */ if (isset($module_option['visibility'])) { $visibility = false; } else { $visibility = true; } if ('checkbox' === $module_option['type'] && count($module_option['choices']) < 1) { $visibility = false; } /** * Refresh on change */ if (isset($module_option['refresh_on_change'])) { if ($module_option['refresh_on_change']) { $refresh_on_change = 'active'; } else { $refresh_on_change = 'inactive'; } } else { $refresh_on_change = 'active'; } // Force refresh on change for images ( due to the URL -> ID change ). if ('image' === $module_option['type']) { $refresh_on_change = 'active'; } /** * Section (functionality and styling) */ if (isset($module_option['section'])) { $section = $module_option['section']; } else { $section = 'functionality'; } /** * Tab */ if (!isset($module_option['tab'])) { if ('functionality' === $section) { $tabs['general_functionality'] = array('title' => __('General', 'live-composer-page-builder'), 'id' => 'general_functionality', 'section' => 'functionality'); } else { $tabs['general_styling'] = array('title' => __('General', 'live-composer-page-builder'), 'id' => 'general_styling', 'section' => 'styling'); } $tab_id = 'general_' . $section; } if (isset($module_option['tab'])) { // Lowercase it. $tab_id = strtolower($module_option['tab']); // Replace spaces with _ . $tab_id = str_replace(' ', '_', $tab_id); // Add section ID append. $tab_id .= '_' . $section; // If not already in the tabs array. if (!in_array($tab_id, $tabs, true)) { // Add it to the tabs array. $tabs[$tab_id] = array('title' => $module_option['tab'], 'id' => $tab_id, 'section' => $section); } } $ext = ' '; if (isset($module_option['ext'])) { $ext = $module_option['ext']; } $affect_on_change_append = ''; if (isset($module_option['affect_on_change_el']) && isset($module_option['affect_on_change_rule'])) { $affect_on_change_append = 'data-affect-on-change-el="' . $module_option['affect_on_change_el'] . '" data-affect-on-change-rule="' . $module_option['affect_on_change_rule'] . '"'; } /** * List of options that need not toggle * – Enable/Disable Custom CSS * – Show On * – Presets controls * – Animation controls */ $controls_without_toggle = array('css_custom', 'css_show_on', 'css_save_preset', 'css_load_preset', 'css_anim', 'css_anim_delay', 'css_anim_duration', 'css_anim_easing', 'content', 'css_res_t', 'css_res_p', 'image', 'elements', 'post_elements', 'carousel_elements', 'thumb_resize_width', 'thumb_resize_width_manual', 'button_icon_id', 'icon_pos', 'button_state', 'resize_width', 'resize_height'); $control_with_toggle = ''; $sections_with_toggle = array('styling', 'responsive'); $module_option['section'] = isset($module_option['section']) ? $module_option['section'] : 'functionality'; /** * Display styling control toggle [On/Off] */ if (!in_array($module_option['id'], $controls_without_toggle, true) && in_array($module_option['section'], $sections_with_toggle, true)) { $control_with_toggle = 'dslca-option-with-toggle'; if ('' === stripslashes($curr_value)) { $control_with_toggle .= ' dslca-option-off'; } } $dep = ''; // Show/hide option controls that depend on current option. if (isset($module_option['dependent_controls'])) { $dep = ' data-dep="' . base64_encode(wp_json_encode($module_option['dependent_controls'])) . '"'; } ?> <div class="dslca-module-edit-option dslca-module-edit-option-<?php echo esc_attr($module_option['type']); ?> dslca-module-edit-option-<?php echo esc_attr($module_option['id']); ?> <?php if (!$visibility) { echo 'dslca-module-edit-option-hidden'; } ?> <?php echo esc_attr($control_with_toggle); ?> " data-id="<?php echo esc_attr($module_option['id']); ?> " <?php echo $dep; /* Base64 code. */ ?> data-refresh-on-change="<?php echo esc_attr($refresh_on_change); ?> " data-section="<?php echo esc_attr($section); ?> " data-tab="<?php echo esc_attr($tab_id); ?> "> <?php if (isset($module_option['help'])) { ?> <div class="dslca-module-edit-field-ttip-content"><?php echo esc_html($module_option['help']); ?> </div> <?php } ?> <span class="dslca-module-edit-label"> <?php if (isset($module_option['label'])) { echo esc_html($module_option['label']); } ?> <?php /** * Display styling control toggle [On/Off] */ if (!in_array($module_option['id'], $controls_without_toggle, true) && in_array($module_option['section'], $sections_with_toggle, true) && !stristr($module_option['id'], 'css_res_')) { echo '<span class="dslc-control-toggle dslc-icon dslc-icon-"></span>'; } ?> <?php if ('icon' === $module_option['type']) { ?> <span class="dslca-module-edit-field-icon-ttip-hook"><span class="dslca-icon dslc-icon-info"></span></span> <?php } ?> <?php if (isset($module_option['help'])) { ?> <span class="dslca-module-edit-field-ttip-hook"><span class="dslca-icon dslc-icon-info"></span></span> <?php } ?> </span> <?php if ('text' === $module_option['type']) { ?> <input type="text" class="dslca-module-edit-field" name="<?php echo esc_attr($module_option['id']); ?> " data-id="<?php echo esc_attr($module_option['id']); ?> " value="<?php echo esc_attr(stripslashes($curr_value)); ?> " data-starting-val="<?php echo esc_attr(stripslashes($curr_value)); ?> " <?php echo $affect_on_change_append; ?> /> <?php } elseif ('textarea' === $module_option['type']) { ?> <textarea class="dslca-module-edit-field" name="<?php echo esc_attr($module_option['id']); ?> " data-id="<?php echo esc_attr($module_option['id']); ?> " <?php echo $affect_on_change_append; ?> ><?php echo stripslashes($curr_value); ?> </textarea> <?php } elseif ('select' === $module_option['type']) { ?> <select class="dslca-module-edit-field" name="<?php echo esc_attr($module_option['id']); ?> " data-id="<?php echo esc_attr($module_option['id']); ?> " <?php echo $affect_on_change_append; ?> > <?php foreach ($module_option['choices'] as $select_option) { ?> <option value="<?php echo $select_option['value']; ?> " <?php if ($curr_value == $select_option['value']) { echo 'selected="selected"'; } ?> ><?php echo $select_option['label']; ?> </option> <?php } ?> </select> <span class="dslca-icon dslc-icon-caret-down"></span> <?php } elseif ($module_option['type'] == 'checkbox') { ?> <?php // Current Value Array. if (empty($curr_value)) { $curr_value = array(); } else { $curr_value = explode(' ', trim($curr_value)); } ?> <div class="dslca-module-edit-option-checkbox-wrapper"> <?php foreach ($module_option['choices'] as $checkbox_option) { ?> <div class="dslca-module-edit-option-checkbox-single"> <span class="dslca-module-edit-option-checkbox-hook"><span class="dslca-icon <?php if (in_array($checkbox_option['value'], $curr_value)) { echo 'dslc-icon-check'; } else { echo 'dslc-icon-check-empty'; } ?> "></span><?php echo $checkbox_option['label']; ?> </span> <input type="checkbox" class="dslca-module-edit-field dslca-module-edit-field-checkbox" data-id="<?php echo esc_attr($module_option['id']); ?> " name="<?php echo esc_attr($module_option['id']); ?> " value="<?php echo $checkbox_option['value']; ?> " <?php if (in_array($checkbox_option['value'], $curr_value)) { echo 'checked="checked"'; } ?> <?php echo $affect_on_change_append; ?> /> </div><!-- .dslca-module-edit-option-checkbox-single --> <?php } ?> </div><!-- .dslca-module-edit-option-checkbox-wrapper --> <?php } elseif ('radio' === $module_option['type']) { ?> <div class="dslca-module-edit-option-radio-wrapper"> <?php foreach ($module_option['choices'] as $checkbox_option) { ?> <div class="dslca-module-edit-option-radio-single"> <input type="radio" class="dslca-module-edit-field" data-id="<?php echo esc_attr($module_option['id']); ?> " name="<?php echo esc_attr($module_option['id']); ?> " value="<?php echo $checkbox_option['value']; ?> " /> <?php echo $checkbox_option['label']; ?> <br> </div><!-- .dslca-module-edit-option-radio-single --> <?php } ?> </div><!-- .dslca-module-edit-option-radio-wrapper --> <?php } elseif ('color' === $module_option['type']) { ?> <?php $default_value = false; if (isset($module_option['std'])) { $default_value = $module_option['std']; } $style = ''; if ('' !== $curr_value) { $text_color_value = $curr_value; if (!strpos($curr_value, '#')) { $text_color_value = dslc_rgbtohex($text_color_value); } $color = dslc_get_contrast_bw($text_color_value); $style = ' style="background: ' . $curr_value . '; color: ' . $color . '"'; } ?> <input type="text" class="dslca-module-edit-field dslca-module-edit-field-colorpicker" <?php echo $style; ?> name="<?php echo esc_attr($module_option['id']); ?> " data-id="<?php echo esc_attr($module_option['id']); ?> " value="<?php echo esc_attr($curr_value); ?> " data-affect-on-change-el="<?php echo $module_option['affect_on_change_el']; ?> " data-affect-on-change-rule="<?php echo $module_option['affect_on_change_rule']; ?> " <?php if ($default_value) { ?> data-default="<?php echo $default_value; ?> " <?php } ?> /> <?php } elseif ('slider' === $module_option['type']) { ?> <?php $slider_min = 0; $slider_max = 100; $slider_increment = 1; if (isset($module_option['min'])) { $slider_min = $module_option['min']; } if (isset($module_option['max'])) { $slider_max = $module_option['max']; } if (isset($module_option['increment'])) { $slider_increment = $module_option['increment']; } ?> <div class="dslca-module-edit-field-numeric-wrap"> <input type="number" class="dslca-module-edit-field dslca-module-edit-field-numeric" name="<?php echo esc_attr($module_option['id']); ?> " data-id="<?php echo esc_attr($module_option['id']); ?> " value="<?php echo esc_attr($curr_value); ?> " data-starting-val="<?php echo esc_attr($curr_value); ?> " data-min="<?php echo esc_attr($slider_min); ?> " data-max="<?php echo esc_attr($slider_max); ?> " data-increment="<?php echo esc_attr($slider_increment); ?> " data-ext="<?php echo esc_attr($ext); ?> " <?php echo $affect_on_change_append; ?> /> <span class="dslca-module-edit-field-numeric-ext"><?php echo $module_option['ext']; ?> </span> </div> <?php } elseif ('font' === $module_option['type']) { ?> <div class="dslca-module-edit-field-font-wrapper"> <input type="text" class="dslca-module-edit-field dslca-module-edit-field-font" name="<?php echo esc_attr($module_option['id']); ?> " data-id="<?php echo esc_attr($module_option['id']); ?> " value="<?php echo esc_attr($curr_value); ?> " <?php echo $affect_on_change_append; ?> /> <span class="dslca-module-edit-field-font-suggest"></span> </div> <span class="dslca-options-iconbutton dslca-module-edit-field-font-prev"><span class="dslca-icon dslc-icon-chevron-left"></span></span> <span class="dslca-options-iconbutton dslca-module-edit-field-font-next"><span class="dslca-icon dslc-icon-chevron-right"></span></span> <?php } elseif ('icon' === $module_option['type']) { ?> <div class="dslca-module-edit-field-icon-wrapper"> <input type="text" class="dslca-module-edit-field dslca-module-edit-field-icon" name="<?php echo esc_attr($module_option['id']); ?> " data-id="<?php echo esc_attr($module_option['id']); ?> " value="<?php echo esc_attr($curr_value); ?> " <?php echo $affect_on_change_append; ?> /> <span class="dslca-module-edit-field-icon-suggest"></span> </div> <span class="dslca-options-iconbutton dslca-open-modal-hook" data-modal=".dslc-list-icons-fontawesome"><span class="dslca-icon dslc-icon-th"></span></span> <span class="dslca-module-edit-field-icon-switch-set"><span class="dslca-icon dslc-icon-cog"></span> <span class="dslca-module-edit-field-icon-curr-set"><?php echo dslc_icons_current_set($curr_value); ?> </span></span> <?php } elseif ('image' === $module_option['type']) { ?> <span class="dslca-module-edit-field-image-add-hook" <?php if ($curr_value != '') { echo 'style="display: none;"'; } ?> ><span class="dslca-icon dslc-icon-cloud-upload"></span><?php esc_html_e('Upload Image', 'live-composer-page-builder'); ?> </span> <span class="dslca-module-edit-field-image-remove-hook" <?php if ($curr_value == '') { echo 'style="display: none;"'; } ?> ><span class="dslca-icon dslc-icon-remove"></span><?php esc_html_e('Remove Image', 'live-composer-page-builder'); ?> </span> <input type="hidden" class="dslca-module-edit-field dslca-module-edit-field-image" name="<?php echo esc_attr($module_option['id']); ?> " data-id="<?php echo esc_attr($module_option['id']); ?> " value="<?php echo esc_attr($curr_value); ?> " <?php echo $affect_on_change_append; ?> /> <?php } elseif ('text_align' === $module_option['type']) { ?> <div class="dslca-module-edit-option-text-align-wrapper"> <div class="dslca-module-edit-option-text-align-single dslca-module-edit-option-text-align-hook <?php if ($curr_value == 'inherit') { echo 'dslca-active'; } ?> " data-val="inherit"> <span class="dslca-icon dslc-icon-remove"></span> </div> <div class="dslca-module-edit-option-text-align-single dslca-module-edit-option-text-align-hook <?php if ($curr_value == 'left') { echo 'dslca-active'; } ?> " data-val="left"> <span class="dslca-icon dslc-icon-align-left"></span> </div> <div class="dslca-module-edit-option-text-align-single dslca-module-edit-option-text-align-hook <?php if ($curr_value == 'center') { echo 'dslca-active'; } ?> " data-val="center"> <span class="dslca-icon dslc-icon-align-center"></span> </div> <div class="dslca-module-edit-option-text-align-single dslca-module-edit-option-text-align-hook <?php if ($curr_value == 'right') { echo 'dslca-active'; } ?> " data-val="right"> <span class="dslca-icon dslc-icon-align-right"></span> </div> <div class="dslca-module-edit-option-text-align-single dslca-module-edit-option-text-align-hook <?php if ($curr_value == 'justify') { echo 'dslca-active'; } ?> " data-val="justify"> <span class="dslca-icon dslc-icon-align-justify"></span> </div> </div> <input type="hidden" class="dslca-module-edit-field dslca-module-edit-field-text-align" name="<?php echo esc_attr($module_option['id']); ?> " data-id="<?php echo esc_attr($module_option['id']); ?> " value="<?php echo esc_attr($curr_value); ?> " <?php echo $affect_on_change_append; ?> /> <?php } elseif ('box_shadow' === $module_option['type']) { ?> <?php $box_shadow_hor_val = 0; $box_shadow_ver_val = 0; $box_shadow_blur_val = 0; $box_shadow_spread_val = 0; $box_shadow_color_val = 'transparent'; $box_shadow_inset_val = 'outset'; $box_shadow_val = false; if ('' !== $curr_value) { $box_shadow_val = explode(' ', $curr_value); } if (is_array($box_shadow_val)) { $box_shadow_hor_val = str_replace('px', '', $box_shadow_val[0]); $box_shadow_ver_val = str_replace('px', '', $box_shadow_val[1]); $box_shadow_blur_val = str_replace('px', '', $box_shadow_val[2]); $box_shadow_spread_val = str_replace('px', '', $box_shadow_val[3]); $box_shadow_color_val = str_replace('px', '', $box_shadow_val[4]); if (isset($box_shadow_val[5])) { $box_shadow_inset_val = $box_shadow_val[5]; } } ?> <div class="dslca-module-edit-option-box-shadow-wrapper"> <div class="dslca-module-edit-option-box-shadow-single"> <span class="dslca-module-edit-option-checkbox-hook"><?php esc_html_e('Inner', 'live-composer-page-builder'); ?> <span class="dslca-icon <?php if ($box_shadow_inset_val == 'inset') { echo 'dslc-icon-check'; } else { echo 'dslc-icon-check-empty'; } ?> "></span></span> <input type="checkbox" class="dslca-module-edit-field-checkbox dslca-module-edit-option-box-shadow-inset" <?php if ($box_shadow_inset_val == 'inset') { echo 'checked="checked"'; } ?> /> </div> <div class="dslca-module-edit-option-box-shadow-single"> <span><?php esc_html_e('Hor', 'live-composer-page-builder'); ?> </span><input class="dslca-module-edit-option-box-shadow-hor" step="0.1" type="number" value="<?php echo $box_shadow_hor_val; ?> " /> </div> <div class="dslca-module-edit-option-box-shadow-single"> <span><?php esc_html_e('Ver', 'live-composer-page-builder'); ?> </span><input class="dslca-module-edit-option-box-shadow-ver" step="0.1" type="number" value="<?php echo $box_shadow_ver_val; ?> " /> </div> <div class="dslca-module-edit-option-box-shadow-single"> <span><?php esc_html_e('Blur', 'live-composer-page-builder'); ?> </span><input class="dslca-module-edit-option-box-shadow-blur" step="0.1" type="number" value="<?php echo $box_shadow_blur_val; ?> " /> </div> <div class="dslca-module-edit-option-box-shadow-single"> <span><?php esc_html_e('Spread', 'live-composer-page-builder'); ?> </span><input class="dslca-module-edit-option-box-shadow-spread" step="0.1" type="number" value="<?php echo $box_shadow_spread_val; ?> " /> </div> <div class="dslca-module-edit-option-box-shadow-single"> <span><?php esc_html_e('Color', 'live-composer-page-builder'); ?> </span><input type="text" class="dslca-module-edit-option-box-shadow-color" value="<?php echo $box_shadow_color_val; ?> " /> </div> <input type="hidden" class="dslca-module-edit-field dslca-module-edit-field-box-shadow" name="<?php echo esc_attr($module_option['id']); ?> " data-id="<?php echo esc_attr($module_option['id']); ?> " value="<?php echo esc_attr($curr_value); ?> " <?php echo $affect_on_change_append; ?> /> </div><!-- .dslca-module-edit-option-box-shadow-wrapper --> <?php } elseif ($module_option['type'] == 'text_shadow') { ?> <?php $text_shadow_hor_val = 0; $text_shadow_ver_val = 0; $text_shadow_blur_val = 0; $text_shadow_color_val = 'transparent'; $text_shadow_val = false; if ('' !== $curr_value) { $text_shadow_val = explode(' ', $curr_value); } if (is_array($text_shadow_val)) { $text_shadow_hor_val = str_replace('px', '', $text_shadow_val[0]); $text_shadow_ver_val = str_replace('px', '', $text_shadow_val[1]); $text_shadow_blur_val = str_replace('px', '', $text_shadow_val[2]); $text_shadow_color_val = str_replace('px', '', $text_shadow_val[3]); } ?> <div class="dslca-module-edit-option-text-shadow-wrapper"> <div class="dslca-module-edit-option-text-shadow-single"> <span><?php esc_html_e('Hor', 'live-composer-page-builder'); ?> </span><input class="dslca-module-edit-option-text-shadow-hor" step="0.1" type="number" value="<?php echo $text_shadow_hor_val; ?> " /> </div> <div class="dslca-module-edit-option-text-shadow-single"> <span><?php esc_html_e('Ver', 'live-composer-page-builder'); ?> </span><input class="dslca-module-edit-option-text-shadow-ver" step="0.1" type="number" value="<?php echo $text_shadow_ver_val; ?> " /> </div> <div class="dslca-module-edit-option-text-shadow-single"> <span><?php esc_html_e('Blur', 'live-composer-page-builder'); ?> </span><input class="dslca-module-edit-option-text-shadow-blur" step="0.1" type="number" value="<?php echo $text_shadow_blur_val; ?> " /> </div> <div class="dslca-module-edit-option-text-shadow-single"> <span><?php esc_html_e('Color', 'live-composer-page-builder'); ?> </span><input class="dslca-module-edit-option-text-shadow-color" type="text" value="<?php echo $text_shadow_color_val; ?> " /> </div> <input type="hidden" class="dslca-module-edit-field dslca-module-edit-field-text-shadow" name="<?php echo esc_attr($module_option['id']); ?> " data-id="<?php echo esc_attr($module_option['id']); ?> " value="<?php echo esc_attr($curr_value); ?> " <?php echo $affect_on_change_append; ?> /> </div><!-- .dslca-module-edit-option-text-shadow-wrapper --> <?php } else { ?> <?php if (has_action('dslc_custom_option_type_' . $module_option['type'])) { ?> <?php do_action('dslc_custom_option_type_' . $module_option['type'], $module_option, $curr_value, $affect_on_change_append); ?> <?php } else { ?> <input type="text" class="dslca-module-edit-field" name="<?php echo esc_attr($module_option['id']); ?> " data-id="<?php echo esc_attr($module_option['id']); ?> " value="<?php echo esc_attr($curr_value); ?> " data-starting-val="<?php echo $curr_value; ?> " <?php echo $affect_on_change_append; ?> /> <?php } ?> <?php } ?> </div><!-- .dslc-module-edit-option --> <?php } $output_fields = ob_get_contents(); ob_end_clean(); // Output Start. $output_start = '<div class="dslca-module-edit-options-wrapper dslc-clearfix">'; // Output End. $output_end = '</div>'; // Output Tabs. $output_tabs = ''; foreach ($tabs as $tab) { $output_tabs .= '<a href="#" class="dslca-module-edit-options-tab-hook" data-section="' . $tab['section'] . '" data-id="' . $tab['id'] . '">' . $tab['title'] . '</a>'; } // Combine output. $response['output_tabs'] .= $output_tabs; $response['output'] .= $output_start; $response['output'] .= $output_fields; $response['output'] .= $output_end; // Encode response. $response_json = wp_json_encode($response); // Send the response. header('Content-Type: application/json'); echo $response_json; // Auf wiedersehen. exit; } }