__("Flip Box"), "base" => "icon_counter", "class" => "vc_flip_box", "icon" => "vc_icon_block", "category" => __("Ultimate VC Addons","smile"), "description" => __("Icon, some info & CTA. Flips on hover.","smile"), "params" => array( array( "type" => "dropdown", "class" => "", "heading" => __("Icon to display:", "smile"), "param_name" => "icon_type", "value" => array( "Font Icon Manager" => "selector", "Custom Image Icon" => "custom", ), "description" => __("Use an existing font icon or upload a custom image.", "smile") ), array( "type" => "icon_manager", "class" => "", "heading" => __("Select Icon ","smile"), "param_name" => "icon", "value" => "", "description" => __("Click and select icon of your choice. If you can't find the one that suits for your purpose, you can add new here.", "flip-box"), "dependency" => Array("element" => "icon_type","value" => array("selector")), ), array( "type" => "attach_image", "class" => "", "heading" => __("Upload Image Icon:", "smile"), "param_name" => "icon_img", "value" => "", "description" => __("Upload the custom image icon.", "smile"), "dependency" => Array("element" => "icon_type","value" => array("custom")), ), array( "type" => "number", "class" => "", "heading" => __("Image Width", "smile"), "param_name" => "img_width", "value" => 48, "min" => 16, "max" => 512, "suffix" => "px", "description" => __("Provide image width", "smile"), "dependency" => Array("element" => "icon_type","value" => array("custom")), ), array( "type" => "number", "class" => "", "heading" => __("Size of Icon", "smile"), "param_name" => "icon_size", "value" => 32, "min" => 12, "max" => 72, "suffix" => "px", "description" => __("How big would you like it?", "smile"), "dependency" => Array("element" => "icon_type","value" => array("selector")), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Color", "smile"), "param_name" => "icon_color", "value" => "#333333", "description" => __("Give it a nice paint!", "smile"), "dependency" => Array("element" => "icon_type","value" => array("selector")), ), array( "type" => "dropdown", "class" => "", "heading" => __("Icon Style", "smile"), "param_name" => "icon_style", "value" => array( "Simple" => "none", "Circle Background" => "circle", "Square Background" => "square", "Design your own" => "advanced", ), "description" => __("We have given three quick preset if you are in a hurry. Otherwise, create your own with various options.", "smile"), "dependency" => Array("element" => "icon_type","value" => array("selector")), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Background Color", "smile"), "param_name" => "icon_color_bg", "value" => "#ffffff", "description" => __("Select background color for icon.", "smile"), "dependency" => Array("element" => "icon_style", "value" => array("circle","square","advanced")), ), array( "type" => "dropdown", "class" => "", "heading" => __("Icon Border Style", "smile"), "param_name" => "icon_border_style", "value" => array( "None" => "", "Solid" => "solid", "Dashed" => "dashed", "Dotted" => "dotted", "Double" => "double", "Inset" => "inset", "Outset" => "outset", ), "description" => __("Select the border style for icon.","smile"), "dependency" => Array("element" => "icon_style", "value" => array("advanced")), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Border Color", "smile"), "param_name" => "icon_color_border", "value" => "#333333", "description" => __("Select border color for icon.", "smile"), "dependency" => Array("element" => "icon_border_style", "not_empty" => true), ), array( "type" => "number", "class" => "", "heading" => __("Border Width", "smile"), "param_name" => "icon_border_size", "value" => 1, "min" => 1, "max" => 10, "suffix" => "px", "description" => __("Thickness of the border.", "smile"), "dependency" => Array("element" => "icon_border_style", "not_empty" => true), ), array( "type" => "number", "class" => "", "heading" => __("Border Radius", "smile"), "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).", "smile"), "dependency" => Array("element" => "icon_border_style", "not_empty" => true), ), array( "type" => "number", "class" => "", "heading" => __("Background Size", "smile"), "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", "smile"), "dependency" => Array("element" => "icon_style", "value" => array("advanced")), ), array( "type" => "dropdown", "class" => "", "heading" => __("Flip Box Style", "smile"), "param_name" => "flip_box_style", "value" => array( "Simple" => "simple", "Advanced" => "advanced", ), "description" => __("Select the border style for icon.","smile"), ), array( "type" => "number", "class" => "", "heading" => __("Size of Box Border", "smile"), "param_name" => "border_size", "value" => 2, "min" => 1, "max" => 10, "suffix" => "px", "description" => __("Enter value in pixels.", "smile"), "dependency" => Array("element" => "flip_box_style", "value" => array("simple")), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Border Color", "smile"), "param_name" => "border_color", "value" => "#A4A4A4", "description" => __("Select the color for border on front.", "smile"), "dependency" => Array("element" => "flip_box_style", "value" => array("simple")), ), array( "type" => "dropdown", "class" => "", "heading" => __("Box Border Style", "smile"), "param_name" => "box_border_style", "value" => array( "None"=> "none", "Solid"=> "solid", "Dashed" => "dashed", "Dotted" => "dotted", "Double" => "double", "Inset" => "inset", "Outset" => "outset", ), "description" => __("Select the border style for box.","smile"), "dependency" => Array("element" => "flip_box_style", "value" => array("advanced")), ), array( "type" => "number", "class" => "", "heading" => __("Size of Box Border", "smile"), "param_name" => "box_border_size", "value" => 2, "min" => 1, "max" => 10, "suffix" => "px", "description" => __("Enter value in pixels.", "smile"), "dependency" => Array("element" => "box_border_style", "value" => array("solid","dashed","dotted","double","inset","outset")), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Front Side Border Color", "smile"), "param_name" => "box_border_color", "value" => "#A4A4A4", "description" => __("Select the color for border on front.", "smile"), "dependency" => Array("element" => "box_border_style", "value" => array("solid","dashed","dotted","double","inset","outset")), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Back Side Border Color", "smile"), "param_name" => "box_border_color_back", "value" => "#A4A4A4", "description" => __("Select the color for border on back.", "smile"), "dependency" => Array("element" => "box_border_style", "value" => array("solid","dashed","dotted","double","inset","outset")), ), array( "type" => "textfield", "class" => "", "heading" => __("Title on Front","smile"), "param_name" => "block_title_front", "admin_label" => true, "value" => "", "description" => __("Perhaps, this is the most highlighted text.","smile") ), array( "type" => "textfield", "class" => "", "heading" => __("Description on Front ","smile"), "param_name" => "block_desc_front", "value" => "", "description" => __("Keep it short and simple!","smile") ), array( "type" => "colorpicker", "class" => "", "heading" => __("Text Color", "smile"), "param_name" => "text_color", "value" => "#333333", "description" => __("Color of title & description text.", "smile"), "dependency" => Array("element" => "flip_box_style", "value" => array("simple")), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Background Color", "smile"), "param_name" => "bg_color", "value" => "#efefef", "description" => __("Light colors look better for background.", "smile"), "dependency" => Array("element" => "flip_box_style", "value" => array("simple")), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Front Side Text Color", "smile"), "param_name" => "block_text_color", "value" => "#333333", "description" => __("Color of front side title & description text.", "smile"), "dependency" => Array("element" => "flip_box_style", "value" => array("advanced")), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Front Side Background Color", "smile"), "param_name" => "block_front_color", "value" => "#efefef", "description" => __("Light colors look better on front.", "smile"), "dependency" => Array("element" => "flip_box_style", "value" => array("advanced")), ), array( "type" => "textfield", "class" => "", "heading" => __("Title on Back ","smile"), "param_name" => "block_title_back", "admin_label" => true, "value" => "", "description" => __("Some nice heading for the back side of the flip.","smile") ), array( "type" => "textarea", "class" => "", "heading" => __("Description on Back","smile"), "param_name" => "block_desc_back", "value" => "", "description" => __("Text here will be followed by a button. So make it catchy!","smile") ), array( "type" => "colorpicker", "class" => "", "heading" => __("Back Side Text Color", "smile"), "param_name" => "block_back_text_color", "value" => "#333333", "description" => __("Color of back side title & description text.", "smile"), "dependency" => Array("element" => "flip_box_style", "value" => array("advanced")), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Back Side Background Color", "smile"), "param_name" => "block_back_color", "value" => "#efefef", "description" => __("Select the background color for back .", "smile"), "dependency" => Array("element" => "flip_box_style", "value" => array("advanced")), ), array( "type" => "dropdown", "class" => "", "heading" => __("Link","smile"), "param_name" => "custom_link", "value" => array( "No Link" => "", "Add custom link with button" => "1", ), "description" => __("You can add / remove custom link","smile") ), array( "type" => "vc_link", "class" => "", "heading" => __("Link ","smile"), "param_name" => "button_link", "value" => "", "description" => __("You can link or remove the existing link on the button from here.","smile"), "dependency" => Array("element" => "custom_link", "not_empty" => true, "value" => array("1")), ), array( "type" => "textfield", "class" => "", "heading" => __("Button Text","smile"), "param_name" => "button_text", "value" => "", "description" => __("The \"call to action\" text","smile"), "dependency" => Array("element" => "custom_link", "not_empty" => true, "value" => array("1")), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Button background color", "smile"), "param_name" => "button_bg", "value" => "#333333", "description" => __("Color of the button. Make sure it'll match with Back Side Box Color.", "smile"), "dependency" => Array("element" => "custom_link", "not_empty" => true, "value" => array("1")), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Button Text Color", "smile"), "param_name" => "button_txt", "value" => "#FFFFFF", "description" => __("Select the color for button text.", "smile"), "dependency" => Array("element" => "custom_link", "not_empty" => true, "value" => array("1")), ), array( "type" => "dropdown", "class" => "", "heading" => __("Flip Type ","smile"), "param_name" => "flip_type", "value" => array( "Flip Horizontally From Left" => "horizontal_flip_left", "Flip Horizontally From Right" => "horizontal_flip_right", "Flip Vertically From Top" => "vertical_flip_top", "Flip Vertically From Bottom" => "vertical_flip_bottom", "Vertical Door Flip" => "vertical_door_flip", "Reverse Vertical Door Flip" => "reverse_vertical_door_flip", "Horizontal Door Flip" => "horizontal_door_flip", "Reverse Horizontal Door Flip" => "reverse_horizontal_door_flip", "Book Flip (Beta)" => "style_9", "Flip From Left (Beta)" => "flip_left", "Flip From Right (Beta)" => "flip_right", "Flip From Top (Beta)" => "flip_top", "Flip From Bottom (Beta)" => "flip_bottom", ), "description" => __("Select Flip type for this flip box.","smile") ), array( "type" => "dropdown", "class" => "", "heading" => __("Set Box Height","smile"), "param_name" => "height_type", "value" => array( "Display full the content and adjust height of the box accordingly"=>"ifb-jq-height", "Hide extra content that doesn't fit in height of the box" => "ifb-auto-height", "Give a custom height of your choice to the box" => "ifb-custom-height", ), "description" => __("Select height option for this box.","smile") ), array( "type" => "number", "class" => "", "heading" => __("Box Height", "smile"), "param_name" => "box_height", "value" => 300, "min" => 200, "max" => 1200, "suffix" => "px", "description" => __("Provide box height", "smile"), "dependency" => Array("element" => "height_type","value" => array("ifb-custom-height")), ), array( "type" => "textfield", "class" => "", "heading" => __("Extra Class", "smile"), "param_name" => "el_class", "value" => "", "description" => __("Add extra class name that will be applied to the icon process, and you can use this class for your customizations.", "smile"), ), ), ) ); } } // Shortcode handler function for icon block function block_shortcode($atts) { // enqueue js wp_enqueue_script('ultimate-appear'); if(get_option('ultimate_row') == "enable"){ wp_enqueue_script('ultimate-row-bg',plugins_url('../assets/js/',__FILE__).'ultimate_bg.js'); } wp_enqueue_script('ultimate-custom'); // enqueue css wp_enqueue_style('ultimate-animate'); wp_enqueue_style('ultimate-style'); wp_enqueue_style('aio-flip-style',plugins_url('../assets/css/',__FILE__).'flip-box.css'); $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 = $block_title_front = $block_desc_front = $block_title_back = $block_desc_back = $button_text = $button_link = $block_text_color = $block_front_color = $block_back_color = $el_class = $block_back_text_color = $animation = $font_size_icon = $box_border_style = $box_border_size = $box_border_color = $border_size = $border_color = $box_border_color_back = $custom_link = $button_bg = $button_txt = $height_type = $box_height = $flip_type = $flip_box_style = $text_color = $bg_color = $front_text = $back_text = ''; 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' => '', 'block_title_front' => '', 'block_desc_front' => '', 'block_title_back' => '', 'block_desc_back' =>'', 'custom_link' => '', 'button_text' =>'', 'button_link' =>'', 'button_bg' => '', 'button_txt' => '', 'flip_type' =>'', 'text_color' => '', 'bg_color' => '', 'block_text_color' =>'', 'block_front_color' =>'', 'block_back_color' =>'', 'el_class' =>'', 'block_back_text_color' =>'', 'border_size' => '', 'border_color' => '', 'box_border_style' => '', 'box_border_size' => '', 'box_border_color' => '', 'box_border_color_back' => '', 'height_type' => '', 'box_height' => '', 'flip_box_style' => '', ),$atts)); $output = $f_style = $b_style = $ico_color = $box_border = $icon_border = $link_style = $height = $link_sufix = $link_prefix = $link_style = ''; if($icon_type == 'custom'){ $icon_style = 'none'; } $flip_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.'"]'); $css_trans = $icon_border = $box_border = ''; $height = ''; if($icon_border_style !== 'none') { $icon_border .= 'border-style: '.$icon_border_style.';'; $icon_border .= 'border-width: '.$icon_border_size.'px;'; } if($height_type == "ifb-custom-height"){ $height = 'height:'.$box_height.'px;'; $flip_type .= ' flip-box-custom-height'; } if($flip_box_style !== 'simple'){ $border_front = 'border-color:'.$box_border_color.';'; $border_back = 'border-color:'.$box_border_color_back.';'; if($box_border_style !== 'none') { $box_border .= 'border-style: '.$box_border_style.';'; $box_border .= 'border-width: '.$box_border_size.'px;'; } if($animation !== 'none') { $css_trans = 'data-animation="'.$animation.'" data-animation-delay="03"'; } if($block_text_color != ''){ $f_style .='color:'.$block_text_color.';'; $front_text .='color:'.$block_text_color.';'; } if($block_front_color != '') $f_style .= 'background:'.$block_front_color.';'; if($block_back_text_color != ''){ $b_style .='color:'.$block_back_text_color.';'; $back_text .='color:'.$block_back_text_color.';'; } if($block_back_color != '') $b_style .= 'background:'.$block_back_color.';'; } else { if($text_color != ''){ $f_style .='color:'.$text_color.';'; $b_style .='color:'.$text_color.';'; $front_text = $back_text = 'color:'.$text_color.';'; } if($bg_color != '') { $f_style .= 'background:'.$bg_color.';'; $b_style .= 'background:'.$bg_color.';'; } if($border_color != ''){ $border_front = 'border-color:'.$border_color.';'; $border_back = 'border-color:'.$border_color.';'; $box_border = 'border-width: '.$border_size.'px;'; $box_border .= 'border-style: solid;'; } } $output .= '
'; $output .= '
'; $output .= '
'; $output .= '
'; if($icon !== '' || $icon_img !== '') $output.='
'.$flip_icon.'
'; if($block_title_front!='') $output.='

'.$block_title_front.'

'; if($block_desc_front!='') $output.='

'.$block_desc_front.'

'; $output.='
'; if($block_title_back!='') $output.='

'.$block_title_back.'

'; if($block_desc_back!=''){ if($button_link !== ''){ $output .= '
'; } $output.='

'.$block_desc_back.'

'; if($button_link !== ''){ $output .= '
'; } } if($button_text!== '' && $custom_link){ $link_prefix = ''; $output.=$link_prefix.$button_text.$link_sufix; } $output.='
'; $output .= '
'; $output .= '
'; $output .='
'; return $output; } } //instantiate the class new AIO_Flip_Box;} __("Google Trends", "smile"), "base" => "ultimate_google_trends", "class" => "vc_google_trends", "controls" => "full", "show_settings_on_create" => true, "icon" => "vc_google_trends", "description" => __("Display Google Trends to show insights.", "smile"), "category" => __("Ultimate VC Addons", "smile"), "params" => array( /*array( "type" => "dropdown", "class" => "", "heading" => __("Compare", "smile"), "param_name" => "search_by", "admin_label" => true, "value" => array( __("Multiple Search Terms", "smile") => "q", //__("Search Term at Location", "smile") => "geo", //__("Search Term over Time Range", "smile") => "date" ) ),*/ array( "type" => "textarea", "class" => "", "heading" => __("Comparison Terms", "smile"), "param_name" => "gtrend_query", "value" => "", "description" => __("Enter maximum 5 terms separated by comma. Example: Google, Facebook, LinkedIn", "smile"), "dependency" => Array("element" => "search_by","value" => array("q")), ), /*array( "type" => "textfield", "class" => "", "heading" => __("Comparison Term", "smile"), "param_name" => "gtrend_query_2", "value" => "", "description" => __("Enter single term. Example: Love", "smile"), "dependency" => Array("element" => "search_by","value" => array("geo","date")), ),*/ array( "type" => "dropdown", "class" => "", "heading" => __("Location", "smile"), "param_name" => "location_by", "admin_label" => true, "value" => array( __("Worldwide", "smile") => "", __("Argentina", "smile") => "", __("Australia", "smile") => "", __("Austria", "smile") => "", __("Bangladesh", "smile") => "", __("Belgium", "smile") => "", __("Brazil", "smile") => "", __("Bulgaria", "smile") => "", __("Canada", "smile") => "", __("Chile", "smile") => "", __("China", "smile") => "", __("Colombia", "smile") => "", __("Costa Rica", "smile") => "", __("Croatia", "smile") => "", __("Czech Republic", "smile") => "", __("Denmark", "smile") => "", __("Dominican Republic", "smile") => "", __("Ecuador", "smile") => "", __("Egypt", "smile") => "", __("El Salvador", "smile") => "", __("Estonia", "smile") => "", __("Finland", "smile") => "", __("France", "smile") => "", __("Germany", "smile") => "", __("Ghana", "smile") => "", __("Guatemala", "smile") => "", __("Honduras", "smile") => "", __("Hong Kong", "smile") => "", __("Hungary", "smile") => "", __("India", "smile") => "IN", __("Indonesia", "smile") => "", __("Ireland", "smile") => "", __("Israel", "smile") => "", __("Italy", "smile") => "", __("Japan", "smile") => "", __("Kenya", "smile") => "", __("Latvia", "smile") => "", __("Lithuania", "smile") => "", __("Malaysia", "smile") => "", __("Mexico", "smile") => "", __("Netherlands", "smile") => "", __("New Zealand", "smile") => "", __("Nigeria", "smile") => "", __("Norway", "smile") => "", __("Pakistan", "smile") => "", __("Panama", "smile") => "", __("Peru", "smile") => "", __("Philippines", "smile") => "", __("Poland", "smile") => "", __("Portugal", "smile") => "", __("Puerto Rico", "smile") => "", __("Romania", "smile") => "", __("Russia", "smile") => "", __("Saudi Arabia", "smile") => "", __("Senegal", "smile") => "", __("Serbia", "smile") => "", __("Singapore", "smile") => "", __("Slovakia", "smile") => "", __("Slovenia", "smile") => "", __("South Africa", "smile") => "", __("South Korea", "smile") => "", __("Spain", "smile") => "", __("Sweden", "smile") => "", __("Switzerland", "smile") => "", __("Taiwan", "smile") => "", __("Thailand", "smile") => "", __("Turkey", "smile") => "", __("Uganda", "smile") => "", __("Ukraine", "smile") => "", __("United Arab Emirates", "smile") => "", __("United Kingdom", "smile") => "", __("United States", "smile") => "", __("Uruguay", "smile") => "", __("Venezuela", "smile") => "", __("Vietnam", "smile") => "", ) ), array( "type" => "dropdown", "class" => "", "heading" => __("Graph type", "smile"), "param_name" => "graph_type", "admin_label" => true, "value" => array(__("Interest over time", "smile") => "TIMESERIES_GRAPH_0", __("Interest over time with average", "smile") => "TIMESERIES_GRAPH_AVERAGES_CHART", __("Regional interest in map", "smile") => "GEO_MAP_0_0", __("Regional interest in table", "smile") => "GEO_TABLE_0_0", __("Related searches (Topics)", "smile") => "TOP_ENTITIES_0_0", __("Related searches (Queries)", "smile") => "TOP_QUERIES_0_0"), "dependency" => Array("element" => "search_by","value" => array("q")) ), /*array( "type" => "dropdown", "class" => "", "heading" => __("Graph type", "smile"), "param_name" => "graph_type_2", "admin_label" => true, "value" => array(__("Top Entities", "smile") => "TOP_ENTITIES_0_0", __("Top Queries", "smile") => "TOP_QUERIES_0_0"), "dependency" => Array("element" => "search_by","value" => array("geo", "date")) ),*/ array( "type" => "textfield", "class" => "", "heading" => __("Frame Width (optional)", "smile"), "param_name" => "gtrend_width", "value" => "", "description" => __("For Example: 500", "smile") ), array( "type" => "textfield", "class" => "", "heading" => __("Frame Height (optional)", "smile"), "param_name" => "gtrend_height", "value" => "", "description" => __("For Example: 350", "smile") ) ) )); } } function display_ultimate_trends($atts,$content = null){ $width = $height = $graph_type = $graph_type_2 = $search_by = $location_by = $gtrend_query = $gtrend_query_2 = ''; extract(shortcode_atts(array( //"id" => "map", "gtrend_width" => "", "gtrend_height" => "", "graph_type" => "TIMESERIES_GRAPH_0", "graph_type_2" => "", "search_by" => "q", "location_by" => "", "gtrend_query" => "", "gtrend_query_2" => "" ), $atts)); if($search_by === 'q') { $graph_type_new = $graph_type; $gtrend_query_new = $gtrend_query; } else { $graph_type_new = $graph_type_2; $gtrend_query_new = $gtrend_query_2; } if($gtrend_width != '') { $width = $gtrend_width; $width = '&w='.$width; } if($gtrend_height != '') { $height = $gtrend_height; $height = '&h='.$height; } $id = uniqid('vc-trends-'); $output = ''; return $output; } } new Ultimate_Google_Trends;} __("Timeline","smile"), "base" => "icon_timeline", "class" => "vc_timeline", "icon" => "vc_timeline_icon", "category" => __("Ultimate VC Addons","smile"), "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, "params" => array( array( "type" => "dropdown", "class" => "", "heading" => __("Height","smile"), "param_name" => "timeline_style", "value" => array( 'Non-optimized (CSS)' => 'csstime', 'Optimized with JavaScript' => 'jstime', ), "description" => __("How would you like the height of timeline.","smile") ), array( "type" => "dropdown", "class" => "", "heading" => __("Connecter Line Style","smile"), "param_name" => "timeline_line_style", "value" => array( 'Dotted' => 'dotted', 'Solid ' => 'solid', 'Dashed ' => 'dashed', ), "description" => __("Select the style of line that connects timeline items.","smile") ), array( "type" => "colorpicker", "class" => "", "heading" => __("Color of Connecter Line:", "smile"), "param_name" => "timeline_line_color", "value" => "", "description" => __("Select the color for the line that connects timeline items.", "smile"), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Background color for timeline item block / container:", "smile"), "param_name" => "time_block_bg_color", "value" => "", "description" => __(" Give a background color to the timeline item block.", "smile"), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Select font color of items separator:", "smile"), "param_name" => "time_sep_color", "value" => "", "description" => __("Select font color of items separator.", "smile"), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Select background color for items separator:", "smile"), "param_name" => "time_sep_bg_color", "value" => "", "description" => __("Select the background color for item separator.", "smile"), ), array( "type" => "dropdown", "class" => "", "heading" => __("Timeline Layout:", "smile"), "param_name" => "timeline_layout", "value" => array( "Full Width " => "", //"Auto Width " => "timeline-auto-width", "Custom Width " => "timeline-custom-width", ), "description" => __("Select Layout of Timeline.", "smile"), ), array( "type" => "number", "class" => "", "heading" => __("Custom Width", "smile"), "param_name" => "custom_width", "value" => 200, "suffix" => "px", "description" => __("Provide custom width for each block", "smile"), "dependency" => Array("element" => "timeline_layout","value" => array("timeline-custom-width")), ), array( "type" => "dropdown", "class" => "", "heading" => __("Hover animation:", "smile"), "param_name" => "tl_animation", "value" => array( "None" => "", "Slide Out" => "tl-animation-slide-out", "Slide Up" => "tl-animation-slide-up", "Slide Down" => "tl-animation-slide-down", "Shadow" => "tl-animation-shadow", ), "description" => __("Hover animation can be given to the timeline item blocks.", "smile"), ), ), "js_view" => 'VcColumnView' )); // Add list item vc_map( array( "name" => __("Items Separator"), "base" => "icon_timeline_sep", "class" => "vc_timeline_sep", "icon" => "vc_timeline_sep_icon", "category" => __('Timeline','smile'), "content_element" => true, "as_child" => array('only' => 'icon_timeline'), "params" => array( array( "type" => "textfield", "class" => "", "heading" => __("separator Text", "smile"), "param_name" => "time_sep_title", "admin_label" => true, "value" => "", "description" => __("Provide the text for this timeline Separator.", "smile"), ), array( "type" => "colorpicker", "param_name" => "time_sep_color", "heading" => __("Color","smile") ), array( "type" => "dropdown", "class" => "", "heading" => __("Border Style", "smile"), "param_name" => "line_style", "value" => array( "None" => "", "Solid"=> "solid", "Dashed" => "dashed", "Dotted" => "dotted", "Double" => "double", "Inset" => "inset", "Outset" => "outset", ), ), array( "type" => "colorpicker", "param_name" => "line_color", "heading" => __("Border color","smile"), "dependency" => Array("element" => "line_style", "not_empty" => true), ), array( "type" => "number", "param_name" => "line_width", "heading" => "Border width", "value" => "1", "suffix" => "px", "dependency" => Array("element" => "line_style", "not_empty" => true), ), array( "type" => "number", "param_name" => "line_radius", "heading" => "Border radius", "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", "value" => "", "dependency" => Array("element" => "time_sep_title", "not_empty" => true), "group" => "Typography" ), array( "type" => "ultimate_google_fonts_style", "heading" => "Font Style", "param_name" => "seperator_title_font_style", "value" => "", "dependency" => Array("element" => "time_sep_title", "not_empty" => true), "group" => "Typography" ), array( "type" => "number", "heading" => "Font size", "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", "smile"), "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.", "smile"), ), ) ) ); vc_map( array( "name" => __("Timeline Item"), "base" => "icon_timeline_item", "class" => "vc_timeline_item", "icon" => "vc_timeline_item_icon", "category" => __('Timeline','smile'), "content_element" => true, "as_child" => array('only' => 'icon_timeline'), "params" => array( array( "type" => "textfield", "class" => "", "heading" => __("Title", "smile"), "param_name" => "time_title", "admin_label" => true, "value" => "", "description" => __("Provide the title for this timeline item.", "smile"), ), array( "type" => "text", "param_name" => "title_text_typography", "heading" => __("

Title settings

"), "value" => "", "group" => "Typography" ), array( "type" => "ultimate_google_fonts", "heading" => "Font Family", "param_name" => "title_font", "value" => "", "group" => "Typography" ), array( "type" => "ultimate_google_fonts_style", "heading" => "Font Style", "param_name" => "title_font_style", "value" => "", "group" => "Typography" ), array( "type" => "number", "param_name" => "title_font_size", "heading" => "Font size", "value" => "", "suffix" => "px", "group" => "Typography" ), array( "type" => "colorpicker", "param_name" => "title_font_color", "heading" => "Color", "group" => "Typography" ), array( "type" => "textarea_html", "class" => "", "heading" => __("Description", "smile"), "param_name" => "content", "admin_label" => true, "value" => "", "description" => __("Provide some description.", "smile"), ), array( "type" => "text", "param_name" => "desc_text_typography", "heading" => __("

Description settings

"), "value" => "", "group" => "Typography" ), array( "type" => "ultimate_google_fonts", "heading" => "Font Family", "param_name" => "desc_font", "value" => "", "group" => "Typography" ), array( "type" => "ultimate_google_fonts_style", "heading" => "Font Style", "param_name" => "desc_font_style", "value" => "", "group" => "Typography" ), array( "type" => "number", "param_name" => "desc_font_size", "heading" => "Font size", "value" => "", "suffix" => "px", "group" => "Typography" ), array( "type" => "colorpicker", "param_name" => "desc_font_color", "heading" => "Color", "group" => "Typography" ), array( "type" => "dropdown", "class" => "", "heading" => __("Icon to display:", "smile"), "param_name" => "icon_type", "value" => array( "No Icon" => 'noicon', "Font Icon Manager" => "selector", "Custom Image Icon" => "custom", ), "description" => __("Use an existing font icon or upload a custom image.", "smile") ), array( "type" => "icon_manager", "class" => "", "heading" => __("Select Icon ","smile"), "param_name" => "icon", "value" => "", "description" => __("Click and select icon of your choice. If you can't find the one that suits for your purpose, you can add new here.", "flip-box"), "dependency" => Array("element" => "icon_type","value" => array("selector")), ), array( "type" => "attach_image", "class" => "", "heading" => __("Upload Image Icon:", "smile"), "param_name" => "icon_img", "value" => "", "description" => __("Upload the custom image icon.", "smile"), "dependency" => Array("element" => "icon_type","value" => array("custom")), ), array( "type" => "number", "class" => "", "heading" => __("Image Width", "smile"), "param_name" => "img_width", "value" => 48, "min" => 16, "max" => 512, "suffix" => "px", "description" => __("Provide image width", "smile"), "dependency" => Array("element" => "icon_type","value" => array("custom")), ), array( "type" => "number", "class" => "", "heading" => __("Size of Icon", "smile"), "param_name" => "icon_size", "value" => 32, "min" => 12, "max" => 72, "suffix" => "px", "description" => __("How big would you like it?", "smile"), "dependency" => Array("element" => "icon_type","value" => array("selector")), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Color", "smile"), "param_name" => "icon_color", "value" => "#DE5034", "description" => __("Give it a nice paint!", "smile"), "dependency" => Array("element" => "icon_type","value" => array("selector")), ), array( "type" => "dropdown", "class" => "", "heading" => __("Icon Style", "smile"), "param_name" => "icon_style", "value" => array( //"Simple" => "none", "Circle Background" => "circle", "Square Background" => "square", "Design your own" => "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.", "smile"), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Background Color", "smile"), "param_name" => "icon_color_bg", "value" => "#fff", "description" => __("Select background color for icon.", "smile"), "dependency" => Array("element" => "icon_type","value" => array("selector","custom")), ), array( "type" => "dropdown", "class" => "", "heading" => __("Icon Border Style", "smile"), "param_name" => "icon_border_style", "value" => array( "None" => "", "Solid"=> "solid", "Dashed" => "dashed", "Dotted" => "dotted", "Double" => "double", "Inset" => "inset", "Outset" => "outset", ), "description" => __("Select the border style for icon.","smile"), "dependency" => Array("element" => "icon_style", "value" => array("advanced")), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Border Color", "smile"), "param_name" => "icon_color_border", "value" => "#dbdbdb", "description" => __("Select border color for icon.", "smile"), "dependency" => Array("element" => "icon_border_style", "not_empty" => true), ), array( "type" => "number", "class" => "", "heading" => __("Border Width", "smile"), "param_name" => "icon_border_size", "value" => 1, "min" => 1, "max" => 10, "suffix" => "px", "description" => __("Thickness of the border.", "smile"), "dependency" => Array("element" => "icon_border_style", "not_empty" => true), ), array( "type" => "number", "class" => "", "heading" => __("Border Radius", "smile"), "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).", "smile"), "dependency" => Array("element" => "icon_border_style", "not_empty" => true), ), array( "type" => "number", "class" => "", "heading" => __("Background Size", "smile"), "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", "smile"), "dependency" => Array("element" => "icon_style", "value" => array("advanced")), ), array( "type" => "dropdown", "class" => "", "heading" => __("Animation","smile"), "param_name" => "icon_animation", "value" => array( __("No Animation","smile") => "", __("Swing","smile") => "swing", __("Pulse","smile") => "pulse", __("Fade In","smile") => "fadeIn", __("Fade In Up","smile") => "fadeInUp", __("Fade In Down","smile") => "fadeInDown", __("Fade In Left","smile") => "fadeInLeft", __("Fade In Right","smile") => "fadeInRight", __("Fade In Up Long","smile") => "fadeInUpBig", __("Fade In Down Long","smile") => "fadeInDownBig", __("Fade In Left Long","smile") => "fadeInLeftBig", __("Fade In Right Long","smile") => "fadeInRightBig", __("Slide In Down","smile") => "slideInDown", __("Slide In Left","smile") => "slideInLeft", __("Slide In Left","smile") => "slideInLeft", __("Bounce In","smile") => "bounceIn", __("Bounce In Up","smile") => "bounceInUp", __("Bounce In Down","smile") => "bounceInDown", __("Bounce In Left","smile") => "bounceInLeft", __("Bounce In Right","smile") => "bounceInRight", __("Rotate In","smile") => "rotateIn", __("Light Speed In","smile") => "lightSpeedIn", __("Roll In","smile") => "rollIn", ), "dependency" => Array("element" => "icon_type","value" => array("selector","custom")), "description" => __("Like CSS3 Animations? We have several options for you!","smile") ), /*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:", "smile"), "param_name" => "time_link_apply", "value" => array( "None" => "", "Complete box" => "box", "Box Title" => "title", "Display Read More" => "more", ), "description" => __("Select the element for link.", "icon-box") ), array( "type" => "vc_link", "class" => "", "heading" => __("Add Link", "smile"), "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.", "smile") ), array( "type" => "textfield", "class" => "", "heading" => __("Read More Text", "smile"), "param_name" => "time_read_text", "value" => "Read More", "description" => __("Customize the read more text.", "smile"), "dependency" => Array("element" => "time_link_apply","value" => array("more")), ), // Customize everything array( "type" => "textfield", "class" => "", "heading" => __("Extra Class", "smile"), "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.", "smile"), ), ) ) ); vc_map( array( "name" => __("Timeline Featured Item"), "base" => "icon_timeline_feat", "class" => "vc_timeline_feat", "icon" => "vc_timeline_feat_icon", "category" => __('Timeline','smile'), "content_element" => true, "as_child" => array('only' => 'icon_timeline'), "params" => array( array( "type" => "textfield", "class" => "", "heading" => __("Title", "smile"), "param_name" => "time_title", "admin_label" => true, "value" => "", "description" => __("Provide the title for this timeline item.", "smile"), ), array( "type" => "text", "param_name" => "title_text_typography", "heading" => __("

Title settings

"), "value" => "", "group" => "Typography" ), array( "type" => "ultimate_google_fonts", "heading" => "Font Family", "param_name" => "title_font", "value" => "", "group" => "Typography" ), array( "type" => "ultimate_google_fonts_style", "heading" => "Font Style", "param_name" => "title_font_style", "value" => "", "group" => "Typography" ), array( "type" => "number", "param_name" => "title_font_size", "heading" => "Font size", "value" => "", "suffix" => "px", "group" => "Typography" ), array( "type" => "colorpicker", "param_name" => "title_font_color", "heading" => "Color", "group" => "Typography" ), array( "type" => "textarea_html", "class" => "", "heading" => __("Description", "smile"), "param_name" => "content", "admin_label" => true, "value" => "", "description" => __("Provide some description.", "smile"), ), array( "type" => "text", "param_name" => "desc_text_typography", "heading" => __("

Description settings

"), "value" => "", "group" => "Typography" ), array( "type" => "ultimate_google_fonts", "heading" => "Font Family", "param_name" => "desc_font", "value" => "", "group" => "Typography" ), array( "type" => "ultimate_google_fonts_style", "heading" => "Font Style", "param_name" => "desc_font_style", "value" => "", "group" => "Typography" ), array( "type" => "number", "param_name" => "desc_font_size", "heading" => "Font size", "value" => "", "suffix" => "px", "group" => "Typography" ), array( "type" => "colorpicker", "param_name" => "desc_font_color", "heading" => "Color", "group" => "Typography" ), array( "type" => "dropdown", "class" => "", "heading" => __("Icon to display:", "smile"), "param_name" => "icon_type", "value" => array( "No Icon" => 'noicon', "Font Icon Manager" => "selector", "Custom Image Icon" => "custom", ), "description" => __("Use an existing font icon or upload a custom image.", "smile") ), array( "type" => "icon_manager", "class" => "", "heading" => __("Select Icon ","smile"), "param_name" => "icon", "value" => "", "description" => __("Click and select icon of your choice. If you can't find the one that suits for your purpose, you can add new here.", "flip-box"), "dependency" => Array("element" => "icon_type","value" => array("selector")), ), array( "type" => "attach_image", "class" => "", "heading" => __("Upload Image Icon:", "smile"), "param_name" => "icon_img", "value" => "", "description" => __("Upload the custom image icon.", "smile"), "dependency" => Array("element" => "icon_type","value" => array("custom")), ), array( "type" => "number", "class" => "", "heading" => __("Image Width", "smile"), "param_name" => "img_width", "value" => 48, "min" => 16, "max" => 512, "suffix" => "px", "description" => __("Provide image width", "smile"), "dependency" => Array("element" => "icon_type","value" => array("custom")), ), array( "type" => "number", "class" => "", "heading" => __("Size of Icon", "smile"), "param_name" => "icon_size", "value" => 32, "min" => 12, "max" => 72, "suffix" => "px", "description" => __("How big would you like it?", "smile"), "dependency" => Array("element" => "icon_type","value" => array("selector")), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Color", "smile"), "param_name" => "icon_color", "value" => "#DE5034", "description" => __("Give it a nice paint!", "smile"), "dependency" => Array("element" => "icon_type","value" => array("selector")), ), array( "type" => "dropdown", "class" => "", "heading" => __("Icon Style", "smile"), "param_name" => "icon_style", "value" => array( //"Simple" => "none", "Circle Background" => "circle", "Square Background" => "square", "Design your own" => "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.", "smile"), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Background Color", "smile"), "param_name" => "icon_color_bg", "value" => "#fff", "description" => __("Select background color for icon.", "smile"), "dependency" => Array("element" => "icon_type","value" => array("selector","custom")), ), array( "type" => "dropdown", "class" => "", "heading" => __("Icon Border Style", "smile"), "param_name" => "icon_border_style", "value" => array( "None" => "", "Solid"=> "solid", "Dashed" => "dashed", "Dotted" => "dotted", "Double" => "double", "Inset" => "inset", "Outset" => "outset", ), "description" => __("Select the border style for icon.","smile"), "dependency" => Array("element" => "icon_style", "value" => array("advanced")), ), array( "type" => "colorpicker", "class" => "", "heading" => __("Border Color", "smile"), "param_name" => "icon_color_border", "value" => "#dbdbdb", "description" => __("Select border color for icon.", "smile"), "dependency" => Array("element" => "icon_border_style", "not_empty" => true), ), array( "type" => "number", "class" => "", "heading" => __("Border Width", "smile"), "param_name" => "icon_border_size", "value" => 1, "min" => 1, "max" => 10, "suffix" => "px", "description" => __("Thickness of the border.", "smile"), "dependency" => Array("element" => "icon_border_style", "not_empty" => true), ), array( "type" => "number", "class" => "", "heading" => __("Border Radius", "smile"), "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).", "smile"), "dependency" => Array("element" => "icon_border_style", "not_empty" => true), ), array( "type" => "number", "class" => "", "heading" => __("Background Size", "smile"), "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", "smile"), "dependency" => Array("element" => "icon_style", "value" => array("advanced")), ), array( "type" => "dropdown", "class" => "", "heading" => __("Animation","smile"), "param_name" => "icon_animation", "value" => array( __("No Animation","smile") => "", __("Swing","smile") => "swing", __("Pulse","smile") => "pulse", __("Fade In","smile") => "fadeIn", __("Fade In Up","smile") => "fadeInUp", __("Fade In Down","smile") => "fadeInDown", __("Fade In Left","smile") => "fadeInLeft", __("Fade In Right","smile") => "fadeInRight", __("Fade In Up Long","smile") => "fadeInUpBig", __("Fade In Down Long","smile") => "fadeInDownBig", __("Fade In Left Long","smile") => "fadeInLeftBig", __("Fade In Right Long","smile") => "fadeInRightBig", __("Slide In Down","smile") => "slideInDown", __("Slide In Left","smile") => "slideInLeft", __("Slide In Left","smile") => "slideInLeft", __("Bounce In","smile") => "bounceIn", __("Bounce In Up","smile") => "bounceInUp", __("Bounce In Down","smile") => "bounceInDown", __("Bounce In Left","smile") => "bounceInLeft", __("Bounce In Right","smile") => "bounceInRight", __("Rotate In","smile") => "rotateIn", __("Light Speed In","smile") => "lightSpeedIn", __("Roll In","smile") => "rollIn", ), "dependency" => Array("element" => "icon_type","value" => array("selector","custom")), "description" => __("Like CSS3 Animations? We have several options for you!","smile") ), /*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:", "smile"), "param_name" => "time_link_apply", "value" => array( "None" => "", "Complete box" => "box", "Box Title" => "title", "Display Read More" => "more", ), "description" => __("Select the element for link.", "icon-box") ), array( "type" => "vc_link", "class" => "", "heading" => __("Add Link", "smile"), "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.", "smile") ), array( "type" => "textfield", "class" => "", "heading" => __("Read More Text", "smile"), "param_name" => "time_read_text", "value" => "Read More", "description" => __("Customize the read more text.", "smile"), "dependency" => Array("element" => "time_link_apply","value" => array("more")), ), // Customize everything array( "type" => "textfield", "class" => "", "heading" => __("Extra Class", "smile"), "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.", "smile"), ), array( "type" => "dropdown", "heading" => "Arrow position", "param_name" => "arrow_position", "value" => array( "Top" => "top", "Bottom" => "bottom" ) ) ) ) ); }//endif } function icon_timeline($atts, $content = null) { // enqueue js wp_enqueue_script('ultimate-appear'); if(get_option('ultimate_row') == "enable"){ wp_enqueue_script('ultimate-row-bg',plugins_url('../assets/js/',__FILE__).'ultimate_bg.js'); } wp_enqueue_script('ultimate-custom'); // enqueue css wp_enqueue_style('ultimate-animate'); wp_enqueue_style('ultimate-style'); wp_enqueue_script('masonry',plugins_url('../assets/js/',__FILE__).'masonry.js', array(), false, true); wp_enqueue_style('aio-timeline',plugins_url('../assets/css/',__FILE__).'timeline.css'); $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 .= '
timeline_pre_loader
'; $output .= '
'; } else{ $output .= '
'; } $output .= '
'; $output .='
'; $output .= do_shortcode($content); $output .= '
'; $output .= '
'; 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 = '
'; //$li_suffix = '
'; 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 ='
'; $output .= '
'.$time_sep_title.'
'; //$li_prefix = '
'; //$li_suffix = '
'; $style =''; // $style .= $time_sep_bg_color!='' ? 'background:'.$time_sep_bg_color.';' : ''; // $style .= $time_sep_color!='' ? 'color:'.$time_sep_color.';' : ''; //$output .='
'.$time_sep_title.'
'; 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 = $el_class = $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 = '
'; $li_suffix ='
'; $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 = '
'; if($icon_type!='noicon') $icon .= $box_icon;//''; $icon .= '
'; $link_sufix = $link_prefix = ''; if($time_link !=''){ $href = vc_build_link($time_link); $link_prefix = '';$link_sufix = ''; } $vv_link =''; if($time_link !=''){ $href = vc_build_link($time_link); $link_prefix = ''; $vv_link = $href['url']; $link_sufix = ''; } $header = ''; $header .= '
'; $header .= '

'.$time_title.'

'; if ($time_link_apply!='' && $time_link_apply == 'title') { $header = $link_prefix.$header.$link_sufix; //$header.=''; } $header .= '

'.do_shortcode($content).'

'; if ($time_link_apply!='' && $time_link_apply == 'more') { $header = $header.'

'.$link_prefix.$time_read_text.$link_sufix.'

'; } $header .= '
'; $contt=''; if($time_link_apply!='' && $time_link_apply == 'box'){ $contt.=''; //$li_prefix = $link_prefix.$li_prefix; //$li_suffix = $link_sufix.$li_suffix; } $icon_wrap_preffix='
'; $icon_wrap_suffix='
'; $heading_preffix='
'; $heading_suffix='
'; $html = $icon . $header ; $feat_spl ='
'; if($arrow_position == 'bottom') // featured item at top $ext_class = 'feat-top'; else $ext_class = ''; $feat_spl .= '
'; $contt.='
'.$html; $contt .='
'; $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 = $el_class = $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 = '
'; $li_suffix ='
'; $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 = '
'; if($icon_type!='noicon') $icon .= $box_icon;//''; $icon .= '
'; $link_sufix = $link_prefix = ''; $vv_link =''; if($time_link !=''){ $href = vc_build_link($time_link); $link_prefix = ''; $vv_link = $href['url']; $link_sufix = ''; } $header = ''; $header .= '
'; $header .= '

'.$time_title.'

'; if ($time_link_apply!='' && $time_link_apply == 'title') { //$header = $link_prefix.$header.$link_sufix; $header.=''; } $header .= '

'.do_shortcode($content).'

'; if ($time_link_apply!='' && $time_link_apply == 'more') { $header = $header.'

'.$link_prefix.$time_read_text.$link_sufix.'

'; } $header .= '
'; if($time_link_apply!='' && $time_link_apply == 'box'){ $header.=''; //$li_prefix = $link_prefix.$li_prefix; //$li_suffix = $link_sufix.$li_suffix; } $icon_wrap_preffix='
'; $icon_wrap_suffix='
'; $heading_preffix='
'; $heading_suffix='
'; $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();} __("Spacer / Gap"), "base" => "ultimate_spacer", "class" => "vc_ultimate_spacer", "icon" => "vc_ultimate_spacer", "category" => __("Ultimate VC Addons",'smile'), "description" => __("Adjust space between components.","smile"), "params" => array( array( "type" => "number", "class" => "", "heading" => __("Spacer Height", "smile"), "param_name" => "height", "admin_label" => true, "value" => 10, "min" => 1, "max" => 500, "suffix" => "px", "description" => __("Enter value in pixels", "smile"), ), ) ) ); } } function ultimate_spacer_shortcode($atts){ wp_enqueue_style('ultimate-style'); $height = $output = ''; extract(shortcode_atts(array( "height" => "", ),$atts)); $style = 'height:'.$height.'px;'; $style .= 'clear:both;'; $style .= 'display:block;'; $output .= '
'; return $output; } } // end class new Ultimate_Spacer;}