| Current File : /home/n742ef5/royalanteam.com/wp-content/plugins/Ultimate_VC_Addons/modules/ultimate_modals.php |
<?php
/**
* Add-on Name: Ultimate Modals
* Add-on URI: https://www.brainstormforce.com
*
* @package Ultimate Modals.
*/
if ( ! class_exists( 'Ultimate_VC_Addons_Modals' ) ) {
/**
* Class Ultimate_VC_Addons_Modals.
*
* @class Ultimate_VC_Addons_Modals
*/
class Ultimate_VC_Addons_Modals {
/**
* Constructor function that constructs default values for the Ultimate_Info_Table.
*
* @method __construct
*/
public function __construct() {
if ( Ultimate_VC_Addons::$uavc_editor_enable ) {
// Initialize the modal popup component for WPBakery Page Builder.
add_action( 'init', array( $this, 'ultimate_modal_init' ) );
}
// Add shortcode for modal popup.
add_shortcode( 'ultimate_modal', array( &$this, 'modal_shortcode' ) );
add_action( 'wp_enqueue_scripts', array( $this, 'register_modal_assets' ), 1 );
}
/**
* Function Ultimate_Modals assets.
*
* @method register_modal_assets
*/
public function register_modal_assets() {
$bsf_dev_mode = bsf_get_option( 'dev_mode' );
if ( 'enable' === $bsf_dev_mode ) {
$js_path = UAVC_URL . 'assets/js/';
$css_path = UAVC_URL . 'assets/css/';
$ext = '';
wp_register_script( 'ultimate-vc-addons-modal-customizer', $js_path . 'modernizr-custom.js', array( 'jquery' ), ULTIMATE_VERSION, false );
wp_register_script( 'ultimate-vc-addons-modal-classie', $js_path . 'classie.js', array( 'jquery' ), ULTIMATE_VERSION, false );
wp_register_script( 'ultimate-vc-addons-modal-froogaloop2', $js_path . 'froogaloop2-min.js', array( 'jquery' ), ULTIMATE_VERSION, false );
wp_register_script( 'ultimate-vc-addons-modal-snap-svg', $js_path . 'snap-svg.js', array( 'jquery' ), ULTIMATE_VERSION, false );
wp_register_script( 'ultimate-vc-addons-modal', $js_path . 'modal.js', array( 'jquery', 'ultimate-vc-addons-modal-customizer', 'ultimate-vc-addons-modal-classie', 'ultimate-vc-addons-modal-froogaloop2', 'ultimate-vc-addons-modal-snap-svg' ), ULTIMATE_VERSION, false );
} else {
$js_path = '../assets/min-js/';
$css_path = '../assets/min-css/';
$ext = '.min';
}
wp_register_script( 'ultimate-vc-addons-modal-all', UAVC_URL . 'assets/min-js/modal-all.min.js', array( 'jquery' ), ULTIMATE_VERSION, false );
Ultimate_VC_Addons::ultimate_register_style( 'ultimate-vc-addons-modal', 'modal' );
}
/**
* Is medium device.
*
* @method uavc_is_medium_device
*/
public function uavc_is_medium_device() {
$is_medium = false;
if ( empty( $_SERVER['HTTP_USER_AGENT'] ) ) {
$is_medium = false;
} elseif ( strpos( $_SERVER['HTTP_USER_AGENT'], 'iPad' ) !== false ) {
$is_medium = true;
} else {
$is_medium = false;
}
return $is_medium;
}
/**
* Add shortcode for icon-box.
*
* @param array $atts Attributes.
* @param string $content Content.
* @method modal_shortcode
*/
public function modal_shortcode( $atts, $content = null ) {
$row_setting = '';
$trigger_typography = '';
$ult_modal_box_settings = shortcode_atts(
array(
'icon_type' => 'none',
'icon' => '',
'icon_img' => '',
'modal_on' => 'ult-button',
'modal_on_selector' => '',
'close_icon_position' => 'top-right',
'modal_contain' => 'ult-html',
'onload_delay' => '2',
'init_extra_class' => '',
'btn_size' => 'sm',
'overlay_bg_color' => '#333333',
'overlay_bg_opacity' => '80',
'btn_bg_color' => '#333333',
'btn_bg_hover_color' => '',
'btn_txt_color' => '#FFFFFF',
'img_close_background_color' => '',
'keypress_enable_controls' => 'keypress_controls',
'overlay_click_enable_controls' => 'overlay_click_controls',
'btn_text' => '',
'read_text' => '',
'txt_color' => '#f60f60',
'btn_img' => '',
'modal_title' => '',
'modal_size' => 'small',
'modal_style' => 'overlay-cornerbottomleft',
'content_bg_color' => '',
'content_text_color' => '',
'header_bg_color' => '',
'header_text_color' => '#333333',
'modal_on_align' => 'center',
'modal_border_style' => 'solid',
'modal_border_width' => '2',
'modal_border_color' => '#333333',
'modal_border_radius' => '0',
'el_class' => '',
'img_size' => '',
'header_typography' => '',
'header_font' => '',
'header_font_style' => '',
'header_font_size' => '',
'header_line_height' => '',
'content_font' => '',
'content_font_style' => '',
'content_font_size' => '',
'content_line_height' => '',
'trigger_text_font' => '',
'trigger_text_font_style' => '',
'trigger_text_font_size' => '',
'trigger_text_line_height' => '',
'button_text_font' => '',
'button_text_font_style' => '',
'button_text_font_size' => '',
'button_text_line_height' => '',
'ult_hide_modal' => '',
'ult_hide_modal_tablet' => '',
'ult_hide_modal_mobile' => '',
'css_modal_box' => '',
),
$atts,
'ultimate_modal'
);
$ult_modal_box_settings['css_modal_box'] = apply_filters( VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, vc_shortcode_custom_css_class( $ult_modal_box_settings['css_modal_box'], ' ' ), 'ultimate_modal', $atts );
$ult_modal_box_settings['css_modal_box'] = esc_attr( $ult_modal_box_settings['css_modal_box'] );
$vc_version = ( defined( 'WPB_VC_VERSION' ) ) ? WPB_VC_VERSION : 0;
$is_vc_49_plus = ( version_compare( 4.9, $vc_version, '<=' ) ) ? 'ult-adjust-bottom-margin' : '';
$html = '';
$style = '';
$box_icon = '';
$modal_class = '';
$modal_data_class = '';
$uniq = '';
$overlay_bg = '';
$trigger_text_style = '';
$content_style = '';
$header_style = '';
$border_style = '';
$button_text_style = '';
if ( 'ult-button' == $ult_modal_box_settings['modal_on'] ) {
$ult_modal_box_settings['modal_on'] = 'button';
}
// Create style for content background color.
if ( '' !== $ult_modal_box_settings['content_bg_color'] ) {
$content_style .= 'background:' . $ult_modal_box_settings['content_bg_color'] . ';';
}
// Create style for content text color.
if ( '' !== $ult_modal_box_settings['content_text_color'] ) {
$content_style .= 'color:' . $ult_modal_box_settings['content_text_color'] . ';';
}
if ( '' != $ult_modal_box_settings['content_font'] ) {
$font_family = get_ultimate_font_family( $ult_modal_box_settings['content_font'] );
if ( '' != $font_family ) {
$content_style .= 'font-family:\'' . $font_family . '\';';
}
}
if ( '' != $ult_modal_box_settings['content_font_style'] ) {
$content_style .= get_ultimate_font_style( $ult_modal_box_settings['content_font_style'] );
}
// Responsive param.
if ( is_numeric( $ult_modal_box_settings['content_font_size'] ) ) {
$ult_modal_box_settings['content_font_size'] = 'desktop:' . $ult_modal_box_settings['content_font_size'] . 'px;'; }
if ( is_numeric( $ult_modal_box_settings['content_line_height'] ) ) {
$ult_modal_box_settings['content_line_height'] = 'desktop:' . $ult_modal_box_settings['content_line_height'] . 'px;'; }
$modal_uid = 'ult-modal-wrap-' . wp_rand( 0000, 9999 );
$modal_content_args = array(
'target' => '#' . $modal_uid . ' .ult_modal-body',
'media_sizes' => array(
'font-size' => $ult_modal_box_settings['content_font_size'],
'line-height' => $ult_modal_box_settings['content_line_height'],
),
);
$madal_content_data_list = get_ultimate_vc_responsive_media_css( $modal_content_args );
// Create style for header background color.
if ( '' !== $ult_modal_box_settings['header_bg_color'] ) {
$header_style .= 'background:' . $ult_modal_box_settings['header_bg_color'] . ';';
}
// Create style for header text color.
if ( '' !== $ult_modal_box_settings['header_text_color'] ) {
$header_style .= 'color:' . $ult_modal_box_settings['header_text_color'] . ';';
}
if ( '' != $ult_modal_box_settings['header_font'] ) {
$font_family = get_ultimate_font_family( $ult_modal_box_settings['header_font'] );
if ( '' != $font_family ) {
$header_style .= 'font-family:\'' . $font_family . '\';';
}
}
if ( '' != $ult_modal_box_settings['header_font_style'] ) {
$header_style .= get_ultimate_font_style( $ult_modal_box_settings['header_font_style'] );
}
// Responsive param.
if ( is_numeric( $ult_modal_box_settings['header_font_size'] ) ) {
$ult_modal_box_settings['header_font_size'] = 'desktop:' . $ult_modal_box_settings['header_font_size'] . 'px;'; }
if ( is_numeric( $ult_modal_box_settings['header_line_height'] ) ) {
$ult_modal_box_settings['header_line_height'] = 'desktop:' . $ult_modal_box_settings['header_line_height'] . 'px;'; }
$modal_heading_args = array(
'target' => '#' . $modal_uid . ' .ult_modal-title',
'media_sizes' => array(
'font-size' => $ult_modal_box_settings['header_font_size'],
'line-height' => $ult_modal_box_settings['header_line_height'],
),
);
$madal_heading_data_list = get_ultimate_vc_responsive_media_css( $modal_heading_args );
if ( '' != $ult_modal_box_settings['trigger_text_font'] ) {
$font_family = get_ultimate_font_family( $ult_modal_box_settings['trigger_text_font'] );
if ( '' != $font_family ) {
$trigger_text_style .= 'font-family:\'' . $font_family . '\';';
}
}
if ( '' != $ult_modal_box_settings['trigger_text_font_style'] ) {
$trigger_text_style .= get_ultimate_font_style( $ult_modal_box_settings['trigger_text_font_style'] );
}
// Responsive param.
if ( is_numeric( $ult_modal_box_settings['trigger_text_font_size'] ) ) {
$ult_modal_box_settings['trigger_text_font_size'] = 'desktop:' . $ult_modal_box_settings['trigger_text_font_size'] . 'px;'; }
if ( is_numeric( $ult_modal_box_settings['trigger_text_line_height'] ) ) {
$ult_modal_box_settings['trigger_text_line_height'] = 'desktop:' . $ult_modal_box_settings['trigger_text_line_height'] . 'px;'; }
$modal_trgs_id = 'modal-trg-txt-wrap-' . wp_rand( 1000, 9999 );
$modal_trg_args = array(
'target' => '#' . $modal_trgs_id . ' .mycust',
'media_sizes' => array(
'font-size' => $ult_modal_box_settings['trigger_text_font_size'],
'line-height' => $ult_modal_box_settings['trigger_text_line_height'],
),
);
$madal_trg_data_list = get_ultimate_vc_responsive_media_css( $modal_trg_args );
if ( '' != $ult_modal_box_settings['button_text_font'] ) {
$font_family = get_ultimate_font_family( $ult_modal_box_settings['button_text_font'] );
if ( '' != $font_family ) {
$button_text_style .= 'font-family:\'' . $font_family . '\';';
}
}
if ( '' != $ult_modal_box_settings['button_text_font_style'] ) {
$button_text_style .= get_ultimate_font_style( $ult_modal_box_settings['button_text_font_style'] );
}
// Responsive param.
if ( is_numeric( $ult_modal_box_settings['button_text_font_size'] ) ) {
$ult_modal_box_settings['button_text_font_size'] = 'desktop:' . $ult_modal_box_settings['button_text_font_size'] . 'px;'; }
if ( is_numeric( $ult_modal_box_settings['button_text_line_height'] ) ) {
$ult_modal_box_settings['button_text_line_height'] = 'desktop:' . $ult_modal_box_settings['button_text_line_height'] . 'px;'; }
$button_trg_args = array(
'target' => '#' . $modal_trgs_id . ' .btn-modal',
'media_sizes' => array(
'font-size' => $ult_modal_box_settings['button_text_font_size'],
'line-height' => $ult_modal_box_settings['button_text_line_height'],
),
);
$button_trg_data_list = get_ultimate_vc_responsive_media_css( $button_trg_args );
if ( '' !== $ult_modal_box_settings['modal_border_style'] ) {
$border_style .= 'border-style:' . $ult_modal_box_settings['modal_border_style'] . ';';
$border_style .= 'border-width:' . $ult_modal_box_settings['modal_border_width'] . 'px;';
$border_style .= 'border-radius:' . $ult_modal_box_settings['modal_border_radius'] . 'px;';
$border_style .= 'border-color:' . $ult_modal_box_settings['modal_border_color'] . ';';
$header_style .= 'border-color:' . $ult_modal_box_settings['modal_border_color'] . ';';
}
$ult_modal_box_settings['overlay_bg_opacity'] = ( $ult_modal_box_settings['overlay_bg_opacity'] / 100 );
if ( '' !== $ult_modal_box_settings['overlay_bg_color'] ) {
if ( strlen( $ult_modal_box_settings['overlay_bg_color'] ) <= 7 ) {
$overlay_bg = uavc_hex2rgb( $ult_modal_box_settings['overlay_bg_color'], $ult_modal_box_settings['overlay_bg_opacity'] );
} else {
$overlay_bg = $ult_modal_box_settings['overlay_bg_color'];
}
if ( 'overlay-show-cornershape' != $ult_modal_box_settings['modal_style'] && 'overlay-show-genie' != $ult_modal_box_settings['modal_style'] && 'overlay-show-boxes' != $ult_modal_box_settings['modal_style'] ) {
$overlay_bg = 'background:' . $overlay_bg . ';';
} else {
$overlay_bg = 'fill:' . $overlay_bg . ';';
}
}
if ( 'onload' == $ult_modal_box_settings['modal_on'] && '' != $ult_modal_box_settings['ult_hide_modal_mobile'] && '' != $ult_modal_box_settings['ult_hide_modal'] ) {
if ( ( ! self::uavc_is_medium_device() ) && wp_is_mobile() ) {
$ult_modal_box_settings['ult_hide_modal'] = 'modal-hide-' . $ult_modal_box_settings['ult_hide_modal_mobile'];
}
}
if ( 'onload' == $ult_modal_box_settings['modal_on'] && '' != $ult_modal_box_settings['ult_hide_modal_tablet'] && '' != $ult_modal_box_settings['ult_hide_modal'] ) {
if ( self::uavc_is_medium_device() ) {
$ult_modal_box_settings['ult_hide_modal'] = ' modal-hide-' . $ult_modal_box_settings['ult_hide_modal_tablet'];
}
}
$uniq = uniqid( '', true );
$uniq = str_replace( '.', '-', $uniq );
if ( 'custom' == $ult_modal_box_settings['icon_type'] ) {
$ico_img = apply_filters( 'ult_get_img_single', $ult_modal_box_settings['icon_img'], 'url' );
$ico_alt = apply_filters( 'ult_get_img_single', $ult_modal_box_settings['icon_img'], 'alt' );
$box_icon = '<div class="modal-icon"><img src="' . esc_url( apply_filters( 'ultimate_images', $ico_img ) ) . '" class="ult-modal-inside-img" alt="' . esc_attr( $ico_alt ) . '"></div>';
} elseif ( 'selector' == $ult_modal_box_settings['icon_type'] ) {
if ( '' !== $ult_modal_box_settings['icon'] ) {
$box_icon = '<div class="modal-icon"><i class="' . esc_attr( $ult_modal_box_settings['icon'] ) . '"></i></div>';
}
}
if ( 'overlay-show-cornershape' != $ult_modal_box_settings['modal_style'] && 'overlay-show-genie' != $ult_modal_box_settings['modal_style'] && 'overlay-show-boxes' != $ult_modal_box_settings['modal_style'] ) {
$modal_class = 'overlay-show';
$modal_data_class = 'data-overlay-class="' . esc_attr( $ult_modal_box_settings['modal_style'] ) . '"';
} else {
$modal_class = $ult_modal_box_settings['modal_style'];
$modal_data_class = '';
}
$keypress_controls = '';
$overlay_controls = '';
$keypress_controls_selector = '';
$overlay_controls_selector = '';
if ( 'keypress_controls' == $ult_modal_box_settings['keypress_enable_controls'] ) {
$keypress_controls = 'data-keypress-control="keypress-control-enable"';
$keypress_controls_selector = 'keypress-control-enable';
}
if ( 'overlay_click_controls' == $ult_modal_box_settings['overlay_click_enable_controls'] ) {
$overlay_controls = 'data-overlay-control="overlay-control-enable"';
$overlay_controls_selector = 'overlay-control-enable';
}
$html .= '<div id="' . esc_attr( $modal_trgs_id ) . '" class="ult-modal-input-wrapper ' . esc_attr( $is_vc_49_plus ) . ' ' . esc_attr( $ult_modal_box_settings['init_extra_class'] ) . ' ' . esc_attr( $ult_modal_box_settings['css_modal_box'] ) . ' ' . esc_attr( $ult_modal_box_settings['ult_hide_modal'] ) . ' " ' . $keypress_controls . ' ' . $overlay_controls . '>';
if ( 'button' == $ult_modal_box_settings['modal_on'] ) {
if ( '' !== $ult_modal_box_settings['btn_bg_color'] ) {
$style .= 'background:' . $ult_modal_box_settings['btn_bg_color'] . ';';
$style .= 'border-color:' . $ult_modal_box_settings['btn_bg_color'] . ';';
}
if ( '' !== $ult_modal_box_settings['btn_txt_color'] ) {
$style .= 'color:' . $ult_modal_box_settings['btn_txt_color'] . ';';
}
if ( '' != $ult_modal_box_settings['el_class'] ) {
$modal_class .= ' ' . $ult_modal_box_settings['el_class'] . '-button ';
}
if ( '' != $ult_modal_box_settings['btn_bg_hover_color'] ) {
$html .= '<style>
.btn-modal.btn-id-' . esc_attr( $uniq ) . ':hover {
background-color: ' . $ult_modal_box_settings['btn_bg_hover_color'] . ' !important;
}
</style>';
}
$html .= '<button ' . $button_trg_data_list . ' style="' . esc_attr( $style ) . ' ' . esc_attr( $button_text_style ) . '" data-class-id="content-' . esc_attr( $uniq ) . '" class="btn-modal ult-responsive btn-primary btn-modal-' . esc_attr( $ult_modal_box_settings['btn_size'] ) . ' ' . esc_attr( $modal_class ) . ' ult-align-' . esc_attr( $ult_modal_box_settings['modal_on_align'] ) . ' btn-id-' . esc_attr( $uniq ) . '" ' . $modal_data_class . '>' . $ult_modal_box_settings['btn_text'] . '</button>';
} elseif ( 'image' == $ult_modal_box_settings['modal_on'] ) {
if ( '' !== $ult_modal_box_settings['btn_img'] ) {
if ( '' != $ult_modal_box_settings['el_class'] ) {
$modal_class .= ' ' . $ult_modal_box_settings['el_class'] . '-image ';
}
$img = apply_filters( 'ult_get_img_single', $ult_modal_box_settings['btn_img'], 'url' );
$btn_alt = apply_filters( 'ult_get_img_single', $ult_modal_box_settings['btn_img'], 'alt' );
$html .= '<img src="' . esc_url( apply_filters( 'ultimate_images', $img ) ) . '" alt="' . esc_attr( $btn_alt ) . '" data-class-id="content-' . esc_attr( $uniq ) . '" class="ult-modal-img ' . esc_attr( $modal_class ) . ' ult-align-' . esc_attr( $ult_modal_box_settings['modal_on_align'] ) . ' ult-modal-image-' . esc_attr( $ult_modal_box_settings['el_class'] ) . '" ' . $modal_data_class . '/>';
}
} elseif ( 'onload' == $ult_modal_box_settings['modal_on'] ) {
$html .= '<div data-class-id="content-' . esc_attr( $uniq ) . '" class="ult-onload ' . esc_attr( $modal_class ) . ' " ' . $modal_data_class . ' data-onload-delay="' . esc_attr( $ult_modal_box_settings['onload_delay'] ) . '"></div>';
} elseif ( 'custom-selector' == $ult_modal_box_settings['modal_on'] ) {
$html .= '<span data-class-id="content-' . esc_attr( $uniq ) . '"></span>
<script type="text/javascript">
(function($){
$(document).ready(function(){
var selector = "' . esc_attr( $ult_modal_box_settings['modal_on_selector'] ) . '";
$(selector).addClass("custom-ult-modal ' . esc_attr( $modal_class ) . '");
$(selector).attr("data-class-id", "content-' . esc_attr( $uniq ) . '");
$(selector).attr("data-overlay-class", "' . esc_attr( $ult_modal_box_settings['modal_style'] ) . '");
$(selector).attr("data-keypress-control", "' . esc_attr( $keypress_controls_selector ) . '");
$(selector).attr("data-overlay-control", "' . esc_attr( $overlay_controls_selector ) . '");
});
})(jQuery);
</script>';
} else {
if ( '' !== $ult_modal_box_settings['txt_color'] ) {
$style .= 'color:' . $ult_modal_box_settings['txt_color'] . ';';
$style .= 'cursor:pointer;';
}
if ( '' != $ult_modal_box_settings['el_class'] ) {
$modal_class .= ' ' . $ult_modal_box_settings['el_class'] . '-link ';
}
$html .= '<span ' . $madal_trg_data_list . ' style="' . esc_attr( $style ) . ' ' . esc_attr( $trigger_text_style ) . '" data-class-id="content-' . esc_attr( $uniq ) . '" class="' . esc_attr( $modal_class ) . ' ult-responsive mycust ult-align-' . esc_attr( $ult_modal_box_settings['modal_on_align'] ) . '" ' . $modal_data_class . '>' . $ult_modal_box_settings['read_text'] . '</span>';
}
$html .= '</div>';
if ( 'overlay-show-cornershape' == $ult_modal_box_settings['modal_style'] ) {
$html .= "\n" . '<div class="ult-overlay overlay-cornershape content-' . esc_attr( $uniq ) . ' ' . esc_attr( $ult_modal_box_settings['el_class'] ) . '" style="display:none" data-class="content-' . esc_attr( $uniq ) . '" data-path-to="m 0,0 1439.999975,0 0,805.99999 -1439.999975,0 z">';
$html .= "\n\t" . '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1440 806" preserveAspectRatio="none">
<path class="overlay-path" d="m 0,0 1439.999975,0 0,805.99999 0,-805.99999 z" style="' . esc_attr( $overlay_bg ) . '"/>
</svg>';
} elseif ( 'overlay-show-genie' == $ult_modal_box_settings['modal_style'] ) {
$html .= "\n" . '<div class="ult-overlay overlay-genie content-' . esc_attr( $uniq ) . ' ' . esc_attr( $ult_modal_box_settings['el_class'] ) . '" style="display:none" data-class="content-' . $uniq . '" data-steps="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z;m 698.9986,728.03569 41.23353,0 -3.41953,77.8735 -34.98557,0 z;m 687.08153,513.78234 53.1506,0 C 738.0505,683.9161 737.86917,503.34193 737.27015,806 l -35.90067,0 c -7.82727,-276.34892 -2.06916,-72.79261 -14.28795,-292.21766 z;m 403.87105,257.94772 566.31246,2.93091 C 923.38284,513.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 455.17312,480.07689 403.87105,257.94772 z;M 51.871052,165.94772 1362.1835,168.87863 C 1171.3828,653.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 31.173122,513.78234 51.871052,165.94772 z;m 52,26 1364,4 c -12.8007,666.9037 -273.2644,483.78234 -322.7299,776 l -633.90062,0 C 359.32034,432.49318 -6.6979288,733.83462 52,26 z;m 0,0 1439.999975,0 0,805.99999 -1439.999975,0 z">';
$html .= "\n\t" . '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1440 806" preserveAspectRatio="none">
<path class="overlay-path" d="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z" style="' . esc_attr( $overlay_bg ) . '"/>
</svg>';
} elseif ( 'overlay-show-boxes' == $ult_modal_box_settings['modal_style'] ) {
$html .= "\n" . '<div class="ult-overlay overlay-boxes content-' . esc_attr( $uniq ) . ' ' . esc_attr( $ult_modal_box_settings['el_class'] ) . '" style="display:none" data-class="content-' . esc_attr( $uniq ) . '">';
$html .= "\n\t" . '<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="101%" viewBox="0 0 1440 806" preserveAspectRatio="none">';
$html .= "\n\t\t" . '<path d="m0.005959,200.364029l207.551124,0l0,204.342453l-207.551124,0l0,-204.342453z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m0.005959,400.45401l207.551124,0l0,204.342499l-207.551124,0l0,-204.342499z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m0.005959,600.544067l207.551124,0l0,204.342468l-207.551124,0l0,-204.342468z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m205.752151,-0.36l207.551163,0l0,204.342437l-207.551163,0l0,-204.342437z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m204.744629,200.364029l207.551147,0l0,204.342453l-207.551147,0l0,-204.342453z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m204.744629,400.45401l207.551147,0l0,204.342499l-207.551147,0l0,-204.342499z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m204.744629,600.544067l207.551147,0l0,204.342468l-207.551147,0l0,-204.342468z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m410.416046,-0.36l207.551117,0l0,204.342437l-207.551117,0l0,-204.342437z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m410.416046,200.364029l207.551117,0l0,204.342453l-207.551117,0l0,-204.342453z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m410.416046,400.45401l207.551117,0l0,204.342499l-207.551117,0l0,-204.342499z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m410.416046,600.544067l207.551117,0l0,204.342468l-207.551117,0l0,-204.342468z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m616.087402,-0.36l207.551086,0l0,204.342437l-207.551086,0l0,-204.342437z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m616.087402,200.364029l207.551086,0l0,204.342453l-207.551086,0l0,-204.342453z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m616.087402,400.45401l207.551086,0l0,204.342499l-207.551086,0l0,-204.342499z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m616.087402,600.544067l207.551086,0l0,204.342468l-207.551086,0l0,-204.342468z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m821.748718,-0.36l207.550964,0l0,204.342437l-207.550964,0l0,-204.342437z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m821.748718,200.364029l207.550964,0l0,204.342453l-207.550964,0l0,-204.342453z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m821.748718,400.45401l207.550964,0l0,204.342499l-207.550964,0l0,-204.342499z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m821.748718,600.544067l207.550964,0l0,204.342468l-207.550964,0l0,-204.342468z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m1027.203979,-0.36l207.550903,0l0,204.342437l-207.550903,0l0,-204.342437z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m1027.203979,200.364029l207.550903,0l0,204.342453l-207.550903,0l0,-204.342453z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m1027.203979,400.45401l207.550903,0l0,204.342499l-207.550903,0l0,-204.342499z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m1027.203979,600.544067l207.550903,0l0,204.342468l-207.550903,0l0,-204.342468z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m1232.659302,-0.36l207.551147,0l0,204.342437l-207.551147,0l0,-204.342437z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m1232.659302,200.364029l207.551147,0l0,204.342453l-207.551147,0l0,-204.342453z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m1232.659302,400.45401l207.551147,0l0,204.342499l-207.551147,0l0,-204.342499z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m1232.659302,600.544067l207.551147,0l0,204.342468l-207.551147,0l0,-204.342468z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t\t" . '<path d="m-0.791443,-0.360001l207.551163,0l0,204.342438l-207.551163,0l0,-204.342438z" style="' . esc_attr( $overlay_bg ) . '"/>';
$html .= "\n\t" . '</svg>';
} else {
$html .= "\n" . '<div class="ult-overlay content-' . esc_attr( $uniq ) . ' ' . esc_attr( $ult_modal_box_settings['el_class'] ) . '" data-class="content-' . esc_attr( $uniq ) . '" id="button-click-overlay" style="' . esc_attr( $overlay_bg ) . ' display:none;">';
}
$html .= "\n\t" . '<div class="ult_modal ult-fade ult-' . esc_attr( $ult_modal_box_settings['modal_size'] ) . '">';
// Close img size.
$img_size_values = '';
$img_background_color = '';
$img_edge_position = '';
$custom_padding_img = '';
if ( '' != $ult_modal_box_settings['img_size'] ) {
$img_size_values = 'width:' . $ult_modal_box_settings['img_size'] . 'px;height:' . $ult_modal_box_settings['img_size'] . 'px;';
}
if ( '' != $ult_modal_box_settings['img_close_background_color'] ) {
if ( '' != $ult_modal_box_settings['img_size'] && $ult_modal_box_settings['img_size'] > 39 && $ult_modal_box_settings['img_size'] < 61 ) {
$custom_padding_img = '15';
} else {
$custom_padding_img = '10';
}
}
if ( '' != $ult_modal_box_settings['img_close_background_color'] ) {
$img_background_color = 'background-color: ' . $ult_modal_box_settings['img_close_background_color'] . ';border-radius: 50%;padding:' . $custom_padding_img . 'px;box-sizing: content-box;';
}
if ( '' != $ult_modal_box_settings['img_size'] && 'popup-edge-top-right' == $ult_modal_box_settings['close_icon_position'] ) {
$img_edge_position = 'top:-' . ( (int)$ult_modal_box_settings['img_size'] / 2 + (int)$custom_padding_img ) . 'px;right:-' . ( (int)$ult_modal_box_settings['img_size'] / 2 + (int)$custom_padding_img ) . 'px;';
}
if ( '' != $ult_modal_box_settings['img_size'] && 'popup-edge-top-left' == $ult_modal_box_settings['close_icon_position'] ) {
$img_edge_position = 'top:-' . ( (int)$ult_modal_box_settings['img_size'] / 2 + (int)$custom_padding_img ) . 'px;left:-' . ( (int)$ult_modal_box_settings['img_size'] / 2 + (int)$custom_padding_img ) . 'px;';
}
if ( 'popup-top-right' == $ult_modal_box_settings['close_icon_position'] || 'popup-top-left' == $ult_modal_box_settings['close_icon_position']
|| 'popup-edge-top-right' == $ult_modal_box_settings['close_icon_position'] || 'popup-edge-top-left' == $ult_modal_box_settings['close_icon_position'] ) {
$html .= "\n\t" . '<div class="ult-overlay-close ' . esc_attr( $ult_modal_box_settings['close_icon_position'] ) . '" style="' . esc_attr( $img_size_values ) . ' ' . esc_attr( $img_background_color ) . ' ' . esc_attr( $img_edge_position ) . '"><div class="ult-overlay-close-inside">Close</div></div>';
}
$html .= "\n\t\t" . '<div id="' . esc_attr( $modal_uid ) . '" class="ult_modal-content ult-hide" style="' . esc_attr( $border_style ) . '">';
if ( '' !== $ult_modal_box_settings['modal_title'] ) {
$html .= "\n\t\t\t" . '<div class="ult_modal-header" style="' . esc_attr( $header_style ) . '">';
$html .= "\n\t\t\t\t" . $box_icon . '<h3 ' . $madal_heading_data_list . ' class="ult_modal-title ult-responsive">' . $ult_modal_box_settings['modal_title'] . '</h3>';
$html .= "\n\t\t\t" . '</div>';
}
$html .= "\n\t\t\t" . '<div ' . $madal_content_data_list . ' class="ult_modal-body ult-responsive ' . esc_attr( $ult_modal_box_settings['modal_contain'] ) . '" style="' . esc_attr( $content_style ) . '">';
$html .= "\n\t\t\t" . do_shortcode( $content );
$html .= "\n\t\t\t" . '</div>';
$html .= "\n\t" . '</div>';
$html .= "\n\t" . '</div>';
if ( 'top-right' == $ult_modal_box_settings['close_icon_position'] || 'top-left' == $ult_modal_box_settings['close_icon_position'] ) {
$html .= "\n\t" . '<div class="ult-overlay-close ' . esc_attr( $ult_modal_box_settings['close_icon_position'] ) . '" style="' . esc_attr( $img_size_values ) . ' ' . esc_attr( $img_background_color ) . '"><div class="ult-overlay-close-inside">Close</div></div>';
}
$html .= "\n" . '</div>';
$is_preset = false; // Display settings for Preset.
if ( isset( $_GET['preset'] ) ) { //phpcs:ignore WordPress.Security.NonceVerification.Recommended
$is_preset = true;
}
if ( $is_preset ) {
$text = 'array ( ';
foreach ( $atts as $key => $att ) {
$text .= '<br/> \'' . $key . '\' => \'' . $att . '\',';
}
if ( '' != $content ) {
$text .= '<br/> \'content\' => \'' . $content . '\',';
}
$text .= '<br/>)';
$html .= '<pre>';
$html .= $text;
$html .= '</pre\>';
}
return $html;
}
/**
* Add modal popup Component.
*
* @method ultimate_modal_init
*/
public function ultimate_modal_init() {
if ( function_exists( 'vc_map' ) ) {
vc_map(
array(
'name' => __( 'Modal Box', 'ultimate_vc' ),
'base' => 'ultimate_modal',
'icon' => 'vc_modal_box',
'class' => 'modal_box',
'category' => 'Ultimate VC Addons',
'description' => __( 'Adds bootstrap modal box in your content', 'ultimate_vc' ),
'controls' => 'full',
'show_settings_on_create' => true,
'params' => array(
array(
'type' => 'dropdown',
'class' => '',
'heading' => __( 'Icon to display:', 'ultimate_vc' ),
'param_name' => 'icon_type',
'value' => array(
__( 'No Icon', 'ultimate_vc' ) => 'none',
__( 'Font Icon Manager', 'ultimate_vc' ) => 'selector',
__( 'Custom Image Icon', 'ultimate_vc' ) => 'custom',
),
'description' => __( 'Use existing font icon or upload a custom image.', 'ultimate_vc' ),
'group' => 'General',
),
array(
'type' => 'icon_manager',
'class' => '',
'heading' => __( 'Select Icon ', 'ultimate_vc' ),
'param_name' => 'icon',
'value' => '',
'description' => __( "Click and select icon of your choice. If you can't find the one that suits for your purpose", 'ultimate_vc' ) . ', ' . __( 'you can', 'ultimate_vc' ) . " <a href='admin.php?page=bsf-font-icon-manager' target='_blank' rel='noopener'>" . __( 'add new here', 'ultimate_vc' ) . '</a>.',
'dependency' => array(
'element' => 'icon_type',
'value' => array( 'selector' ),
),
'group' => 'General',
),
array(
'type' => 'ult_img_single',
'class' => '',
'heading' => __( 'Upload Image Icon:', 'ultimate_vc' ),
'param_name' => 'icon_img',
'value' => '',
'description' => __( 'Upload the custom image icon.', 'ultimate_vc' ),
'dependency' => array(
'element' => 'icon_type',
'value' => array( 'custom' ),
),
'group' => 'General',
),
// Modal Title.
array(
'type' => 'textfield',
'heading' => __( 'Modal Box Title', 'ultimate_vc' ),
'param_name' => 'modal_title',
'admin_label' => true,
'value' => '',
'description' => __( 'Provide the title for modal box.', 'ultimate_vc' ),
'group' => 'General',
),
// Add some description.
array(
'type' => 'textarea_html',
'heading' => __( 'Modal Content', 'ultimate_vc' ),
'param_name' => 'content',
'value' => '',
'description' => __( 'Content that will be displayed in Modal Popup.', 'ultimate_vc' ),
'group' => 'General',
'edit_field_class' => 'ult_hide_editor_fullscreen vc_col-xs-12 vc_column wpb_el_type_textarea_html vc_wrapper-param-type-textarea_html vc_shortcode-param',
),
array(
'type' => 'dropdown',
'heading' => __( "What's in Modal Popup?", 'ultimate_vc' ),
'param_name' => 'modal_contain',
'value' => array(
__( 'Miscellaneous Things', 'ultimate_vc' ) => 'ult-html',
__( 'Youtube Video', 'ultimate_vc' ) => 'ult-youtube',
__( 'Vimeo Video', 'ultimate_vc' ) => 'ult-vimeo',
__( 'Hosted Video', 'ultimate_vc' ) => 'ult-video-shortcode',
),
'description' => __(
"Please put the embed code in the content for videos, eg: <a href='http://bsf.io/kuv3-' target='_blank' rel='noopener'>http://bsf.io/kuv3-</a><br>
For hosted video - Add any video with WordPress media uploader or with <a href='https://codex.wordpress.org/Video_Shortcode' target='_blank' rel='noopener'>[video]</a> shortcode.",
'ultimate_vc'
),
'group' => 'General',
),
array(
'type' => 'dropdown',
'heading' => __( 'Display Modal On -', 'ultimate_vc' ),
'param_name' => 'modal_on',
'value' => array(
__( 'Button', 'ultimate_vc' ) => 'ult-button',
__( 'Image', 'ultimate_vc' ) => 'image',
__( 'Text', 'ultimate_vc' ) => 'text',
__( 'On Page Load', 'ultimate_vc' ) => 'onload',
__( 'Selector', 'ultimate_vc' ) => 'custom-selector',
),
'description' => __( 'When should the popup be initiated?', 'ultimate_vc' ),
'group' => 'General',
),
array(
'type' => 'textfield',
'heading' => __( 'Class and/or ID', 'ultimate_vc' ),
'param_name' => 'modal_on_selector',
'description' => __( 'Add .Class and/or #ID to open your modal. Multiple ID or Classes separated by comma', 'ultimate_vc' ),
'value' => '',
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'custom-selector' ),
),
'group' => 'General',
),
array(
'type' => 'number',
'heading' => __( 'Delay in Popup Display', 'ultimate_vc' ),
'param_name' => 'onload_delay',
'value' => '2',
'suffix' => 'seconds',
'description' => __( 'Time delay before modal popup on page load (in seconds)', 'ultimate_vc' ),
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'onload' ),
),
'group' => 'General',
),
array(
'type' => 'ult_switch',
'heading' => __( 'Hide Modal', 'ultimate_vc' ),
'param_name' => 'ult_hide_modal',
'value' => '',
'options' => array(
'ult_hide_modal_value' => array(
'on' => __( 'Yes', 'ultimate_vc' ),
'off' => __( 'No', 'ultimate_vc' ),
),
),
'edit_field_class' => 'uvc-divider last-uvc-divider vc_column vc_col-sm-12',
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'onload' ),
),
'group' => 'General',
),
array(
'type' => 'ult_switch',
'heading' => '<i class="dashicons dashicons-tablet" style="transform: rotate(90deg);"></i> ' . __( 'Tablet', 'ultimate_vc' ),
'param_name' => 'ult_hide_modal_tablet',
'value' => '',
'options' => array(
'tablet' => array(
'on' => __( 'Yes', 'ultimate_vc' ),
'off' => __( 'No', 'ultimate_vc' ),
),
),
'group' => 'General',
'dependency' => array(
'element' => 'ult_hide_modal',
'value' => array( 'ult_hide_modal_value' ),
),
'edit_field_class' => 'vc_column vc_col-sm-3',
),
array(
'type' => 'ult_switch',
'heading' => '<i class="dashicons dashicons-smartphone"></i> ' . __( 'Mobile', 'ultimate_vc' ),
'param_name' => 'ult_hide_modal_mobile',
'value' => '',
'options' => array(
'mobile' => array(
'on' => __( 'Yes', 'ultimate_vc' ),
'off' => __( 'No', 'ultimate_vc' ),
),
),
'group' => 'General',
'dependency' => array(
'element' => 'ult_hide_modal',
'value' => array( 'ult_hide_modal_value' ),
),
'edit_field_class' => 'vc_column vc_col-sm-3',
),
array(
'type' => 'ult_img_single',
'heading' => __( 'Upload Image', 'ultimate_vc' ),
'param_name' => 'btn_img',
'admin_label' => true,
'value' => '',
'description' => __( 'Upload the custom image / image banner.', 'ultimate_vc' ),
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'image' ),
),
'group' => 'General',
),
array(
'type' => 'dropdown',
'heading' => __( 'Button Size', 'ultimate_vc' ),
'param_name' => 'btn_size',
'value' => array(
__( 'Small', 'ultimate_vc' ) => 'sm',
__( 'Medium', 'ultimate_vc' ) => 'md',
__( 'Large', 'ultimate_vc' ) => 'lg',
__( 'Block', 'ultimate_vc' ) => 'block',
),
'description' => __( 'How big the button would you like?', 'ultimate_vc' ),
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'ult-button' ),
),
'group' => 'General',
),
array(
'type' => 'colorpicker',
'heading' => __( 'Button Background Color', 'ultimate_vc' ),
'param_name' => 'btn_bg_color',
'value' => '#333333',
'group' => 'General',
'description' => __( 'Give it a nice paint!', 'ultimate_vc' ),
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'ult-button' ),
),
'group' => 'General',
),
array(
'type' => 'colorpicker',
'heading' => __( 'Button Background Hover Color', 'ultimate_vc' ),
'param_name' => 'btn_bg_hover_color',
'value' => '',
'group' => 'General',
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'ult-button' ),
),
'group' => 'General',
),
array(
'type' => 'dropdown',
'heading' => __( 'Alignment', 'ultimate_vc' ),
'param_name' => 'modal_on_align',
'value' => array(
__( 'Center', 'ultimate_vc' ) => 'center',
__( 'Left', 'ultimate_vc' ) => 'left',
__( 'Right', 'ultimate_vc' ) => 'right',
),
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'ult-button', 'image', 'text' ),
),
'description' => __( 'Selector the alignment of button/text/image', 'ultimate_vc' ),
'group' => 'General',
),
array(
'type' => 'textfield',
'heading' => __( 'Text on Button', 'ultimate_vc' ),
'param_name' => 'btn_text',
'admin_label' => true,
'value' => '',
'description' => __( 'Provide the title for this button.', 'ultimate_vc' ),
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'ult-button' ),
),
'group' => 'General',
),
// Custom text for modal trigger.
array(
'type' => 'textfield',
'heading' => __( 'Enter Text', 'ultimate_vc' ),
'param_name' => 'read_text',
'value' => '',
'description' => __( 'Enter the text on which the modal box will be triggered.', 'ultimate_vc' ),
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'text' ),
),
'group' => 'General',
),
// Modal box size.
array(
'type' => 'dropdown',
'heading' => __( 'Modal Size', 'ultimate_vc' ),
'param_name' => 'modal_size',
'value' => array(
__( 'Small', 'ultimate_vc' ) => 'small',
__( 'Medium', 'ultimate_vc' ) => 'medium',
__( 'Large', 'ultimate_vc' ) => 'container',
__( 'Block', 'ultimate_vc' ) => 'block',
),
'description' => __( 'How big the modal box would you like?', 'ultimate_vc' ),
'group' => 'General',
),
// Modal Style.
array(
'type' => 'dropdown',
'heading' => __( 'Modal Box Style', 'ultimate_vc' ),
'param_name' => 'modal_style',
'value' => array(
__( 'Corner Bottom Left', 'ultimate_vc' ) => 'overlay-cornerbottomleft',
__( 'Corner Bottom Right', 'ultimate_vc' ) => 'overlay-cornerbottomright',
__( 'Corner Top Left', 'ultimate_vc' ) => 'overlay-cornertopleft',
__( 'Corner Top Right', 'ultimate_vc' ) => 'overlay-cornertopright',
__( 'Corner Shape', 'ultimate_vc' ) => 'overlay-show-cornershape',
__( 'Door Horizontal', 'ultimate_vc' ) => 'overlay-doorhorizontal',
__( 'Door Vertical', 'ultimate_vc' ) => 'overlay-doorvertical',
__( 'Fade', 'ultimate_vc' ) => 'overlay-fade',
__( 'Genie', 'ultimate_vc' ) => 'overlay-show-genie',
__( 'Little Boxes', 'ultimate_vc' ) => 'overlay-show-boxes',
__( 'Simple Genie', 'ultimate_vc' ) => 'overlay-simplegenie',
__( 'Slide Down', 'ultimate_vc' ) => 'overlay-slidedown',
__( 'Slide Up', 'ultimate_vc' ) => 'overlay-slideup',
__( 'Slide Left', 'ultimate_vc' ) => 'overlay-slideleft',
__( 'Slide Right', 'ultimate_vc' ) => 'overlay-slideright',
__( 'Zoom in', 'ultimate_vc' ) => 'overlay-zoomin',
__( 'Zoom out', 'ultimate_vc' ) => 'overlay-zoomout',
),
'group' => 'General',
),
array(
'type' => 'colorpicker',
'heading' => __( 'Overlay Background Color', 'ultimate_vc' ),
'param_name' => 'overlay_bg_color',
'value' => '#333333',
'description' => __( 'Give it a nice paint!', 'ultimate_vc' ),
'group' => 'General',
),
array(
'type' => 'number',
'heading' => __( 'Overlay Background Opacity', 'ultimate_vc' ),
'param_name' => 'overlay_bg_opacity',
'value' => 80,
'min' => 10,
'max' => 100,
'suffix' => '%',
'description' => __( 'Select opacity of overlay background.', 'ultimate_vc' ),
'group' => 'General',
),
array(
'type' => 'colorpicker',
'heading' => __( 'Content Background Color', 'ultimate_vc' ),
'param_name' => 'content_bg_color',
'value' => '',
'description' => __( 'Give it a nice paint!', 'ultimate_vc' ),
'group' => 'General',
),
array(
'type' => 'colorpicker',
'heading' => __( 'Header Background Color', 'ultimate_vc' ),
'param_name' => 'header_bg_color',
'value' => '',
'description' => __( 'Give it a nice paint!', 'ultimate_vc' ),
'group' => 'General',
),
// Modal box size.
array(
'type' => 'dropdown',
'heading' => __( 'Modal Box Border', 'ultimate_vc' ),
'param_name' => 'modal_border_style',
'value' => array(
__( 'None', 'ultimate_vc' ) => '',
__( 'Solid', 'ultimate_vc' ) => 'solid',
__( 'Double', 'ultimate_vc' ) => 'double',
__( 'Dashed', 'ultimate_vc' ) => 'dashed',
__( 'Dotted', 'ultimate_vc' ) => 'dotted',
__( 'Inset', 'ultimate_vc' ) => 'inset',
__( 'Outset', 'ultimate_vc' ) => 'outset',
),
'description' => __( 'Do you want to give border to the modal content box?', 'ultimate_vc' ),
'group' => 'General',
),
array(
'type' => 'number',
'heading' => __( 'Border Width', 'ultimate_vc' ),
'param_name' => 'modal_border_width',
'value' => 2,
'min' => 1,
'max' => 25,
'suffix' => 'px',
'description' => __( 'Select size of border.', 'ultimate_vc' ),
'dependency' => array(
'element' => 'modal_border_style',
'not_empty' => true,
),
'group' => 'General',
),
array(
'type' => 'colorpicker',
'heading' => __( 'Border Color', 'ultimate_vc' ),
'param_name' => 'modal_border_color',
'value' => '#333333',
'description' => __( 'Give it a nice paint!', 'ultimate_vc' ),
'dependency' => array(
'element' => 'modal_border_style',
'not_empty' => true,
),
'group' => 'General',
),
array(
'type' => 'number',
'heading' => __( 'Border Radius', 'ultimate_vc' ),
'param_name' => 'modal_border_radius',
'value' => 0,
'min' => 1,
'max' => 500,
'suffix' => 'px',
'description' => __( 'Want to shape the modal content box?.', 'ultimate_vc' ),
'dependency' => array(
'element' => 'modal_border_style',
'not_empty' => true,
),
'group' => 'General',
),
array(
'type' => 'textfield',
'heading' => __( 'Extra Class (Button/Image)', 'ultimate_vc' ),
'param_name' => 'init_extra_class',
'admin_label' => true,
'value' => '',
'description' => __( 'Provide ex class for this button/image.', 'ultimate_vc' ),
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'ult-button', 'image' ),
),
'group' => 'General',
),
// Customize everything.
array(
'type' => 'textfield',
'heading' => __( 'Extra Class (Modal)', 'ultimate_vc' ),
'param_name' => 'el_class',
'value' => '',
'description' => __( 'Add extra class name that will be applied to the modal popup, and you can use this class for your customizations.', 'ultimate_vc' ),
'group' => 'General',
),
array(
'type' => 'ult_param_heading',
'text' => "<span style='display: block;'><a href='https://goo.gl/1kCZkG' target='_blank' rel='noopener'>" . __( 'Need More Features?', 'ultimate_vc' ) . ' </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',
'group' => 'General',
),
// Close Button.
array(
'type' => 'ult_param_heading',
'text' => __( 'Close Button Settings', 'ultimate_vc' ),
'param_name' => 'close_settings',
'group' => 'Close Button',
'class' => 'ult-param-heading',
'edit_field_class' => 'ult-param-heading-wrapper no-top-margin vc_column vc_col-sm-12',
),
array(
'type' => 'number',
'heading' => __( 'Size', 'ultimate_vc' ),
'param_name' => 'img_size',
'value' => 80,
'min' => 1,
'max' => 200,
'suffix' => 'px',
'description' => __( 'Default is 80px', 'ultimate_vc' ),
'group' => 'Close Button',
),
array(
'type' => 'colorpicker',
'heading' => __( 'Background Color', 'ultimate_vc' ),
'param_name' => 'img_close_background_color',
'value' => '',
'description' => __( 'Give it a nice paint!', 'ultimate_vc' ),
'group' => 'Close Button',
),
array(
'type' => 'dropdown',
'heading' => __( 'Close Icon Position', 'ultimate_vc' ),
'param_name' => 'close_icon_position',
'value' => array(
__( 'Window - Top Right', 'ultimate_vc' ) => 'top-right',
__( 'Window - Top Left', 'ultimate_vc' ) => 'top-left',
__( 'Popup - Top Right', 'ultimate_vc' ) => 'popup-top-right',
__( 'Popup - Top Left', 'ultimate_vc' ) => 'popup-top-left',
__( 'Popup Edge - Top Right', 'ultimate_vc' ) => 'popup-edge-top-right',
__( 'Popup Edge - Top Left', 'ultimate_vc' ) => 'popup-edge-top-left',
),
'description' => __( 'Where should the popup close icon appear?', 'ultimate_vc' ),
'group' => 'Close Button',
),
array(
'type' => 'ult_param_heading',
'text' => __( 'Close Modal On', 'ultimate_vc' ),
'param_name' => 'close_modal_on',
'group' => 'Close Button',
'class' => 'ult-param-heading',
'edit_field_class' => 'ult-param-heading-wrapper no-top-margin vc_column vc_col-sm-12',
),
array(
'type' => 'ult_switch',
'class' => '',
'heading' => __( 'ESC Keypress', 'ultimate_vc' ),
'param_name' => 'keypress_enable_controls',
'value' => 'keypress_controls',
'options' => array(
'keypress_controls' => array(
'label' => '',
'on' => __( 'Yes', 'ultimate_vc' ),
'off' => __( 'No', 'ultimate_vc' ),
),
),
'edit_field_class' => 'vc_column vc_col-sm-4',
'group' => 'Close Button',
),
array(
'type' => 'ult_switch',
'class' => '',
'heading' => __( 'Overlay Click', 'ultimate_vc' ),
'param_name' => 'overlay_click_enable_controls',
'value' => 'overlay_click_controls',
'options' => array(
'overlay_click_controls' => array(
'label' => '',
'on' => __( 'Yes', 'ultimate_vc' ),
'off' => __( 'No', 'ultimate_vc' ),
),
),
'edit_field_class' => 'vc_column vc_col-sm-4',
'group' => 'Close Button',
),
// typography.
array(
'type' => 'ult_param_heading',
'text' => __( 'Header Settings', 'ultimate_vc' ),
'param_name' => 'header_typography',
'group' => 'Typography',
'class' => 'ult-param-heading',
'edit_field_class' => 'ult-param-heading-wrapper no-top-margin vc_column vc_col-sm-12',
),
array(
'type' => 'ultimate_google_fonts',
'heading' => __( 'Font Family', 'ultimate_vc' ),
'param_name' => 'header_font',
'group' => 'Typography',
),
array(
'type' => 'ultimate_google_fonts_style',
'heading' => __( 'Font Style', 'ultimate_vc' ),
'param_name' => 'header_font_style',
'group' => 'Typography',
),
array(
'type' => 'ultimate_responsive',
'class' => '',
'heading' => __( 'Header Font Size', 'ultimate_vc' ),
'param_name' => 'header_font_size',
'unit' => 'px',
'media' => array(
'Desktop' => '',
'Tablet' => '',
'Tablet Portrait' => '',
'Mobile Landscape' => '',
'Mobile' => '',
),
'group' => 'Typography',
),
array(
'type' => 'ultimate_responsive',
'class' => '',
'heading' => __( 'Header Line Height', 'ultimate_vc' ),
'param_name' => 'header_line_height',
'unit' => 'px',
'media' => array(
'Desktop' => '',
'Tablet' => '',
'Tablet Portrait' => '',
'Mobile Landscape' => '',
'Mobile' => '',
),
'group' => 'Typography',
),
array(
'type' => 'colorpicker',
'heading' => __( 'Header Text Color', 'ultimate_vc' ),
'param_name' => 'header_text_color',
'value' => '#333333',
'description' => __( 'Give it a nice paint!', 'ultimate_vc' ),
'group' => 'Typography',
),
array(
'type' => 'ult_param_heading',
'text' => __( 'Modal Content Settings', 'ultimate_vc' ),
'param_name' => 'desc_typography',
'group' => 'Typography',
'class' => 'ult-param-heading',
'edit_field_class' => 'ult-param-heading-wrapper vc_column vc_col-sm-12',
),
array(
'type' => 'ultimate_google_fonts',
'heading' => __( 'Font Family', 'ultimate_vc' ),
'param_name' => 'content_font',
'group' => 'Typography',
),
array(
'type' => 'ultimate_google_fonts_style',
'heading' => __( 'Font Style', 'ultimate_vc' ),
'param_name' => 'content_font_style',
'group' => 'Typography',
),
array(
'type' => 'ultimate_responsive',
'class' => '',
'heading' => __( 'Content Font Size', 'ultimate_vc' ),
'param_name' => 'content_font_size',
'unit' => 'px',
'media' => array(
'Desktop' => '',
'Tablet' => '',
'Tablet Portrait' => '',
'Mobile Landscape' => '',
'Mobile' => '',
),
'group' => 'Typography',
),
array(
'type' => 'ultimate_responsive',
'class' => '',
'heading' => __( 'Content Line Height', 'ultimate_vc' ),
'param_name' => 'content_line_height',
'unit' => 'px',
'media' => array(
'Desktop' => '',
'Tablet' => '',
'Tablet Portrait' => '',
'Mobile Landscape' => '',
'Mobile' => '',
),
'group' => 'Typography',
),
array(
'type' => 'colorpicker',
'heading' => __( 'Content Text Color', 'ultimate_vc' ),
'param_name' => 'content_text_color',
'value' => '',
'description' => __( 'Give it a nice paint!', 'ultimate_vc' ),
'group' => 'Typography',
),
array(
'type' => 'ult_param_heading',
'text' => __( 'Trigger Text Setting', 'ultimate_vc' ),
'param_name' => 'trigger_typography',
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'text' ),
),
'group' => 'Typography',
'class' => 'ult-param-heading',
'edit_field_class' => 'ult-param-heading-wrapper vc_column vc_col-sm-12',
),
array(
'type' => 'ultimate_google_fonts',
'heading' => __( 'Font Family', 'ultimate_vc' ),
'param_name' => 'trigger_text_font',
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'text' ),
),
'group' => 'Typography',
),
array(
'type' => 'ultimate_google_fonts_style',
'heading' => __( 'Font Style', 'ultimate_vc' ),
'param_name' => 'trigger_text_font_style',
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'text' ),
),
'group' => 'Typography',
),
array(
'type' => 'ultimate_responsive',
'class' => '',
'heading' => __( 'Trigger Text Font Size', 'ultimate_vc' ),
'param_name' => 'trigger_text_font_size',
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'text' ),
),
'unit' => 'px',
'media' => array(
'Desktop' => '',
'Tablet' => '',
'Tablet Portrait' => '',
'Mobile Landscape' => '',
'Mobile' => '',
),
'group' => 'Typography',
),
array(
'type' => 'ultimate_responsive',
'class' => '',
'heading' => __( 'Trigger Text Line Height', 'ultimate_vc' ),
'param_name' => 'trigger_text_line_height',
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'text' ),
),
'unit' => 'px',
'media' => array(
'Desktop' => '',
'Tablet' => '',
'Tablet Portrait' => '',
'Mobile Landscape' => '',
'Mobile' => '',
),
'group' => 'Typography',
),
array(
'type' => 'colorpicker',
'class' => '',
'heading' => __( 'Text Color', 'ultimate_vc' ),
'param_name' => 'txt_color',
'value' => '#f60f60',
'description' => __( 'Give it a nice paint!', 'ultimate_vc' ),
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'text' ),
),
'group' => 'Typography',
),
array(
'type' => 'ult_param_heading',
'text' => __( 'Button Setting', 'ultimate_vc' ),
'param_name' => 'button_typography',
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'ult-button' ),
),
'group' => 'Typography',
'class' => 'ult-param-heading',
'edit_field_class' => 'ult-param-heading-wrapper vc_column vc_col-sm-12',
),
array(
'type' => 'ultimate_google_fonts',
'heading' => __( 'Font Family', 'ultimate_vc' ),
'param_name' => 'button_text_font',
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'ult-button' ),
),
'group' => 'Typography',
),
array(
'type' => 'ultimate_google_fonts_style',
'heading' => __( 'Font Style', 'ultimate_vc' ),
'param_name' => 'button_text_font_style',
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'ult-button' ),
),
'group' => 'Typography',
),
array(
'type' => 'ultimate_responsive',
'class' => '',
'heading' => __( 'Trigger Text Font Size', 'ultimate_vc' ),
'param_name' => 'button_text_font_size',
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'ult-button' ),
),
'unit' => 'px',
'media' => array(
'Desktop' => '',
'Tablet' => '',
'Tablet Portrait' => '',
'Mobile Landscape' => '',
'Mobile' => '',
),
'group' => 'Typography',
),
array(
'type' => 'ultimate_responsive',
'class' => '',
'heading' => __( 'Trigger Text Line Height', 'ultimate_vc' ),
'param_name' => 'button_text_line_height',
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'ult-button' ),
),
'unit' => 'px',
'media' => array(
'Desktop' => '',
'Tablet' => '',
'Tablet Portrait' => '',
'Mobile Landscape' => '',
'Mobile' => '',
),
'group' => 'Typography',
),
array(
'type' => 'colorpicker',
'heading' => __( 'Button Text Color', 'ultimate_vc' ),
'param_name' => 'btn_txt_color',
'value' => '#FFFFFF',
'group' => 'General',
'description' => __( 'Give it a nice paint!', 'ultimate_vc' ),
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'ult-button' ),
),
'group' => 'Typography',
),
array(
'type' => 'css_editor',
'heading' => __( 'Css', 'ultimate_vc' ),
'param_name' => 'css_modal_box',
'group' => __( 'Design ', 'ultimate_vc' ),
'edit_field_class' => 'vc_col-sm-12 vc_column no-vc-background no-vc-border creative_link_css_editor',
'dependency' => array(
'element' => 'modal_on',
'value' => array( 'image', 'text', 'ult-button' ),
),
),
), // end params array.
) // end vc_map array.
); // end vc_map.
} // end function check 'vc_map'.
}//end ultimate_modal_init()
}//end class
}
if ( class_exists( 'Ultimate_VC_Addons_Modals' ) ) {
$ultimate_modals = new Ultimate_VC_Addons_Modals();
}
if ( class_exists( 'WPBakeryShortCode' ) && ! class_exists( 'WPBakeryShortCode_Ultimate_Modal' ) ) {
/**
* Class WPBakeryShortCode_Ultimate_Modal
*/
class WPBakeryShortCode_Ultimate_Modal extends WPBakeryShortCode {
}
}