File: /var/www/lipovac/wp-content/plugins/Ultimate_VC_Addons/modules/ultimate_icon_timeline.php
<?php
if(!class_exists('Ultimate_Icon_Timeline'))
{
class Ultimate_Icon_Timeline
{
function __construct()
{
add_action('init', array($this, 'add_icon_timeline'));
add_shortcode( 'icon_timeline', array($this, 'icon_timeline' ) );
add_shortcode( 'icon_timeline_item', array($this, 'icon_timeline_item' ) );
add_shortcode( 'icon_timeline_sep', array($this, 'icon_timeline_sep' ) );
add_shortcode( 'icon_timeline_feat', array($this, 'icon_timeline_feat' ) );
}
function add_icon_timeline()
{
if(function_exists('vc_map'))
{
vc_map(
array(
"name" => __("Timeline","ultimate_vc"),
"base" => "icon_timeline",
"class" => "vc_timeline",
"icon" => "vc_timeline_icon",
"category" => "Ultimate VC Addons",
"description" => __("Timeline of old memories and events.","smile"),
"as_parent" => array('only' => 'icon_timeline_item,icon_timeline_sep,icon_timeline_feat',),
"content_element" => true,
"show_settings_on_create" => false,
"is_container" => true,
"front_enqueue_css" => preg_replace( '/\s/', '%20', plugins_url( '../assets/css/advacne_carosal_front.css', __FILE__ ) ),
"params" => array(
array(
"type" => "dropdown",
"class" => "",
"heading" => __("Height","ultimate_vc"),
"param_name" => "timeline_style",
"value" => array(
__('Non-optimized (CSS)','ultimate_vc') => 'csstime',
__('Optimized with JavaScript','ultimate_vc') => 'jstime',
),
"description" => __("How would you like the height of timeline.","smile")
),
array(
"type" => "dropdown",
"class" => "",
"heading" => __("Connecter Line Style","ultimate_vc"),
"param_name" => "timeline_line_style",
"value" => array(
__('Dotted','ultimate_vc') => 'dotted',
__('Solid','ultimate_vc') => 'solid',
__('Dashed','ultimate_vc') => 'dashed',
),
"description" => __("Select the style of line that connects timeline items.","ultimate_vc")
),
array(
"type" => "colorpicker",
"class" => "",
"heading" => __("Color of Connecter Line:", "ultimate_vc"),
"param_name" => "timeline_line_color",
"value" => "",
"description" => __("Select the color for the line that connects timeline items.", "ultimate_vc"),
),
array(
"type" => "colorpicker",
"class" => "",
"heading" => __("Background color for timeline item block / container:", "ultimate_vc"),
"param_name" => "time_block_bg_color",
"value" => "",
"description" => __("Give a background color to the timeline item block.", "ultimate_vc"),
),
array(
"type" => "colorpicker",
"class" => "",
"heading" => __("Select font color of items separator:", "ultimate_vc"),
"param_name" => "time_sep_color",
"value" => "",
"description" => __("Select font color of items separator.", "ultimate_vc"),
),
array(
"type" => "colorpicker",
"class" => "",
"heading" => __("Select background color for items separator:", "ultimate_vc"),
"param_name" => "time_sep_bg_color",
"value" => "",
"description" => __("Select the background color for item separator.", "ultimate_vc"),
),
array(
"type" => "dropdown",
"class" => "",
"heading" => __("Timeline Layout:", "ultimate_vc"),
"param_name" => "timeline_layout",
"value" => array(
__("Full Width","ultimate_vc") => "",
//"Auto Width " => "timeline-auto-width",
__("Custom Width","ultimate_vc") => "timeline-custom-width",
),
"description" => __("Select Layout of Timeline.", "smile"),
),
array(
"type" => "number",
"class" => "",
"heading" => __("Custom Width", "ultimate_vc"),
"param_name" => "custom_width",
"value" => 200,
"suffix" => "px",
"description" => __("Provide custom width for each block", "ultimate_vc"),
"dependency" => Array("element" => "timeline_layout","value" => array("timeline-custom-width")),
),
array(
"type" => "dropdown",
"class" => "",
"heading" => __("Hover animation:", "ultimate_vc"),
"param_name" => "tl_animation",
"value" => array(
__("None","ultimate_vc") => "",
__("Slide Out","ultimate_vc") => "tl-animation-slide-out",
__("Slide Up","ultimate_vc") => "tl-animation-slide-up",
__("Slide Down","ultimate_vc") => "tl-animation-slide-down",
__("Shadow","ultimate_vc") => "tl-animation-shadow",
),
"description" => __("Hover animation can be given to the timeline item blocks.", "ultimate_vc"),
),
array(
"type" => "ult_param_heading",
"text" => "<span style='display: block;'><a href='http://bsf.io/agey7' target='_blank'>".__("Watch Video Tutorial","ultimate_vc")." <span class='dashicons dashicons-video-alt3' style='font-size:30px;vertical-align: middle;color: #e52d27;'></span></a></span>",
"param_name" => "notification",
'edit_field_class' => 'ult-param-important-wrapper ult-dashicon ult-align-right ult-bold-font ult-blue-font vc_column vc_col-sm-12',
),
),
"js_view" => 'VcColumnView'
));
// Add list item
vc_map(
array(
"name" => __("Items Separator","ultimate_vc"),
"base" => "icon_timeline_sep",
"class" => "vc_timeline_sep",
"icon" => "vc_timeline_sep_icon",
"category" => __('Timeline','ultimate_vc'),
"content_element" => true,
"as_child" => array('only' => 'icon_timeline'),
"is_container" => false,
"params" => array(
array(
"type" => "textfield",
"class" => "",
"heading" => __("separator Text", "ultimate_vc"),
"param_name" => "time_sep_title",
"admin_label" => true,
"value" => "",
"description" => __("Provide the text for this timeline Separator.", "ultimate_vc"),
),
array(
"type" => "colorpicker",
"param_name" => "time_sep_color",
"heading" => __("Color","ultimate_vc")
),
array(
"type" => "dropdown",
"class" => "",
"heading" => __("Border Style", "ultimate_vc"),
"param_name" => "line_style",
"value" => array(
__("None","ultimate_vc") => "",
__("Solid","ultimate_vc")=> "solid",
__("Dashed","ultimate_vc") => "dashed",
__("Dotted","ultimate_vc") => "dotted",
__("Double","ultimate_vc") => "double",
__("Inset","ultimate_vc") => "inset",
__("Outset","ultimate_vc") => "outset",
),
),
array(
"type" => "colorpicker",
"param_name" => "line_color",
"heading" => __("Border color","ultimate_vc"),
"dependency" => Array("element" => "line_style", "not_empty" => true),
),
array(
"type" => "number",
"param_name" => "line_width",
"heading" => __("Border width","ultimate_vc"),
"value" => "1",
"suffix" => "px",
"dependency" => Array("element" => "line_style", "not_empty" => true),
),
array(
"type" => "number",
"param_name" => "line_radius",
"heading" => __("Border radius","ultimate_vc"),
"value" => "5",
"suffix" => "px",
"dependency" => Array("element" => "line_style", "not_empty" => true),
),
array(
"type" => "ultimate_google_fonts",
"param_name" => "seperator_title_font",
"heading" => __("Font Family","ultimate_vc"),
"value" => "",
"dependency" => Array("element" => "time_sep_title", "not_empty" => true),
"group" => "Typography"
),
array(
"type" => "ultimate_google_fonts_style",
"heading" => __("Font Style","ultimate_vc"),
"param_name" => "seperator_title_font_style",
"value" => "",
"dependency" => Array("element" => "time_sep_title", "not_empty" => true),
"group" => "Typography"
),
array(
"type" => "number",
"heading" => __("Font size","ultimate_vc"),
"param_name" => "font_size",
"value" => "",
"suffix" => "px",
"dependency" => Array("element" => "time_sep_title", "not_empty" => true),
"group" => "Typography"
),
// Customize everything
array(
"type" => "textfield",
"class" => "",
"heading" => __("Extra Class", "ultimate_vc"),
"param_name" => "el_class",
"value" => "",
"description" => __("Add extra class name that will be applied to the timeline, and you can use this class for your customizations.", "ultimate_vc"),
),
)
)
);
vc_map(
array(
"name" => __("Timeline Item","ultimate_vc"),
"base" => "icon_timeline_item",
"class" => "vc_timeline_item",
"icon" => "vc_timeline_item_icon",
"category" => __('Timeline','ultimate_vc'),
"content_element" => true,
"as_child" => array('only' => 'icon_timeline'),
"is_container" => false,
"params" => array(
array(
"type" => "textfield",
"class" => "",
"heading" => __("Title", "ultimate_vc"),
"param_name" => "time_title",
"admin_label" => true,
"value" => "",
"description" => __("Provide the title for this timeline item.", "ultimate_vc"),
),
array(
"type" => "ult_param_heading",
"param_name" => "title_text_typography",
"heading" => __("Title settings","ultimate_vc"),
"value" => "",
"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" => "title_font",
"value" => "",
"group" => "Typography"
),
array(
"type" => "ultimate_google_fonts_style",
"heading" => __("Font Style","ultimate_vc"),
"param_name" => "title_font_style",
"value" => "",
"group" => "Typography"
),
array(
"type" => "number",
"param_name" => "title_font_size",
"heading" => __("Font size","ultimate_vc"),
"value" => "",
"suffix" => "px",
"group" => "Typography"
),
array(
"type" => "colorpicker",
"param_name" => "title_font_color",
"heading" => __("Color","ultimate_vc"),
"group" => "Typography"
),
array(
"type" => "textarea_html",
"class" => "",
"heading" => __("Description", "ultimate_vc"),
"param_name" => "content",
"admin_label" => true,
"value" => "",
"description" => __("Provide some description.", "ultimate_vc"),
),
array(
"type" => "ult_param_heading",
"param_name" => "desc_text_typography",
"heading" => __("Description settings","ultimate_vc"),
"value" => "",
"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" => "desc_font",
"value" => "",
"group" => "Typography"
),
array(
"type" => "ultimate_google_fonts_style",
"heading" => __("Font Style","ultimate_vc"),
"param_name" => "desc_font_style",
"value" => "",
"group" => "Typography"
),
array(
"type" => "number",
"param_name" => "desc_font_size",
"heading" => __("Font size","ultimate_vc"),
"value" => "",
"suffix" => "px",
"group" => "Typography"
),
array(
"type" => "colorpicker",
"param_name" => "desc_font_color",
"heading" => __("Color","ultimate_vc"),
"group" => "Typography"
),
array(
"type" => "dropdown",
"class" => "",
"heading" => __("Icon to display:", "ultimate_vc"),
"param_name" => "icon_type",
"value" => array(
__("No Icon","ultimate_vc") => 'noicon',
__("Font Icon Manager","ultimate_vc") => "selector",
__("Custom Image Icon","ultimate_vc") => "custom",
),
"description" => __("Use an existing font icon</a> or upload a custom image.", "ultimate_vc")
),
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=font-icon-Manager' target='_blank'>".__("add new here","ultimate_vc")."</a>.",
"dependency" => Array("element" => "icon_type","value" => array("selector")),
),
array(
"type" => "attach_image",
"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")),
),
array(
"type" => "number",
"class" => "",
"heading" => __("Image Width", "ultimate_vc"),
"param_name" => "img_width",
"value" => 48,
"min" => 16,
"max" => 512,
"suffix" => "px",
"description" => __("Provide image width", "ultimate_vc"),
"dependency" => Array("element" => "icon_type","value" => array("custom")),
),
array(
"type" => "number",
"class" => "",
"heading" => __("Size of Icon", "ultimate_vc"),
"param_name" => "icon_size",
"value" => 32,
"min" => 12,
"max" => 72,
"suffix" => "px",
"description" => __("How big would you like it?", "ultimate_vc"),
"dependency" => Array("element" => "icon_type","value" => array("selector")),
),
array(
"type" => "colorpicker",
"class" => "",
"heading" => __("Color", "ultimate_vc"),
"param_name" => "icon_color",
"value" => "#DE5034",
"description" => __("Give it a nice paint!", "ultimate_vc"),
"dependency" => Array("element" => "icon_type","value" => array("selector")),
),
array(
"type" => "dropdown",
"class" => "",
"heading" => __("Icon Style", "ultimate_vc"),
"param_name" => "icon_style",
"value" => array(
//"Simple" => "none",
__("Circle Background","ultimate_vc") => "circle",
__("Square Background",'ultimate_vc') => "square",
__("Design your own","ultimate_vc") => "advanced",
),
"dependency" => Array("element" => "icon_type","value" => array("selector","custom")),
"description" => __("We have given three quick preset if you are in a hurry. Otherwise, create your own with various options.", "ultimate_vc"),
),
array(
"type" => "colorpicker",
"class" => "",
"heading" => __("Background Color", "ultimate_vc"),
"param_name" => "icon_color_bg",
"value" => "#fff",
"description" => __("Select background color for icon.", "ultimate_vc"),
"dependency" => Array("element" => "icon_type","value" => array("selector","custom")),
),
array(
"type" => "dropdown",
"class" => "",
"heading" => __("Icon Border Style", "ultimate_vc"),
"param_name" => "icon_border_style",
"value" => array(
__("None","ultimate_vc") => "",
__("Solid","ultimate_vc")=> "solid",
__("Dashed","ultimate_vc") => "dashed",
__("Dotted","ultimate_vc") => "dotted",
__("Double","ultimate_vc") => "double",
__("Inset","ultimate_vc") => "inset",
__("Outset","ultimate_vc") => "outset",
),
"description" => __("Select the border style for icon.","ultimate_vc"),
"dependency" => Array("element" => "icon_style", "value" => array("advanced")),
),
array(
"type" => "colorpicker",
"class" => "",
"heading" => __("Border Color", "ultimate_vc"),
"param_name" => "icon_color_border",
"value" => "#dbdbdb",
"description" => __("Select border color for icon.", "ultimate_vc"),
"dependency" => Array("element" => "icon_border_style", "not_empty" => true),
),
array(
"type" => "number",
"class" => "",
"heading" => __("Border Width", "ultimate_vc"),
"param_name" => "icon_border_size",
"value" => 1,
"min" => 1,
"max" => 10,
"suffix" => "px",
"description" => __("Thickness of the border.", "ultimate_vc"),
"dependency" => Array("element" => "icon_border_style", "not_empty" => true),
),
array(
"type" => "number",
"class" => "",
"heading" => __("Border Radius", "ultimate_vc"),
"param_name" => "icon_border_radius",
"value" => 500,
"min" => 1,
"max" => 500,
"suffix" => "px",
"description" => __("0 pixel value will create a square border. As you increase the value, the shape convert in circle slowly. (e.g 500 pixels).", "ultimate_vc"),
"dependency" => Array("element" => "icon_border_style", "not_empty" => true),
),
array(
"type" => "number",
"class" => "",
"heading" => __("Background Size", "ultimate_vc"),
"param_name" => "icon_border_spacing",
"value" => 50,
"min" => 30,
"max" => 500,
"suffix" => "px",
"description" => __("Spacing from center of the icon till the boundary of border / background", "ultimate_vc"),
"dependency" => Array("element" => "icon_style", "value" => array("advanced")),
),
array(
"type" => "dropdown",
"class" => "",
"heading" => __("Animation","ultimate_vc"),
"param_name" => "icon_animation",
"value" => array(
__("No Animation","ultimate_vc") => "",
__("Swing","ultimate_vc") => "swing",
__("Pulse","ultimate_vc") => "pulse",
__("Fade In","ultimate_vc") => "fadeIn",
__("Fade In Up","ultimate_vc") => "fadeInUp",
__("Fade In Down","ultimate_vc") => "fadeInDown",
__("Fade In Left","ultimate_vc") => "fadeInLeft",
__("Fade In Right","ultimate_vc") => "fadeInRight",
__("Fade In Up Long","ultimate_vc") => "fadeInUpBig",
__("Fade In Down Long","ultimate_vc") => "fadeInDownBig",
__("Fade In Left Long","ultimate_vc") => "fadeInLeftBig",
__("Fade In Right Long","ultimate_vc") => "fadeInRightBig",
__("Slide In Down","ultimate_vc") => "slideInDown",
__("Slide In Left","ultimate_vc") => "slideInLeft",
__("Slide In Left","ultimate_vc") => "slideInLeft",
__("Bounce In","ultimate_vc") => "bounceIn",
__("Bounce In Up","ultimate_vc") => "bounceInUp",
__("Bounce In Down","ultimate_vc") => "bounceInDown",
__("Bounce In Left","ultimate_vc") => "bounceInLeft",
__("Bounce In Right","ultimate_vc") => "bounceInRight",
__("Rotate In","ultimate_vc") => "rotateIn",
__("Light Speed In","ultimate_vc") => "lightSpeedIn",
__("Roll In","ultimate_vc") => "rollIn",
),
"dependency" => Array("element" => "icon_type","value" => array("selector","custom")),
"description" => __("Like CSS3 Animations? We have several options for you!","ultimate_vc")
),
/*array(
"type" => "dropdown",
"class" => "",
"heading" => __("Timeline Item Position", "smile"),
"param_name" => "time_position",
"admin_label" => true,
"value" => array(
"Auto" =>'auto',
"Left" => "left",
"Right" => "right",
),
"description" => __("Alignment of timeline item with respect to the connecter line.", "smile"),
),*/
array(
"type" => "dropdown",
"class" => "",
"heading" => __("Apply link to:", "ultimate_vc"),
"param_name" => "time_link_apply",
"value" => array(
__("None","ultimate_vc") => "",
__("Complete box","ultimate_vc") => "box",
__("Box Title","ultimate_vc") => "title",
__("Display Read More","ultimate_vc") => "more",
),
"description" => __("Select the element for link.", "ultimate_vc")
),
array(
"type" => "vc_link",
"class" => "",
"heading" => __("Add Link", "ultimate_vc"),
"param_name" => "time_link",
"value" => "",
"dependency" => Array("element" => "time_link_apply","value" => array("more","title","box")),
"description" => __("Provide the link that will be applied to this timeline.", "ultimate_vc")
),
array(
"type" => "textfield",
"class" => "",
"heading" => __("Read More Text", "ultimate_vc"),
"param_name" => "time_read_text",
"value" => "Read More",
"description" => __("Customize the read more text.", "ultimate_vc"),
"dependency" => Array("element" => "time_link_apply","value" => array("more")),
),
// Customize everything
array(
"type" => "textfield",
"class" => "",
"heading" => __("Extra Class", "ultimate_vc"),
"param_name" => "el_class",
"value" => "",
"description" => __("Add extra class name that will be applied to the timeline, and you can use this class for your customizations.", "ultimate_vc"),
),
)
)
);
vc_map(
array(
"name" => __("Timeline Featured Item","ultimate_vc"),
"base" => "icon_timeline_feat",
"class" => "vc_timeline_feat",
"icon" => "vc_timeline_feat_icon",
"category" => __('Timeline','ultimate_vc'),
"content_element" => true,
"as_child" => array('only' => 'icon_timeline'),
"is_container" => false,
"params" => array(
array(
"type" => "textfield",
"class" => "",
"heading" => __("Title", "ultimate_vc"),
"param_name" => "time_title",
"admin_label" => true,
"value" => "",
"description" => __("Provide the title for this timeline item.", "ultimate_vc"),
),
array(
"type" => "ult_param_heading",
"param_name" => "title_text_typography",
"heading" => __("Title settings","ultimate_vc"),
"value" => "",
"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" => "title_font",
"value" => "",
"group" => "Typography"
),
array(
"type" => "ultimate_google_fonts_style",
"heading" => __("Font Style","ultimate_vc"),
"param_name" => "title_font_style",
"value" => "",
"group" => "Typography"
),
array(
"type" => "number",
"param_name" => "title_font_size",
"heading" => __("Font size","ultimate_vc"),
"value" => "",
"suffix" => "px",
"group" => "Typography"
),
array(
"type" => "colorpicker",
"param_name" => "title_font_color",
"heading" => __("Color","ultimate_vc"),
"group" => "Typography"
),
array(
"type" => "textarea_html",
"class" => "",
"heading" => __("Description", "ultimate_vc"),
"param_name" => "content",
"admin_label" => true,
"value" => "",
"description" => __("Provide some description.", "ultimate_vc"),
),
array(
"type" => "ult_param_heading",
"param_name" => "desc_text_typography",
"heading" => __("Description settings","ultimate_vc"),
"value" => "",
"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" => "desc_font",
"value" => "",
"group" => "Typography"
),
array(
"type" => "ultimate_google_fonts_style",
"heading" => __("Font Style","ultimate_vc"),
"param_name" => "desc_font_style",
"value" => "",
"group" => "Typography"
),
array(
"type" => "number",
"param_name" => "desc_font_size",
"heading" => __("Font size","ultimate_vc"),
"value" => "",
"suffix" => "px",
"group" => "Typography"
),
array(
"type" => "colorpicker",
"param_name" => "desc_font_color",
"heading" => __("Color","ultimate_vc"),
"group" => "Typography"
),
array(
"type" => "dropdown",
"class" => "",
"heading" => __("Icon to display:", "ultimate_vc"),
"param_name" => "icon_type",
"value" => array(
__("No Icon","ultimate_vc") => 'noicon',
__("Font Icon Manager","ultimate_vc") => "selector",
__("Custom Image Icon","ultimate_vc") => "custom",
),
"description" => __("Use an existing font icon or upload a custom image.", "ultimate_vc")
),
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=font-icon-Manager' target='_blank'>".__("add new here","ultimate_vc")."</a>.",
"dependency" => Array("element" => "icon_type","value" => array("selector")),
),
array(
"type" => "attach_image",
"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")),
),
array(
"type" => "number",
"class" => "",
"heading" => __("Image Width", "ultimate_vc"),
"param_name" => "img_width",
"value" => 48,
"min" => 16,
"max" => 512,
"suffix" => "px",
"description" => __("Provide image width", "ultimate_vc"),
"dependency" => Array("element" => "icon_type","value" => array("custom")),
),
array(
"type" => "number",
"class" => "",
"heading" => __("Size of Icon", "ultimate_vc"),
"param_name" => "icon_size",
"value" => 32,
"min" => 12,
"max" => 72,
"suffix" => "px",
"description" => __("How big would you like it?", "ultimate_vc"),
"dependency" => Array("element" => "icon_type","value" => array("selector")),
),
array(
"type" => "colorpicker",
"class" => "",
"heading" => __("Color", "ultimate_vc"),
"param_name" => "icon_color",
"value" => "#DE5034",
"description" => __("Give it a nice paint!", "ultimate_vc"),
"dependency" => Array("element" => "icon_type","value" => array("selector")),
),
array(
"type" => "dropdown",
"class" => "",
"heading" => __("Icon Style", "ultimate_vc"),
"param_name" => "icon_style",
"value" => array(
//"Simple" => "none",
__("Circle Background","ultimate_vc") => "circle",
__("Square Background","ultimate_vc") => "square",
__("Design your own","ultimate_vc") => "advanced",
),
"dependency" => Array("element" => "icon_type","value" => array("selector","custom")),
"description" => __("We have given three quick preset if you are in a hurry. Otherwise, create your own with various options.", "ultimate_vc"),
),
array(
"type" => "colorpicker",
"class" => "",
"heading" => __("Background Color", "ultimate_vc"),
"param_name" => "icon_color_bg",
"value" => "#fff",
"description" => __("Select background color for icon.", "ultimate_vc"),
"dependency" => Array("element" => "icon_type","value" => array("selector","custom")),
),
array(
"type" => "dropdown",
"class" => "",
"heading" => __("Icon Border Style", "ultimate_vc"),
"param_name" => "icon_border_style",
"value" => array(
__("None","ultimate_vc") => "",
__("Solid","ultimate_vc")=> "solid",
__("Dashed","ultimate_vc") => "dashed",
__("Dotted","ultimate_vc") => "dotted",
__("Double","ultimate_vc") => "double",
__("Inset","ultimate_vc") => "inset",
__("Outset","ultimate_vc") => "outset",
),
"description" => __("Select the border style for icon.","ultimate_vc"),
"dependency" => Array("element" => "icon_style", "value" => array("advanced")),
),
array(
"type" => "colorpicker",
"class" => "",
"heading" => __("Border Color", "ultimate_vc"),
"param_name" => "icon_color_border",
"value" => "#dbdbdb",
"description" => __("Select border color for icon.", "ultimate_vc"),
"dependency" => Array("element" => "icon_border_style", "not_empty" => true),
),
array(
"type" => "number",
"class" => "",
"heading" => __("Border Width", "ultimate_vc"),
"param_name" => "icon_border_size",
"value" => 1,
"min" => 1,
"max" => 10,
"suffix" => "px",
"description" => __("Thickness of the border.", "ultimate_vc"),
"dependency" => Array("element" => "icon_border_style", "not_empty" => true),
),
array(
"type" => "number",
"class" => "",
"heading" => __("Border Radius", "ultimate_vc"),
"param_name" => "icon_border_radius",
"value" => 500,
"min" => 1,
"max" => 500,
"suffix" => "px",
"description" => __("0 pixel value will create a square border. As you increase the value, the shape convert in circle slowly. (e.g 500 pixels).", "ultimate_vc"),
"dependency" => Array("element" => "icon_border_style", "not_empty" => true),
),
array(
"type" => "number",
"class" => "",
"heading" => __("Background Size", "ultimate_vc"),
"param_name" => "icon_border_spacing",
"value" => 50,
"min" => 30,
"max" => 500,
"suffix" => "px",
"description" => __("Spacing from center of the icon till the boundary of border / background", "ultimate_vc"),
"dependency" => Array("element" => "icon_style", "value" => array("advanced")),
),
array(
"type" => "dropdown",
"class" => "",
"heading" => __("Animation","ultimate_vc"),
"param_name" => "icon_animation",
"value" => array(
__("No Animation","ultimate_vc") => "",
__("Swing","ultimate_vc") => "swing",
__("Pulse","ultimate_vc") => "pulse",
__("Fade In","ultimate_vc") => "fadeIn",
__("Fade In Up","ultimate_vc") => "fadeInUp",
__("Fade In Down","ultimate_vc") => "fadeInDown",
__("Fade In Left","ultimate_vc") => "fadeInLeft",
__("Fade In Right","ultimate_vc") => "fadeInRight",
__("Fade In Up Long","ultimate_vc") => "fadeInUpBig",
__("Fade In Down Long","ultimate_vc") => "fadeInDownBig",
__("Fade In Left Long","ultimate_vc") => "fadeInLeftBig",
__("Fade In Right Long","ultimate_vc") => "fadeInRightBig",
__("Slide In Down","ultimate_vc") => "slideInDown",
__("Slide In Left","ultimate_vc") => "slideInLeft",
__("Slide In Left","ultimate_vc") => "slideInLeft",
__("Bounce In","ultimate_vc") => "bounceIn",
__("Bounce In Up","ultimate_vc") => "bounceInUp",
__("Bounce In Down","ultimate_vc") => "bounceInDown",
__("Bounce In Left","ultimate_vc") => "bounceInLeft",
__("Bounce In Right","ultimate_vc") => "bounceInRight",
__("Rotate In","ultimate_vc") => "rotateIn",
__("Light Speed In","ultimate_vc") => "lightSpeedIn",
__("Roll In","ultimate_vc") => "rollIn",
),
"dependency" => Array("element" => "icon_type","value" => array("selector","custom")),
"description" => __("Like CSS3 Animations? We have several options for you!","ultimate_vc")
),
/*array(
"type" => "dropdown",
"class" => "",
"heading" => __("Timeline Item Position", "smile"),
"param_name" => "time_position",
"admin_label" => true,
"value" => array(
"Auto" =>'auto',
"Left" => "left",
"Right" => "right",
),
"description" => __("Alignment of timeline item with respect to the connecter line.", "smile"),
),*/
array(
"type" => "dropdown",
"class" => "",
"heading" => __("Apply link to:", "ultimate_vc"),
"param_name" => "time_link_apply",
"value" => array(
__("None","ultimate_vc") => "",
__("Complete box","ultimate_vc") => "box",
__("Box Title","ultimate_vc") => "title",
__("Display Read More","ultimate_vc") => "more",
),
"description" => __("Select the element for link.", "ultimate_vc")
),
array(
"type" => "vc_link",
"class" => "",
"heading" => __("Add Link", "ultimate_vc"),
"param_name" => "time_link",
"value" => "",
"dependency" => Array("element" => "time_link_apply","value" => array("more","title","box")),
"description" => __("Provide the link that will be applied to this timeline.", "ultimate_vc")
),
array(
"type" => "textfield",
"class" => "",
"heading" => __("Read More Text", "ultimate_vc"),
"param_name" => "time_read_text",
"value" => "Read More",
"description" => __("Customize the read more text.", "ultimate_vc"),
"dependency" => Array("element" => "time_link_apply","value" => array("more")),
),
// Customize everything
array(
"type" => "textfield",
"class" => "",
"heading" => __("Extra Class", "ultimate_vc"),
"param_name" => "el_class",
"value" => "",
"description" => __("Add extra class name that will be applied to the timeline, and you can use this class for your customizations.", "ultimate_vc"),
),
array(
"type" => "dropdown",
"heading" => "Arrow position",
"param_name" => "arrow_position",
"value" => array(
__("Top","ultimate_vc") => "top",
__("Bottom","ultimate_vc") => "bottom"
)
),
)
)
);
}//endif
}
function icon_timeline($atts, $content = null)
{
//wp_enqueue_script('masonry',plugins_url('../assets/min-js/',__FILE__).'masonry.min.js', array('jquery'), false, true);
$timeline_line_color = $timeline_line_style = '';
extract(shortcode_atts(array(
'timeline_style'=>'',
'timeline_line_color' =>'',
'timeline_line_style' =>'',
'time_sep_bg_color'=>'',
'time_sep_color' =>'',
'time_block_bg_color'=>'',
'timeline_layout' =>'',
'tl_animation'=>'',
'custom_width'=>'',
), $atts));
$data = $cw = $line_style = $output = '';
if($timeline_layout=='timeline-custom-width'){
$cw ='data-timeline-cutom-width="'.$custom_width.'"';
}
if($time_sep_color!=''){
$time_sep_color='data-time_sep_color="'.$time_sep_color.'"';
}
if($time_sep_bg_color!=''){
$time_sep_bg_color='data-time_sep_bg_color="'.$time_sep_bg_color.'"';
}
if($time_block_bg_color!=''){
$time_block_bg_color='data-time_block_bg_color="'.$time_block_bg_color.'"';
}
if($timeline_line_color!=''){
$line_style ='border-right-style:'.$timeline_line_style.';';
}
if($timeline_line_style!=''){
$line_style .='border-right-color:'.$timeline_line_color.';';
}
if($timeline_style=='jstime'){
$output .= '<div class="'.$timeline_style.' timeline_preloader" style="opacity:0;width:35px;margin:auto;margin-top:30px;"><img style="box-shadow:none;" alt="timeline_pre_loader" src="'.plugins_url().'/Ultimate_VC_Addons/assets/img/timeline_pre-loader.gif" /></div>';
$output .= '<div class="smile-icon-timeline-wrap '.$timeline_style.' '.$timeline_layout.' '.$tl_animation.'" '.$cw.' '.$time_sep_bg_color.' '.$time_block_bg_color.' '.$time_sep_color.' style="opacity:0">';
}
else{
$output .= '<div class="smile-icon-timeline-wrap '.$timeline_style.' '.$timeline_layout.' '.$tl_animation.'" '.$cw.' '.$time_sep_bg_color.' '.$time_block_bg_color.' '.$time_sep_color.'>';
}
$output .= '<div class="timeline-line " style="'.$line_style.'"><z></z></div>';
$output .='<div class="timeline-wrapper">';
$output .= do_shortcode($content);
$output .= '</div>';
$output .= '</div>';
return $output ;
}
function icon_timeline_sep($atts, $content=null){
$time_sep_title = $time_sep_color = $time_sep_bg_color = $animation = $el_class = $line_style = $line_color = $icon_style = $seperator_style = '';
extract(shortcode_atts(array(
'time_sep_title' => '. . .',
'time_sep_color' => '',
'time_sep_bg_color' =>'',
'line_style' =>'',
'time_block_bg_color'=>'',
'line_color' =>'',
'line_width' =>'',
'line_radius' => '',
'el_class' =>'',
'font_size' =>'',
'seperator_title_font' => '',
'seperator_title_font_style' => ''
), $atts));
//$li_prefix = '<div class="timeline-block separator'.$el_class.'">';
//$li_suffix = '</div>';
if($time_sep_color != '')
$seperator_style .= 'color:'.$time_sep_color.';';
if($line_style != '')
$seperator_style .= 'border-style:'.$line_style.';';
if($line_color != '')
$seperator_style .= 'border-color:'.$line_color.';';
if($line_width != '')
$seperator_style .= 'border-width:'.$line_width.'px;';
if($line_radius != '')
$seperator_style .= 'border-radius:'.$line_radius.'px;';
if($font_size != '')
$seperator_style .= 'font-size:'.$font_size.'px;';
if($seperator_title_font != '')
{
$font_family = get_ultimate_font_family($seperator_title_font);
$seperator_style .= 'font-family:\''.$font_family.'\';';
/* $args = array(
$seperator_title_font
);
enquque_ultimate_google_fonts($args);*/
if($seperator_title_font_style != '')
{
$font_style = get_ultimate_font_family($seperator_title_font_style);
$seperator_style .= $font_style;
}
}
$output ='</div>';
$output .= '
<div class="timeline-separator-text '.$el_class.'" data-sep-col="'.$time_sep_color.'" data-sep-bg-col="'.$time_sep_bg_color.'"><span class="sep-text" style="'.$seperator_style.'">'.$time_sep_title.'</span></div><div class="timeline-wrapper ">';
//$li_prefix = '<div class="timeline-block separator '.$el_class.'">';
//$li_suffix = '</div>';
$style ='';
// $style .= $time_sep_bg_color!='' ? 'background:'.$time_sep_bg_color.';' : '';
// $style .= $time_sep_color!='' ? 'color:'.$time_sep_color.';' : '';
//$output .='<div class="ult-timeline-title '.$el_class.' " style="'.$style.'">'.$time_sep_title.'</div>';
return $output;
}
function icon_timeline_feat($atts,$content = null){
$icon_type = $icon_img = $img_width = $icon = $icon_color = $icon_color_bg = $icon_size = $icon_style = $icon_border_style = $icon_border_radius = $icon_color_border = $icon_border_size = $icon_border_spacing = $icon_link = $el_class = $icon_animation = $time_title = $time_link = $time_link_apply = $time_read_text = $time_icon = $time_icon_color = $time_icon_bg_color = $time_position = $font_size = $line_color = $animation = $icon_border_style = $icon_border_size = $border_color = $title_style = $desc_style = '' ;
//$font_args = array();
extract(shortcode_atts(array(
'icon_type' => '',
'icon' => '',
'icon_img' => '',
'img_width' => '',
'icon_size' => '',
'icon_color' => '',
'icon_style' => '',
'icon_color_bg' => '',
'icon_color_border' => '',
'icon_border_style' => '',
'icon_border_size' => '',
'icon_border_radius' => '',
'icon_border_spacing' => '',
'icon_link' => '',
'icon_animation' => '',
'time_title' => '',
'title_font' => '',
'title_font_style' => '',
'title_font_size' => '',
'title_font_color' => '',
'desc_font' => '',
'desc_font_style' => '',
'desc_font_size' => '',
'desc_font_color' => '',
//'time_position' => '',
'time_link' => '',
'time_link_apply' => '',
'time_read_text' => '',
'el_class' => '',
//parent atts
'font_size' => '',
'line_color' => '',
//SEp
'time_sep_color' => '',
'time_sep_bg_color' =>'',
'line_style' =>'',
'time_block_bg_color'=>'',
'line_color' =>'',
'arrow_position' => ''
),$atts));
$html = '';
$line_style = $custom_style = $bg_cls = '';
$box_icon = do_shortcode('[just_icon icon_type="'.$icon_type.'" icon="'.$icon.'" icon_img="'.$icon_img.'" img_width="'.$img_width.'" icon_size="'.$icon_size.'" icon_color="'.$icon_color.'" icon_style="'.$icon_style.'" icon_color_bg="'.$icon_color_bg.'" icon_color_border="'.$icon_color_border.'" icon_border_style="'.$icon_border_style.'" icon_border_size="'.$icon_border_size.'" icon_border_radius="'.$icon_border_radius.'" icon_border_spacing="'.$icon_border_spacing.'" icon_link="'.$icon_link.'" icon_animation="'.$icon_animation.'"]');
if($icon_color_bg == "")
$bg_cls .= 'tl-icon-no-bg';
if($line_color!='')
$line_style = 'border-right-color:'.$line_color.';';
if($font_size!=''){
$line_style.='top:'.($font_size*2).'px;';
}
/* title */
if($title_font != '')
{
$font_family = get_ultimate_font_family($title_font);
$title_style .= 'font-family:\''.$font_family.'\';';
//array_push($font_args, $title_font);
}
if($title_font_style != '')
$title_style .= get_ultimate_font_style($title_font_style);
if($title_font_size != '')
$title_style .= 'font-size:'.$title_font_size.'px;';
if($title_font_color != '')
$title_style .= 'color:'.$title_font_color.';';
/* description */
if($desc_font != '')
{
$font_family = get_ultimate_font_family($desc_font);
$desc_style .= 'font-family:\''.$font_family.'\';';
//array_push($font_args, $desc_font);
}
if($desc_font_style != '')
$desc_style .= get_ultimate_font_style($desc_font_style);
if($desc_font_size != '')
$desc_style .= 'font-size:'.$desc_font_size.'px;';
if($desc_font_color != '')
$desc_style .= 'color:'.$desc_font_color.';';
//enquque_ultimate_google_fonts($font_args);
$li_prefix = '<div class="timeline-block '.$el_class.'"><div class="timeline-dot"></div><div class="ult-timeline-arrow"><s></s><l></l></div>';
$li_suffix ='</div>';
$style = ($time_icon_color !== '') ? ' color:'.$time_icon_color.';' : ' ';
$style .= ($time_icon_bg_color !== '') ? ' background:'.$time_icon_bg_color.';' : ' ';
$style .= ($font_size !== '') ? ' font-size:'.$font_size.'px;' : ' ';
$icon_pad = '';
$header_block_style ='';
$icon = '<div class="timeline-icon-block"'.$icon_pad.'><div class="ult-timeline-icon '.$bg_cls.'" style="'.$style.'">';
if($icon_type!='noicon')
$icon .= $box_icon;//'<i style="'.$icon_style.'" class="'.$time_icon.'" ></i>';
$icon .= '</div> <!-- icon --></div>';
$link_sufix = $link_prefix = '';
if($time_link !=''){
$href = vc_build_link($time_link);
$link_prefix = '<a href = '.$href['url'].'>';$link_sufix = '</a>';
}
$vv_link ='';
if($time_link !=''){
$href = vc_build_link($time_link);
$link_prefix = '<a class="tl-desc-a" href = '.$href['url'].'>';
$vv_link = $href['url'];
$link_sufix = '</a>';
}
$header = '';
$header .= '<div class="timeline-header-block" '.$header_block_style.'>
<div class="timeline-header" style="">';
$header .= '<h3 class="ult-timeline-title" style="'.$title_style.'">'.$time_title.'</h3>';
if ($time_link_apply!='' && $time_link_apply == 'title') {
$header = $link_prefix.$header.$link_sufix;
//$header.='<a href="'.$vv_link.'" class="link-title"></a>';
}
$header .= '<div style="'.$desc_style.'">'.do_shortcode($content).'</div>';
if ($time_link_apply!='' && $time_link_apply == 'more') {
$header = $header.'<p>'.$link_prefix.$time_read_text.$link_sufix.'</p>';
}
$header .= '</div> <!-- header --></div>';
$contt='';
if($time_link_apply!='' && $time_link_apply == 'box'){
$contt.='<a href="'.$vv_link.'" class="link-box"></a>';
//$li_prefix = $link_prefix.$li_prefix;
//$li_suffix = $link_sufix.$li_suffix;
}
$icon_wrap_preffix='<div class="timeline-icon-block">';
$icon_wrap_suffix='</div>';
$heading_preffix='<div class="timeline-header-block">';
$heading_suffix='</div>';
$html = $icon . $header ;
$feat_spl ='</div>';
if($arrow_position == 'bottom') // featured item at top
$ext_class = 'feat-top';
else
$ext_class = '';
$feat_spl .= '<div class="timeline-feature-item feat-item '.$ext_class.'">';
$contt.='<div class="feat-dot '.$ext_class.'"><div class="timeline-dot"></div></div><div class="ult-timeline-arrow '.$ext_class.'"><s></s><l></l></div>'.$html;
$contt .='</div><div class="timeline-wrapper ">';
$feat_spl .=$contt;
return $feat_spl ;
}
function icon_timeline_item($atts,$content = null){
$icon_type = $icon_img = $img_width = $icon = $icon_color = $icon_color_bg = $icon_size = $icon_style = $icon_border_style = $icon_border_radius = $icon_color_border = $icon_border_size = $icon_border_spacing = $icon_link = $el_class = $icon_animation = $time_title = $time_link = $time_link_apply = $time_read_text = $time_icon = $time_icon_color = $time_icon_bg_color = $time_position = $font_size = $line_color = $animation = $icon_border_style = $icon_border_size = $border_color = $title_style = $desc_style = '' ;
//$font_args = array();
extract(shortcode_atts(array(
'icon_type' => '',
'icon' => '',
'icon_img' => '',
'img_width' => '',
'icon_size' => '',
'icon_color' => '',
'icon_style' => '',
'icon_color_bg' => '',
'icon_color_border' => '',
'icon_border_style' => '',
'icon_border_size' => '',
'icon_border_radius' => '',
'icon_border_spacing' => '',
'icon_link' => '',
'icon_animation' => '',
'time_title' => '',
'title_font' => '',
'title_font_style' => '',
'title_font_size' => '',
'title_font_color' => '',
'desc_font' => '',
'desc_font_style' => '',
'desc_font_size' => '',
'desc_font_color' => '',
//'time_position' => '',
'time_link' => '',
'time_link_apply' => '',
'time_read_text' => '',
'el_class' => '',
//parent atts
'font_size' => '',
'line_color' => '',
),$atts));
$html = '';
$line_style = $custom_style = $bg_cls = '';
$box_icon = do_shortcode('[just_icon icon_type="'.$icon_type.'" icon="'.$icon.'" icon_img="'.$icon_img.'" img_width="'.$img_width.'" icon_size="'.$icon_size.'" icon_color="'.$icon_color.'" icon_style="'.$icon_style.'" icon_color_bg="'.$icon_color_bg.'" icon_color_border="'.$icon_color_border.'" icon_border_style="'.$icon_border_style.'" icon_border_size="'.$icon_border_size.'" icon_border_radius="'.$icon_border_radius.'" icon_border_spacing="'.$icon_border_spacing.'" icon_link="'.$icon_link.'" icon_animation="'.$icon_animation.'"]');
if($icon_color_bg == "")
$bg_cls .= 'tl-icon-no-bg';
if($line_color!='')
$line_style = 'border-right-color:'.$line_color.';';
if($font_size!=''){
$line_style.='top:'.($font_size*2).'px;';
}
/* title */
if($title_font != '')
{
$font_family = get_ultimate_font_family($title_font);
$title_style .= 'font-family:\''.$font_family.'\';';
//array_push($font_args, $title_font);
}
if($title_font_style != '')
$title_style .= get_ultimate_font_style($title_font_style);
if($title_font_size != '')
$title_style .= 'font-size:'.$title_font_size.'px;';
if($title_font_color != '')
$title_style .= 'color:'.$title_font_color.';';
/* description */
if($desc_font != '')
{
$font_family = get_ultimate_font_family($desc_font);
$desc_style .= 'font-family:\''.$font_family.'\';';
//array_push($font_args, $desc_font);
}
if($desc_font_style != '')
$desc_style .= get_ultimate_font_style($desc_font_style);
if($desc_font_size != '')
$desc_style .= 'font-size:'.$desc_font_size.'px;';
if($desc_font_color != '')
$desc_style .= 'color:'.$desc_font_color.';';
//enquque_ultimate_google_fonts($font_args);
$li_prefix = '<div class="timeline-block '.$el_class.'"><div class="timeline-dot"></div><div class="ult-timeline-arrow"><s></s><l></l></div>';
$li_suffix ='</div>';
$style = ($time_icon_color !== '') ? ' color:'.$time_icon_color.';' : ' ';
$style .= ($time_icon_bg_color !== '') ? ' background:'.$time_icon_bg_color.';' : ' ';
$style .= ($font_size !== '') ? ' font-size:'.$font_size.'px;' : ' ';
$icon_pad = '';
$header_block_style ='';
$icon = '<div class="timeline-icon-block"><div class="ult-timeline-icon '.$bg_cls.'" style="'.$style.'">';
if($icon_type!='noicon')
$icon .= $box_icon;//'<i style="'.$icon_style.'" class="'.$time_icon.'" ></i>';
$icon .= '</div> <!-- icon --></div>';
$link_sufix = $link_prefix = '';
$vv_link ='';
if($time_link !=''){
$href = vc_build_link($time_link);
$link_prefix = '<a class="tl-desc-a" href = '.$href['url'].'>';
$vv_link = $href['url'];
$link_sufix = '</a>';
}
$header = '';
$header .= '<div class="timeline-header-block" '.$header_block_style.'>
<div class="timeline-header" style="">';
$header .= '<h3 class="ult-timeline-title" style="'.$title_style.'">'.$time_title.'</h3>';
if ($time_link_apply!='' && $time_link_apply == 'title') {
//$header = $link_prefix.$header.$link_sufix;
$header.='<a href="'.$vv_link.'" class="link-title"></a>';
}
$header .= '<div style="'.$desc_style.'">'.do_shortcode($content).'</div>';
if ($time_link_apply!='' && $time_link_apply == 'more') {
$header = $header.'<p>'.$link_prefix.$time_read_text.$link_sufix.'</p>';
}
$header .= '</div> <!-- header --></div>';
if($time_link_apply!='' && $time_link_apply == 'box'){
$header.='<a href="'.$vv_link.'" class="link-box"></a>';
//$li_prefix = $link_prefix.$li_prefix;
//$li_suffix = $link_sufix.$li_suffix;
}
$icon_wrap_preffix='<div class="timeline-icon-block">';
$icon_wrap_suffix='</div>';
$heading_preffix='<div class="timeline-header-block">';
$heading_suffix='</div>';
$html = $li_prefix . $icon . $header . $li_suffix ;
return $html ;
}
}
}
if(class_exists('WPBakeryShortCodesContainer'))
{
class WPBakeryShortCode_icon_timeline extends WPBakeryShortCodesContainer {
}
class WPBakeryShortCode_icon_timeline_item extends WPBakeryShortCode {
}
}
if(class_exists('Ultimate_Icon_Timeline'))
{
$Ultimate_Icon_Timeline = new Ultimate_Icon_Timeline();
}