309 lines
10 KiB
PHP
309 lines
10 KiB
PHP
<?php
|
|
if ( ! defined( 'ABSPATH' ) ) {
|
|
die( '-1' );
|
|
}
|
|
|
|
$pixel_icons = vc_pixel_icons();
|
|
$custom_colors = array(
|
|
esc_html__( 'Informational', 'js_composer' ) => 'info',
|
|
esc_html__( 'Warning', 'js_composer' ) => 'warning',
|
|
esc_html__( 'Success', 'js_composer' ) => 'success',
|
|
esc_html__( 'Error', 'js_composer' ) => 'danger',
|
|
esc_html__( 'Informational Classic', 'js_composer' ) => 'alert-info',
|
|
esc_html__( 'Warning Classic', 'js_composer' ) => 'alert-warning',
|
|
esc_html__( 'Success Classic', 'js_composer' ) => 'alert-success',
|
|
esc_html__( 'Error Classic', 'js_composer' ) => 'alert-danger',
|
|
);
|
|
|
|
return array(
|
|
'name' => esc_html__( 'Message Box', 'js_composer' ),
|
|
'base' => 'vc_message',
|
|
'icon' => 'icon-wpb-information-white',
|
|
'category' => esc_html__( 'Content', 'js_composer' ),
|
|
'description' => esc_html__( 'Notification box', 'js_composer' ),
|
|
'params' => array(
|
|
array(
|
|
'type' => 'params_preset',
|
|
'heading' => esc_html__( 'Message Box Presets', 'js_composer' ),
|
|
'param_name' => 'color',
|
|
// due to backward compatibility, really it is message_box_type
|
|
'value' => '',
|
|
'options' => array(
|
|
array(
|
|
'label' => esc_html__( 'Custom', 'js_composer' ),
|
|
'value' => '',
|
|
'params' => array(),
|
|
),
|
|
array(
|
|
'label' => esc_html__( 'Informational', 'js_composer' ),
|
|
'value' => 'info',
|
|
'params' => array(
|
|
'message_box_color' => 'info',
|
|
'icon_type' => 'fontawesome',
|
|
'icon_fontawesome' => 'fas fa-info-circle',
|
|
),
|
|
),
|
|
array(
|
|
'label' => esc_html__( 'Warning', 'js_composer' ),
|
|
'value' => 'warning',
|
|
'params' => array(
|
|
'message_box_color' => 'warning',
|
|
'icon_type' => 'fontawesome',
|
|
'icon_fontawesome' => 'fas fa-exclamation-triangle',
|
|
),
|
|
),
|
|
array(
|
|
'label' => esc_html__( 'Success', 'js_composer' ),
|
|
'value' => 'success',
|
|
'params' => array(
|
|
'message_box_color' => 'success',
|
|
'icon_type' => 'fontawesome',
|
|
'icon_fontawesome' => 'fas fa-check',
|
|
),
|
|
),
|
|
array(
|
|
'label' => esc_html__( 'Error', 'js_composer' ),
|
|
'value' => 'danger',
|
|
'params' => array(
|
|
'message_box_color' => 'danger',
|
|
'icon_type' => 'fontawesome',
|
|
'icon_fontawesome' => 'fas fa-times',
|
|
),
|
|
),
|
|
array(
|
|
'label' => esc_html__( 'Informational Classic', 'js_composer' ),
|
|
'value' => 'alert-info',
|
|
// due to backward compatibility
|
|
'params' => array(
|
|
'message_box_color' => 'alert-info',
|
|
'icon_type' => 'pixelicons',
|
|
'icon_pixelicons' => 'vc_pixel_icon vc_pixel_icon-info',
|
|
),
|
|
),
|
|
array(
|
|
'label' => esc_html__( 'Warning Classic', 'js_composer' ),
|
|
'value' => 'alert-warning',
|
|
// due to backward compatibility
|
|
'params' => array(
|
|
'message_box_color' => 'alert-warning',
|
|
'icon_type' => 'pixelicons',
|
|
'icon_pixelicons' => 'vc_pixel_icon vc_pixel_icon-alert',
|
|
),
|
|
),
|
|
array(
|
|
'label' => esc_html__( 'Success Classic', 'js_composer' ),
|
|
'value' => 'alert-success',
|
|
// due to backward compatibility
|
|
'params' => array(
|
|
'message_box_color' => 'alert-success',
|
|
'icon_type' => 'pixelicons',
|
|
'icon_pixelicons' => 'vc_pixel_icon vc_pixel_icon-tick',
|
|
),
|
|
),
|
|
array(
|
|
'label' => esc_html__( 'Error Classic', 'js_composer' ),
|
|
'value' => 'alert-danger',
|
|
// due to backward compatibility
|
|
'params' => array(
|
|
'message_box_color' => 'alert-danger',
|
|
'icon_type' => 'pixelicons',
|
|
'icon_pixelicons' => 'vc_pixel_icon vc_pixel_icon-explanation',
|
|
),
|
|
),
|
|
),
|
|
'description' => esc_html__( 'Select predefined message box design or choose "Custom" for custom styling.', 'js_composer' ),
|
|
'param_holder_class' => 'vc_message-type vc_colored-dropdown',
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Style', 'js_composer' ),
|
|
'param_name' => 'message_box_style',
|
|
'value' => vc_get_shared( 'message_box_styles' ),
|
|
'description' => esc_html__( 'Select message box design style.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Shape', 'js_composer' ),
|
|
'param_name' => 'style',
|
|
// due to backward compatibility message_box_shape
|
|
'std' => 'rounded',
|
|
'value' => array(
|
|
esc_html__( 'Square', 'js_composer' ) => 'square',
|
|
esc_html__( 'Rounded', 'js_composer' ) => 'rounded',
|
|
esc_html__( 'Round', 'js_composer' ) => 'round',
|
|
),
|
|
'description' => esc_html__( 'Select message box shape.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Color', 'js_composer' ),
|
|
'param_name' => 'message_box_color',
|
|
'value' => $custom_colors + vc_get_shared( 'colors' ),
|
|
'description' => esc_html__( 'Select message box color.', 'js_composer' ),
|
|
'param_holder_class' => 'vc_message-type vc_colored-dropdown',
|
|
),
|
|
array(
|
|
'type' => 'dropdown',
|
|
'heading' => esc_html__( 'Icon library', 'js_composer' ),
|
|
'value' => array(
|
|
esc_html__( 'Font Awesome 5', 'js_composer' ) => 'fontawesome',
|
|
esc_html__( 'Open Iconic', 'js_composer' ) => 'openiconic',
|
|
esc_html__( 'Typicons', 'js_composer' ) => 'typicons',
|
|
esc_html__( 'Entypo', 'js_composer' ) => 'entypo',
|
|
esc_html__( 'Linecons', 'js_composer' ) => 'linecons',
|
|
esc_html__( 'Pixel', 'js_composer' ) => 'pixelicons',
|
|
esc_html__( 'Mono Social', 'js_composer' ) => 'monosocial',
|
|
),
|
|
'param_name' => 'icon_type',
|
|
'description' => esc_html__( 'Choose icon library.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'iconpicker',
|
|
'heading' => esc_html__( 'Icon', 'js_composer' ),
|
|
'param_name' => 'icon_fontawesome',
|
|
'value' => 'fas fa-info-circle',
|
|
'settings' => array(
|
|
'emptyIcon' => false,
|
|
// default true, display an "EMPTY" icon?
|
|
'iconsPerPage' => 500,
|
|
// default 100, how many icons per/page to display
|
|
),
|
|
'dependency' => array(
|
|
'element' => 'icon_type',
|
|
'value' => 'fontawesome',
|
|
),
|
|
'description' => esc_html__( 'Choose icon from library.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'iconpicker',
|
|
'heading' => esc_html__( 'Icon', 'js_composer' ),
|
|
'param_name' => 'icon_openiconic',
|
|
'settings' => array(
|
|
'emptyIcon' => false,
|
|
// default true, display an "EMPTY" icon?
|
|
'type' => 'openiconic',
|
|
'iconsPerPage' => 4000,
|
|
// default 100, how many icons per/page to display
|
|
),
|
|
'dependency' => array(
|
|
'element' => 'icon_type',
|
|
'value' => 'openiconic',
|
|
),
|
|
'description' => esc_html__( 'Choose icon from library.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'iconpicker',
|
|
'heading' => esc_html__( 'Icon', 'js_composer' ),
|
|
'param_name' => 'icon_typicons',
|
|
'settings' => array(
|
|
'emptyIcon' => false,
|
|
// default true, display an "EMPTY" icon?
|
|
'type' => 'typicons',
|
|
'iconsPerPage' => 4000,
|
|
// default 100, how many icons per/page to display
|
|
),
|
|
'dependency' => array(
|
|
'element' => 'icon_type',
|
|
'value' => 'typicons',
|
|
),
|
|
'description' => esc_html__( 'Choose icon from library.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'iconpicker',
|
|
'heading' => esc_html__( 'Icon', 'js_composer' ),
|
|
'param_name' => 'icon_entypo',
|
|
'settings' => array(
|
|
'emptyIcon' => false,
|
|
// default true, display an "EMPTY" icon?
|
|
'type' => 'entypo',
|
|
'iconsPerPage' => 4000,
|
|
// default 100, how many icons per/page to display
|
|
),
|
|
'dependency' => array(
|
|
'element' => 'icon_type',
|
|
'value' => 'entypo',
|
|
),
|
|
),
|
|
array(
|
|
'type' => 'iconpicker',
|
|
'heading' => esc_html__( 'Icon', 'js_composer' ),
|
|
'param_name' => 'icon_linecons',
|
|
'settings' => array(
|
|
'emptyIcon' => false,
|
|
// default true, display an "EMPTY" icon?
|
|
'type' => 'linecons',
|
|
'iconsPerPage' => 4000,
|
|
// default 100, how many icons per/page to display
|
|
),
|
|
'dependency' => array(
|
|
'element' => 'icon_type',
|
|
'value' => 'linecons',
|
|
),
|
|
'description' => esc_html__( 'Choose icon from library.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'iconpicker',
|
|
'heading' => esc_html__( 'Icon', 'js_composer' ),
|
|
'param_name' => 'icon_pixelicons',
|
|
'settings' => array(
|
|
'emptyIcon' => false,
|
|
// default true, display an "EMPTY" icon?
|
|
'type' => 'pixelicons',
|
|
'source' => $pixel_icons,
|
|
),
|
|
'dependency' => array(
|
|
'element' => 'icon_type',
|
|
'value' => 'pixelicons',
|
|
),
|
|
'description' => esc_html__( 'Choose icon from library.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'iconpicker',
|
|
'heading' => esc_html__( 'Icon', 'js_composer' ),
|
|
'param_name' => 'icon_monosocial',
|
|
'value' => 'vc-mono vc-mono-fivehundredpx',
|
|
// default value to backend editor admin_label
|
|
'settings' => array(
|
|
'emptyIcon' => false,
|
|
// default true, display an "EMPTY" icon?
|
|
'type' => 'monosocial',
|
|
'iconsPerPage' => 4000,
|
|
// default 100, how many icons per/page to display
|
|
),
|
|
'dependency' => array(
|
|
'element' => 'icon_type',
|
|
'value' => 'monosocial',
|
|
),
|
|
'description' => esc_html__( 'Choose icon from library.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'textarea_html',
|
|
'holder' => 'div',
|
|
'class' => 'messagebox_text',
|
|
'heading' => esc_html__( 'Message text', 'js_composer' ),
|
|
'param_name' => 'content',
|
|
'value' => '<p>' . esc_html__( 'I am message box. Click edit button to change this text.', 'js_composer' ) . '</p>',
|
|
),
|
|
vc_map_add_css_animation( false ),
|
|
array(
|
|
'type' => 'el_id',
|
|
'heading' => esc_html__( 'Element ID', 'js_composer' ),
|
|
'param_name' => 'el_id',
|
|
'description' => sprintf( esc_html__( 'Enter element ID (Note: make sure it is unique and valid according to %sw3c specification%s).', 'js_composer' ), '<a href="https://www.w3schools.com/tags/att_global_id.asp" target="_blank">', '</a>' ),
|
|
),
|
|
array(
|
|
'type' => 'textfield',
|
|
'heading' => esc_html__( 'Extra class name', 'js_composer' ),
|
|
'param_name' => 'el_class',
|
|
'description' => esc_html__( 'Style particular content element differently - add a class name and refer to it in custom CSS.', 'js_composer' ),
|
|
),
|
|
array(
|
|
'type' => 'css_editor',
|
|
'heading' => esc_html__( 'CSS box', 'js_composer' ),
|
|
'param_name' => 'css',
|
|
'group' => esc_html__( 'Design Options', 'js_composer' ),
|
|
),
|
|
),
|
|
'js_view' => 'VcMessageView_Backend',
|
|
);
|