function TS_VCSC_Timeline_CSS_Function_Section($atts)
{
global $VISUAL_COMPOSER_EXTENSIONS;
ob_start();
extract(shortcode_atts(array('section' => '', 'section_icon' => '', 'icon_color' => '#7c7979', 'tooltipster_offsetx' => 0, 'tooltipster_offsety' => 0, 'el_id' => '', 'el_class' => '', 'css' => ''), $atts));
$media_string = '';
$output = '';
$randomizer = mt_rand(999999, 9999999);
if (!empty($el_id)) {
$timeline_id = $el_id;
} else {
$timeline_id = 'ts-vcsc-timeline-section-' . $randomizer;
}
// Retrieve Timeline Post
$timeline_array = array();
$category_fields = array();
$args = array('no_found_rows' => 1, 'ignore_sticky_posts' => 1, 'posts_per_page' => -1, 'post_type' => 'ts_timeline', 'post_status' => 'publish', 'orderby' => 'title', 'order' => 'ASC');
$timeline_query = new WP_Query($args);
if ($timeline_query->have_posts()) {
foreach ($timeline_query->posts as $p) {
if ($p->ID == $section) {
// Retrieve Post Categories
$section_categories = get_the_terms($p->ID, 'ts_timeline_category');
$array_categories = array();
if ($section_categories != false) {
foreach ($section_categories as $category) {
$array_categories[] = $category->name;
}
}
$section_categories = join(",", $array_categories);
// Retrieve Post Tags
$sections_tags = get_the_terms($p->ID, 'ts_timeline_tags');
$array_tags = array();
if ($sections_tags != false) {
foreach ($sections_tags as $tag) {
$array_tags[] = $tag->name;
}
}
$sections_tags = join(",", $array_tags);
// Build Data Array
$timeline_data = array('author' => $p->post_author, 'name' => $p->post_name, 'title' => $p->post_title, 'id' => $p->ID, 'categories' => $section_categories, 'tags' => $sections_tags);
$timeline_array[] = $timeline_data;
$array_categories = array();
$array_tags = array();
}
}
}
wp_reset_postdata();
// Section Main Data
foreach ($timeline_array as $index => $array) {
$Section_Author = $timeline_array[$index]['author'];
$Section_Name = $timeline_array[$index]['name'];
$Section_Title = $timeline_array[$index]['title'];
$Section_ID = $timeline_array[$index]['id'];
$Section_Categories = $timeline_array[$index]['categories'];
$Section_Tags = $timeline_array[$index]['tags'];
}
// Retrieve Timeline Post Meta Content
$custom_fields = get_post_custom($Section_ID);
$custom_fields_array = array();
foreach ($custom_fields as $field_key => $field_values) {
if (!isset($field_values[0])) {
continue;
}
if (in_array($field_key, array("_edit_lock", "_edit_last"))) {
continue;
}
if (strpos($field_key, 'ts_vcsc_timeline_') !== false) {
if ($field_key == "ts_vcsc_timeline_media_featuredimage_id") {
$field_key = "ts_vcsc_timeline_media_featuredimageid";
}
$field_key_split = explode("_", $field_key);
$field_key_length = count($field_key_split) - 1;
$custom_data = array('group' => $field_key_split[$field_key_length - 1], 'name' => 'Timeline_' . ucfirst($field_key_split[$field_key_length]), 'value' => $field_values[0]);
$custom_fields_array[] = $custom_data;
}
}
foreach ($custom_fields_array as $index => $array) {
${$custom_fields_array[$index]['name']} = $custom_fields_array[$index]['value'];
}
if (function_exists('vc_shortcode_custom_css_class')) {
$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'ts-timeline-css-section ' . $el_class . ' ' . vc_shortcode_custom_css_class($css, ' '), 'TS_VCSC_Timeline_CSS_Section', $atts);
} else {
$css_class = 'ts-timeline-css-section ' . $el_class;
}
if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode == "true") {
$vc_inline = 'true';
$vc_inline_style = ' display: block;';
} else {
$vc_inline = 'false';
$vc_inline_style = '';
}
if ($vc_inline == "false") {
// Tooltip String
if (isset($Timeline_Tooltiptext)) {
if (isset($Timeline_Tooltipstyle)) {
$tooltip_style = "tooltipster-" . $Timeline_Tooltipstyle;
} else {
$tooltip_style = "tooltipster-black";
}
if (isset($Timeline_Tooltipposition)) {
$tooltip_position = $Timeline_Tooltipposition;
} else {
$tooltip_position = 'top';
}
$tooltip_content = 'data-tooltipster-html="true" data-tooltipster-title="" data-tooltipster-text="' . base64_encode($Timeline_Tooltiptext) . '" data-tooltipster-image="" data-tooltipster-position="' . $tooltip_position . '" data-tooltipster-touch="false" data-tooltipster-arrow="true" data-tooltipster-theme="' . $tooltip_style . '" data-tooltipster-animation="swing" data-tooltipster-trigger="hover" data-tooltipster-offsetx="' . $tooltipster_offsetx . '" data-tooltipster-offsety="' . $tooltipster_offsety . '"';
$tooltip_class = 'ts-has-tooltipster-tooltip';
} else {
$tooltip_content = '';
$tooltip_class = '';
}
// Border Radius
if (isset($Timeline_Radiusborder)) {
$border_radius = $Timeline_Radiusborder;
} else {
$border_radius = '';
}
// Timeline Event
if ($Timeline_Type == "event") {
// Feature Media Alignment
if (isset($Timeline_Featuredmediaalign)) {
if ($Timeline_Featuredmediaalign == "center") {
$image_alignment = "margin: 5px auto; float: none;";
} else {
if ($Timeline_Featuredmediaalign == "left") {
$image_alignment = "margin: 5px 0; float: left;";
} else {
if ($Timeline_Featuredmediaalign == "right") {
$image_alignment = "margin: 5px 0; float: right;";
}
}
}
} else {
$image_alignment = "margin: 5px auto; float: none;";
}
// Feature Media Dimensions
$image_dimensions = 'width: 100%; height: auto;';
$parent_dimensions = 'width: ' . $Timeline_Featuredmediawidth . '%; ' . $Timeline_Featuredmediaheight;
// Lightbox Background Color
if (isset($Timeline_Lightboxbacklight)) {
if ($Timeline_Lightboxbacklight == "auto") {
$nacho_color = '';
} else {
if ($Timeline_Lightboxbacklight == "custom") {
$nacho_color = 'data-color="' . $Timeline_Lightboxbacklightcolor . '"';
} else {
if ($Timeline_Lightboxbacklight == "hideit") {
$nacho_color = 'data-color="#000000"';
}
}
}
} else {
$nacho_color = '';
}
// Adjustment for Inline Edit Mode of VC
if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode == "true") {
$Timeline_Fullwidth = 'true';
$vcinline_active = 'true';
$vcinline_class = '';
$vcinline_slider = 'owl-carousel2-edit';
} else {
$Timeline_Fullwidth = $Timeline_Fullwidth;
$vcinline_active = 'false';
$vcinline_class = '';
$vcinline_slider = 'owl-carousel2';
}
// Featured Media
if (isset($Timeline_Featuredmedia)) {
// Featured Media: Image
if ($Timeline_Featuredmedia == 'image') {
if (isset($Timeline_Featuredimageid)) {
$media_image = wp_get_attachment_image_src($Timeline_Featuredimageid, 'large');
if ($media_image != false) {
$image_extension = pathinfo($media_image[0], PATHINFO_EXTENSION);
if (isset($Timeline_Attributealtvalue)) {
$alt_attribute = $Timeline_Attributealtvalue;
} else {
$alt_attribute = basename($Timeline_Featuredimage, "." . $image_extension);
}
if (isset($Timeline_Attributetitle)) {
$media_title = $Timeline_Attributetitle;
} else {
if (isset($Timeline_Eventtitletext)) {
$media_title = $Timeline_Eventtitletext;
} else {
$media_title = '';
}
}
if ($Timeline_Lightboxfeatured == "false") {
$media_string .= '<div class="ts-timeline-media" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
$media_string .= '<img class="" src="' . $media_image[0] . '" alt="' . $alt_attribute . '" style="max-width: ' . $media_image[1] . 'px; padding: 0; margin: 0 auto; display: block; ' . $image_dimensions . '">';
$media_string .= '</div>';
} else {
$media_string .= '<div class="ts-timeline-media nchgrid-item nchgrid-tile nch-lightbox-image" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
$media_string .= '<a href="' . $media_image[0] . '" class="nch-lightbox-media no-ajaxy" data-thumbnail="' . $media_image[0] . '" data-title="' . $media_title . '" rel="' . ($Timeline_Lightboxgroup == "true" ? "timelinegroup" : (isset($Timeline_Lightboxgroupname) ? $Timeline_Lightboxgroupname : "")) . '" data-share="0" data-effect="' . $Timeline_Lightboxeffect . '" data-duration="5000" ' . $nacho_color . '>';
$media_string .= '<img src="' . $media_image[0] . '" alt="' . $alt_attribute . '" title="" style="max-width: ' . $media_image[1] . 'px; padding: 0; margin: 0 auto; display: block; ' . $image_dimensions . '">';
$media_string .= '<div class="nchgrid-caption"></div>';
if ($media_title != '') {
$media_string .= '<div class="nchgrid-caption-text">' . $media_title . '</div>';
}
$media_string .= '</a>';
$media_string .= '</div>';
}
}
}
}
// Featured Media: Image Slider
if ($Timeline_Featuredmedia == 'slider') {
if (isset($Timeline_Featuredslider)) {
if (isset($Timeline_Pagertl)) {
$page_rtl = $Timeline_Pagertl;
} else {
$page_rtl = "false";
}
$featured_slider = array();
$featured_images = array();
$featured_maxheight = isset($Timeline_Slidermaxheight) ? $Timeline_Slidermaxheight : 400;
$featured_fixheight = isset($Timeline_Sliderfixheight) ? $Timeline_Sliderfixheight : 400;
$images = get_post_meta($Section_ID, 'ts_vcsc_timeline_media_featuredslider', true);
if ($images) {
foreach ($images as $attachment_id => $img_full_url) {
$featured_slider[] = $attachment_id;
}
}
$i = -1;
$b = 0;
$nachoLength = count($featured_slider) - 1;
if (isset($Timeline_Slidertitles)) {
$titles_array = explode("\n", $Timeline_Slidertitles);
$titles_array = array_filter($titles_array, 'trim');
} else {
$titles_array = array();
}
$media_string .= '<div id="ts-timeline-css-imageslider-' . $randomizer . '" class="ts-timeline-css-imageslider-container ' . $vcinline_slider . '" style="" data-id="' . $randomizer . '" data-parent="' . $timeline_id . '" data-items="' . count($featured_slider) . '" data-maxheight="' . $featured_maxheight . '">';
$media_string .= '<div class="ts-timeline-css-imageslider-slides">';
foreach ($featured_slider as $single_image) {
$i++;
$modal_image = wp_get_attachment_image_src($single_image, 'full');
if ($modal_image != false) {
$modal_thumb = wp_get_attachment_image_src($single_image, 'thumb');
$image_ratio = $modal_image[1] / $modal_image[2];
$image_height = $modal_image[2] > $featured_maxheight ? $featured_maxheight : $modal_image[2];
$image_width = round($image_height * $image_ratio, 0);
$image_extension = pathinfo($modal_image[0], PATHINFO_EXTENSION);
$featured_images[] = $modal_thumb[0];
if ($Timeline_Lightboxfeatured == "false") {
if ($i == 0 && $vcinline_active == "true" || $vcinline_active == "false") {
$media_string .= '<div id="ts-timeline-css-imageslider-image-' . $single_image . '-parent" class="ts-timeline-css-imageslider-image-parent nchgrid-item nchgrid-tile nch-lightbox-image ts-timeline-css-imageslider-item ' . ($i == 0 ? "ts-timeline-css-slider-view-active" : "ts-timeline-css-slider-view-hidden") . '" data-width="' . $modal_image[1] . '" data-height="' . $modal_image[2] . '" data-ratio="' . $modal_image[1] / $modal_image[2] . '" data-order="' . $i . '" data-total="' . count($featured_slider) . '">';
$media_string .= '<img src="' . $modal_image[0] . '" style="max-width: ' . $image_width . 'px; max-height: ' . $image_height . 'px; padding: 0; margin: 0 auto; display: block; ' . $image_dimensions . '">';
$media_string .= '<div class="nchgrid-caption"></div>';
if (isset($titles_array[$i]) && $titles_array[$i] != '') {
$media_string .= '<div class="nchgrid-caption-text">' . strip_tags($titles_array[$i]) . '</div>';
}
$media_string .= '</div>';
}
} else {
if ($i == $nachoLength && $vcinline_active == "false") {
$media_string .= '<div id="ts-timeline-css-imageslider-image-' . $single_image . '-parent" class="ts-timeline-css-imageslider-image-parent nchgrid-item nchgrid-tile nch-lightbox-image ts-timeline-css-imageslider-item ' . ($i == 0 ? "ts-timeline-css-slider-view-active" : "ts-timeline-css-slider-view-hidden") . '" data-width="' . $modal_image[1] . '" data-height="' . $modal_image[2] . '" data-ratio="' . $modal_image[1] / $modal_image[2] . '" data-order="' . $i . '" data-total="' . count($featured_slider) . '">';
$media_string .= '<a id="' . $timeline_id . '-' . $single_image . '" href="' . $modal_image[0] . '" data-thumbnail="' . $modal_image[0] . '" data-title="' . (isset($titles_array[$i]) && $titles_array[$i] != '' ? strip_tags($titles_array[$i]) : '') . '" class="nch-lightbox-media no-ajaxy ts-hover-image ' . $timeline_id . '-slider-image" rel="' . ($Timeline_Lightboxgroup == "true" ? "timelinegroup" : (isset($Timeline_Lightboxgroupname) ? $Timeline_Lightboxgroupname : "")) . '" data-effect="' . $Timeline_Lightboxeffect . '" data-share="0" data-autoplay="0" data-duration="5000" data-thumbsize="100" data-thumbs="bottom" ' . $nacho_color . '>';
$media_string .= '<img src="' . $modal_image[0] . '" style="max-width: ' . $image_width . 'px; max-height: ' . $image_height . 'px; padding: 0; margin: 0 auto; display: block; ' . $image_dimensions . '">';
$media_string .= '<div class="nchgrid-caption"></div>';
if (isset($titles_array[$i]) && $titles_array[$i] != '') {
$media_string .= '<div class="nchgrid-caption-text">' . strip_tags($titles_array[$i]) . '</div>';
}
$media_string .= '</a>';
$media_string .= '</div>';
} else {
if ($i == 0 && $vcinline_active == "true" || $vcinline_active == "false") {
$media_string .= '<div id="ts-timeline-css-imageslider-image-' . $single_image . '-parent" class="ts-timeline-css-imageslider-image-parent nchgrid-item nchgrid-tile nch-lightbox-image ts-timeline-css-imageslider-item ' . ($i == 0 ? "ts-timeline-css-slider-view-active" : "ts-timeline-css-slider-view-hidden") . '" data-width="' . $modal_image[1] . '" data-height="' . $modal_image[2] . '" data-ratio="' . $modal_image[1] / $modal_image[2] . '" data-order="' . $i . '" data-total="' . count($featured_slider) . '">';
$media_string .= '<a id="' . $timeline_id . '-' . $single_image . '" href="' . $modal_image[0] . '" data-thumbnail="' . $modal_image[0] . '" data-title="' . (isset($titles_array[$i]) && $titles_array[$i] != '' ? strip_tags($titles_array[$i]) : '') . '" class="nch-lightbox-media no-ajaxy ts-hover-image ' . $timeline_id . '-slider-image" rel="' . ($Timeline_Lightboxgroup == "true" ? "timelinegroup" : (isset($Timeline_Lightboxgroupname) ? $Timeline_Lightboxgroupname : "")) . '" data-effect="' . $Timeline_Lightboxeffect . '" ' . $nacho_color . '>';
$media_string .= '<img src="' . $modal_image[0] . '" style="max-width: ' . $image_width . 'px; max-height: ' . $image_height . 'px; padding: 0; margin: 0 auto; display: block; ' . $image_dimensions . '">';
$media_string .= '<div class="nchgrid-caption"></div>';
if (isset($titles_array[$i]) && $titles_array[$i] != '') {
$media_string .= '<div class="nchgrid-caption-text">' . strip_tags($titles_array[$i]) . '</div>';
}
$media_string .= '</a>';
$media_string .= '</div>';
}
}
}
}
}
$media_string .= '</div>';
$media_string .= '<div class="ts-timeline-css-imageslider-navigation">';
$media_string .= '<div class="ts-timeline-css-imageslider-dotholder">';
$i = -1;
foreach ($featured_slider as $single_image) {
$i++;
$media_string .= '<div class="ts-timeline-css-imageslider-dot ' . ($i == 0 ? "ts-timeline-css-imageslider-dotactive" : "") . ' ts-has-tooltipster-tooltip" data-order="' . $i . '" data-image="' . (isset($featured_images[$i]) ? $featured_images[$i] : "") . '" data-tooltipster-html="false" data-tooltipster-title="" data-tooltipster-text="" data-tooltipster-image="' . (isset($featured_images[$i]) ? $featured_images[$i] : "") . '" data-tooltipster-position="top" data-tooltipster-touch="false" data-tooltipster-arrow="true" data-tooltipster-theme="tooltipster-thumb" data-tooltipster-animation="fade" data-tooltipster-trigger="hover" data-tooltipster-offsetx="' . $tooltipster_offsetx . '" data-tooltipster-offsety="' . $tooltipster_offsety . '"></div>';
}
$media_string .= '</div>';
$media_string .= '<div class="ts-timeline-css-imageslider-prev"><i class="dashicons dashicons-arrow-left-alt2"></i></div>';
$media_string .= '<div class="ts-timeline-css-imageslider-next"><i class="dashicons dashicons-arrow-right-alt2"></i></div>';
$media_string .= '</div>';
$media_string .= '</div>';
$slider_class = '';
}
} else {
$slider_class = '';
}
// Featured Media: YouTube
if (isset($Timeline_Featuredyoutubeurl) && ($Timeline_Featuredmedia == 'youtube_default' || $Timeline_Featuredmedia == 'youtube_custom' || $Timeline_Featuredmedia == 'youtube_embed')) {
if (preg_match('~((http|https|ftp|ftps)://|www.)(.+?)~', $Timeline_Featuredyoutubeurl)) {
$featured_youtube_url = $Timeline_Featuredyoutubeurl;
} else {
$featured_youtube_url = 'https://www.youtube.com/watch?v=' . $Timeline_Featuredyoutubeurl;
}
if (isset($Timeline_Featuredyoutubeplay)) {
if ($Timeline_Featuredyoutubeplay == "true") {
$video_autoplay = 'true';
} else {
$video_autoplay = 'false';
}
} else {
$video_autoplay = 'false';
}
if (isset($Timeline_Featuredyoutuberelated)) {
if ($Timeline_Featuredyoutuberelated == "true") {
$video_related = '&rel=1';
} else {
$video_related = '&rel=0';
}
} else {
$video_related = '&rel=0';
}
if (isset($Timeline_Attributetitle)) {
$media_title = $Timeline_Attributetitle;
} else {
if (isset($Timeline_Eventtitletext)) {
$media_title = $Timeline_Eventtitletext;
} else {
$media_title = '';
}
}
if ($Timeline_Featuredmedia == 'youtube_default') {
$media_image = TS_VCSC_VideoImage_Youtube($featured_youtube_url);
$media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-youtube" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
$media_string .= '<a href="' . $featured_youtube_url . '" class="nch-lightbox-media no-ajaxy" data-thumbnail="' . $media_image . '" data-title="' . $media_title . '" data-related="' . $video_related . '" data-videoplay="' . $video_autoplay . '" data-type="youtube" rel="' . ($Timeline_Lightboxgroup == "true" ? "timelinegroup" : (isset($Timeline_Lightboxgroupname) ? $Timeline_Lightboxgroupname : "")) . '" data-share="0" data-effect="' . (isset($Timeline_Lightboxeffect) ? $Timeline_Lightboxeffect : 'random') . '" data-duration="5000" ' . $nacho_color . '>';
$media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
$media_string .= '<div class="nchgrid-caption"></div>';
if ($media_title != '') {
$media_string .= '<div class="nchgrid-caption-text">' . $media_title . '</div>';
}
$media_string .= '</a>';
$media_string .= '</div>';
} else {
if ($Timeline_Featuredmedia == 'youtube_custom') {
if (isset($Timeline_Featuredimageid)) {
$media_image = wp_get_attachment_image_src($Timeline_Featuredimageid, 'full');
$media_image = $media_image[0];
$image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
if (isset($Timeline_Attributealtvalue)) {
$alt_attribute = $Timeline_Attributealtvalue;
} else {
$alt_attribute = basename($Timeline_Featuredimage, "." . $image_extension);
}
} else {
$media_image = TS_VCSC_GetResourceURL('images/defaults/default_youtube.jpg');
$image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
if (isset($Timeline_Attributealtvalue)) {
$alt_attribute = $Timeline_Attributealtvalue;
} else {
$alt_attribute = basename($media_image, "." . $image_extension);
}
}
$media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-youtube" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
$media_string .= '<a href="' . $featured_youtube_url . '" class="nch-lightbox-media no-ajaxy" data-thumbnail="' . $media_image . '" data-title="' . $media_title . '" data-related="' . $video_related . '" data-videoplay="' . $video_autoplay . '" data-type="youtube" rel="' . ($Timeline_Lightboxgroup == "true" ? "timelinegroup" : (isset($Timeline_Lightboxgroupname) ? $Timeline_Lightboxgroupname : "")) . '" data-share="0" data-effect="' . (isset($Timeline_Lightboxeffect) ? $Timeline_Lightboxeffect : 'random') . '" data-duration="5000" ' . $nacho_color . '>';
$media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
$media_string .= '<div class="nchgrid-caption"></div>';
if ($media_title != '') {
$media_string .= '<div class="nchgrid-caption-text">' . $media_title . '</div>';
}
$media_string .= '</a>';
$media_string .= '</div>';
} else {
if ($Timeline_Featuredmedia == 'youtube_embed') {
$video_id = TS_VCSC_VideoID_Youtube($featured_youtube_url);
if ($video_autoplay == "true") {
$video_autoplay = '?autoplay=1';
} else {
$video_autoplay = '?autoplay=0';
}
$media_string .= '<div class="ts-video-container" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
$media_string .= '<iframe width="100%" height="auto" src="//www.youtube.com/embed/' . $video_id . $video_autoplay . $video_related . '&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
$media_string .= '</div>';
}
}
}
}
// Featured Media: DailyMotion
if (isset($Timeline_Featureddailymotionurl) && ($Timeline_Featuredmedia == 'dailymotion_default' || $Timeline_Featuredmedia == 'dailymotion_custom' || $Timeline_Featuredmedia == 'dailymotion_embed')) {
if (preg_match('~((http|https|ftp|ftps)://|www.)(.+?)~', $Timeline_Featureddailymotionurl)) {
$featured_dailymotion_url = $Timeline_Featureddailymotionurl;
} else {
$featured_dailymotion_url = 'http://www.dailymotion.com/video/' . $Timeline_Featureddailymotionurl;
}
if (isset($Timeline_Featureddailymotionplay)) {
if ($Timeline_Featureddailymotionplay == "true") {
$video_autoplay = 'true';
} else {
$video_autoplay = 'false';
}
} else {
$video_autoplay = 'false';
}
if (isset($Timeline_Attributetitle)) {
$media_title = $Timeline_Attributetitle;
} else {
if (isset($Timeline_Eventtitletext)) {
$media_title = $Timeline_Eventtitletext;
} else {
$media_title = '';
}
}
if ($Timeline_Featuredmedia == 'dailymotion_default') {
$media_image = TS_VCSC_VideoImage_Motion($featured_dailymotion_url);
$media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-motion" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
$media_string .= '<a href="' . $featured_dailymotion_url . '" class="nch-lightbox-media no-ajaxy" data-thumbnail="' . $media_image . '" data-title="' . $media_title . '" data-videoplay="' . $video_autoplay . '" data-type="dailymotion" rel="' . ($Timeline_Lightboxgroup == "true" ? "timelinegroup" : (isset($Timeline_Lightboxgroupname) ? $Timeline_Lightboxgroupname : "")) . '" data-share="0" data-effect="' . (isset($Timeline_Lightboxeffect) ? $Timeline_Lightboxeffect : 'random') . '" data-duration="5000" ' . $nacho_color . '>';
$media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
$media_string .= '<div class="nchgrid-caption"></div>';
if ($media_title != '') {
$media_string .= '<div class="nchgrid-caption-text">' . $media_title . '</div>';
}
$media_string .= '</a>';
$media_string .= '</div>';
} else {
if ($Timeline_Featuredmedia == 'dailymotion_custom') {
if (isset($Timeline_Featuredimageid)) {
$media_image = wp_get_attachment_image_src($Timeline_Featuredimageid, 'full');
$media_image = $media_image[0];
$image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
if (isset($Timeline_Attributealtvalue)) {
$alt_attribute = $Timeline_Attributealtvalue;
} else {
$alt_attribute = basename($Timeline_Featuredimage, "." . $image_extension);
}
} else {
$media_image = TS_VCSC_GetResourceURL('images/defaults/default_motion.jpg');
$image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
if (isset($Timeline_Attributealtvalue)) {
$alt_attribute = $Timeline_Attributealtvalue;
} else {
$alt_attribute = basename($media_image, "." . $image_extension);
}
}
$media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-motion" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
$media_string .= '<a href="' . $featured_dailymotion_url . '" class="nch-lightbox-media no-ajaxy" data-thumbnail="' . $media_image . '" data-title="' . $media_title . '" data-videoplay="' . $video_autoplay . '" data-type="dailymotion" rel="' . ($Timeline_Lightboxgroup == "true" ? "timelinegroup" : (isset($Timeline_Lightboxgroupname) ? $Timeline_Lightboxgroupname : "")) . '" data-share="0" data-effect="' . (isset($Timeline_Lightboxeffect) ? $Timeline_Lightboxeffect : 'random') . '" data-duration="5000" ' . $nacho_color . '>';
$media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
$media_string .= '<div class="nchgrid-caption"></div>';
if ($media_title != '') {
$media_string .= '<div class="nchgrid-caption-text">' . $media_title . '</div>';
}
$media_string .= '</a>';
$media_string .= '</div>';
} else {
if ($Timeline_Featuredmedia == 'dailymotion_embed') {
$video_id = TS_VCSC_VideoID_Motion($featured_dailymotion_url);
if ($video_autoplay == "true") {
$video_autoplay = '?autoplay=1';
} else {
$video_autoplay = '?autoplay=0';
}
$media_string .= '<div class="ts-video-container" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
$media_string .= '<iframe width="100%" height="auto" src="http://www.dailymotion.com/embed/video/' . $video_id . $video_autoplay . '&forcedQuality=hq&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
$media_string .= '</div>';
}
}
}
}
// Featured Media: Vimeo
if (isset($Timeline_Featuredvimeourl) && ($Timeline_Featuredmedia == 'vimeo_default' || $Timeline_Featuredmedia == 'vimeo_custom' || $Timeline_Featuredmedia == 'vimeo_embed')) {
if (preg_match('~((http|https|ftp|ftps)://|www.)(.+?)~', $Timeline_Featuredvimeourl)) {
$featured_vimeo_url = $Timeline_Featuredvimeourl;
} else {
$featured_vimeo_url = 'http://www.vimeo.com/video/' . $Timeline_Featuredvimeourl;
}
if (isset($Timeline_Featuredvimeoplay)) {
if ($Timeline_Featuredvimeoplay == "true") {
$video_autoplay = 'true';
} else {
$video_autoplay = 'false';
}
} else {
$video_autoplay = 'false';
}
if (isset($Timeline_Attributetitle)) {
$media_title = $Timeline_Attributetitle;
} else {
if (isset($Timeline_Eventtitletext)) {
$media_title = $Timeline_Eventtitletext;
} else {
$media_title = '';
}
}
if ($Timeline_Featuredmedia == 'vimeo_default') {
$media_image = TS_VCSC_VideoImage_Vimeo($featured_vimeo_url);
$media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-vimeo" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
$media_string .= '<a href="' . $featured_vimeo_url . '" class="nch-lightbox-media no-ajaxy" data-thumbnail="' . $media_image . '" data-title="' . $media_title . '" data-videoplay="' . $video_autoplay . '" data-type="vimeo" rel="' . ($Timeline_Lightboxgroup == "true" ? "timelinegroup" : (isset($Timeline_Lightboxgroupname) ? $Timeline_Lightboxgroupname : "")) . '" data-share="0" data-effect="' . (isset($Timeline_Lightboxeffect) ? $Timeline_Lightboxeffect : 'random') . '" data-duration="5000" ' . $nacho_color . '>';
$media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
$media_string .= '<div class="nchgrid-caption"></div>';
if ($media_title != '') {
$media_string .= '<div class="nchgrid-caption-text">' . $media_title . '</div>';
}
$media_string .= '</a>';
$media_string .= '</div>';
} else {
if ($Timeline_Featuredmedia == 'vimeo_custom') {
if (isset($Timeline_Featuredimageid)) {
$media_image = wp_get_attachment_image_src($Timeline_Featuredimageid, 'full');
$media_image = $media_image[0];
$image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
if (isset($Timeline_Attributealtvalue)) {
$alt_attribute = $Timeline_Attributealtvalue;
} else {
$alt_attribute = basename($Timeline_Featuredimage, "." . $image_extension);
}
} else {
$media_image = TS_VCSC_GetResourceURL('images/defaults/default_vimeo.jpg');
$image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
if (isset($Timeline_Attributealtvalue)) {
$alt_attribute = $Timeline_Attributealtvalue;
} else {
$alt_attribute = basename($media_image, "." . $image_extension);
}
}
$media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-vimeo" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
$media_string .= '<a href="' . $featured_vimeo_url . '" class="nch-lightbox-media no-ajaxy" data-thumbnail="' . $media_image . '" data-title="' . $media_title . '" data-videoplay="' . $video_autoplay . '" data-type="vimeo" rel="' . ($Timeline_Lightboxgroup == "true" ? "timelinegroup" : (isset($Timeline_Lightboxgroupname) ? $Timeline_Lightboxgroupname : "")) . '" data-share="0" data-effect="' . (isset($Timeline_Lightboxeffect) ? $Timeline_Lightboxeffect : 'random') . '" data-duration="5000" ' . $nacho_color . '>';
$media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
$media_string .= '<div class="nchgrid-caption"></div>';
if ($media_title != '') {
$media_string .= '<div class="nchgrid-caption-text">' . $media_title . '</div>';
}
$media_string .= '</a>';
$media_string .= '</div>';
} else {
if ($Timeline_Featuredmedia == 'vimeo_embed') {
$video_id = TS_VCSC_VideoID_vimeo($featured_vimeo_url);
if ($video_autoplay == "true") {
$video_autoplay = '?autoplay=1';
} else {
$video_autoplay = '?autoplay=0';
}
$media_string .= '<div class="ts-video-container" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
$media_string .= '<iframe width="100%" height="auto" src="//player.vimeo.com/video/' . $video_id . $video_autoplay . '&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
$media_string .= '</div>';
}
}
}
}
} else {
$media_string = '';
$slider_class = '';
}
// Link Button
if (isset($Timeline_Dedicatedpage) && $Timeline_Dedicatedpage != -1) {
// Link Values
if ($Timeline_Dedicatedpage == "external") {
$a_href = $Timeline_Dedicatedlink;
} else {
$a_href = get_page_link($Timeline_Dedicatedpage);
}
if (isset($Timeline_Dedicatedtooltip)) {
$a_title = $Timeline_Dedicatedtooltip;
} else {
$a_title = "";
}
if (isset($Timeline_Dedicatedtarget)) {
if ($Timeline_Dedicatedtarget == true) {
$a_target = "_blank";
} else {
$a_target = "_windows";
}
} else {
$a_target = "_blank";
}
// Button Alignment
if (isset($Timeline_Dedicatedalign)) {
if ($Timeline_Dedicatedalign == "center") {
$buttonstyle = "width: " . (isset($Timeline_Dedicatedwidth) ? $Timeline_Dedicatedwidth : 100) . "%; margin: 0 auto; float: none;";
} else {
if ($Timeline_Dedicatedalign == "left") {
$buttonstyle = "width: " . (isset($Timeline_Dedicatedwidth) ? $Timeline_Dedicatedwidth : 100) . "%; margin: 0 auto; float: left;";
} else {
if ($Timeline_Dedicatedalign == "right") {
$buttonstyle = "width: " . (isset($Timeline_Dedicatedwidth) ? $Timeline_Dedicatedwidth : 100) . "%; margin: 0 auto; float: right;";
}
}
}
} else {
$buttonstyle = 'width: 100%; margin: 0 auto; float: none;';
}
$button_string = '';
if (!empty($a_href) && isset($Timeline_Dedicatedlabel)) {
$button_string .= '<div class="ts-timeline-css-button-outer clearFixMe">';
$button_string .= '<div class="ts-timeline-css-button-wrapper" style="' . $buttonstyle . '%;">';
if (isset($Timeline_Dedicatedicon)) {
if ($Timeline_Dedicatedicon != "none") {
$button_string .= '<a class="ts-timeline-css-button-link ' . $Timeline_Dedicateddefault . ' ' . $Timeline_Dedicatedhover . '" href="' . $a_href . '" target="' . $a_target . '" title="' . $a_title . '"><i class="ts-timeline-css-button-icon dashicons dashicons-' . $Timeline_Dedicatedicon . '" style="' . (isset($Timeline_Dedicatedcolor) ? "color: " . $Timeline_Dedicatedcolor : "") . '"></i>' . $Timeline_Dedicatedlabel . '</a>';
} else {
$button_string .= '<a class="ts-timeline-css-button-link ' . $Timeline_Dedicateddefault . ' ' . $Timeline_Dedicatedhover . '" href="' . $a_href . '" target="' . $a_target . '" title="' . $a_title . '">' . $Timeline_Dedicatedlabel . '</a>';
}
} else {
$button_string .= '<a class="ts-timeline-css-button-link ' . $Timeline_Dedicateddefault . ' ' . $Timeline_Dedicatedhover . '" href="' . $a_href . '" target="' . $a_target . '" title="' . $a_title . '">' . $Timeline_Dedicatedlabel . '</a>';
}
$button_string .= '</div>';
$button_string .= '</div>';
} else {
$button_string = '';
}
} else {
$button_string = '';
}
// Event Icon
if ((empty($section_icon) || $section_icon == "transparent") && !isset($Timeline_Eventcontent) && !isset($Timeline_Featuredimage)) {
$title_margin = 'margin: 0;';
} else {
$title_margin = '';
}
// Column Adjustment for Full Width Event
if ($Timeline_Fullwidth == "true" && !isset($Timeline_Eventtitletext) && (empty($section_icon) || $section_icon == "transparent") && !isset($Timeline_Eventcontent) && !isset($Timeline_Buttontext)) {
$columnA_adjust = 'width: 100%; margin: 0;';
$columnB_adjust = 'display: none; width: 0;';
} else {
if ($Timeline_Fullwidth == "true" && $Timeline_Featuredmedia == "none") {
$columnA_adjust = 'display: none; width: 0; margin: 0;';
$columnB_adjust = 'width: 100%; margin: 0;';
} else {
$columnA_adjust = '';
$columnB_adjust = '';
}
}
// Final Output
$output .= '<div id="' . $timeline_id . '" class="' . $css_class . ' ' . $slider_class . ' ' . ($Timeline_Fullwidth == "true" ? "ts-timeline-css-fullwidth" : "ts-timeline-css-event") . ' ts-timeline-css-visible ts-timeline-css-animated ' . (isset($Timeline_Eventdatetext) ? "ts-timeline-css-date-true" : "ts-timeline-css-date-false") . '" style="' . ($Timeline_Fullwidth == "true" ? "width: 98%;" : "") . ' ' . $vc_inline_style . '" data-categories="' . $Section_Categories . '" data-tags="' . $Section_Tags . '" data-filtered-categories="false" data-filtered-tags="false">';
$output .= '<div class="ts-timeline-css-text-wrap ' . (isset($Timeline_Eventdatetext) ? "ts-timeline-css-text-wrap-date" : "ts-timeline-css-text-wrap-nodate") . ' ' . $border_radius . ' ' . $tooltip_class . '" ' . $tooltip_content . ' style="' . (isset($Timeline_Eventdatetext) ? "padding-top: 35px" : "") . '">';
if (isset($Timeline_Eventdatetext)) {
if (isset($Timeline_Eventdateicon)) {
if ($Timeline_Eventdateicon == "none") {
$output .= '<div class="ts-timeline-css-date"><span class="ts-timeline-css-date-connect"><span class="ts-timeline-css-date-text">' . $Timeline_Eventdatetext . '</span></span></div>';
} else {
$output .= '<div class="ts-timeline-css-date"><span class="ts-timeline-css-date-connect"><span class="ts-timeline-css-date-text"><i class="ts-timeline-css-date-icon dashicons dashicons-' . $Timeline_Eventdateicon . '"></i>' . $Timeline_Eventdatetext . '</span></span></div>';
}
} else {
$output .= '<div class="ts-timeline-css-date"><span class="ts-timeline-css-date-connect"><span class="ts-timeline-css-date-text">' . $Timeline_Eventdatetext . '</span></span></div>';
}
}
if ($Timeline_Fullwidth == "true") {
$output .= '<div class="ts-timeline-css-fullwidth-colA" style="' . $columnA_adjust . '">';
$output .= $media_string;
$output .= '</div>';
$output .= '<div class="ts-timeline-css-fullwidth-colB" style="' . $columnB_adjust . '">';
if (isset($Timeline_Eventtitletext)) {
$output .= '<h3 class="ts-timeline-css-title" style="color: ' . (isset($Timeline_Eventtitlecolor) ? $Timeline_Eventtitlecolor : $title_color) . '; text-align: ' . (isset($Timeline_Eventtitlealign) ? $Timeline_Eventtitlealign : $title_align) . '; ' . (!isset($Timeline_Eventcontent) && empty($section_icon) ? "border: none; margin-bottom: 0; padding-bottom: 0;" : "") . ' ' . $title_margin . '">' . $Timeline_Eventtitletext . '</h3>';
}
if (!empty($section_icon) && $section_icon != "transparent" || isset($Timeline_Eventcontent) || isset($Timeline_Linkurl)) {
$output .= '<div style="width: 100%; display: block; float: left; position: relative; padding-bottom: ' . (!empty($a_href) && !empty($button_string) ? 0 : 15) . 'px; ' . (!isset($Timeline_Eventcontent) && !empty($section_icon) ? "height: 60px;" : "") . '">';
if (isset($Timeline_Eventcontent)) {
$output .= '<div class="ts-timeline-css-text-wrap-inner" style="' . (empty($section_icon) ? "width: 100%; height: 100%; left: 0;" : " left: 0;") . '">';
if (function_exists('wpb_js_remove_wpautop')) {
$output .= '<div class="ts-timeline-css-text" style="">' . wpb_js_remove_wpautop(do_shortcode($Timeline_Eventcontent), true) . '</div>';
} else {
$output .= '<div class="ts-timeline-css-text" style="">' . do_shortcode($Timeline_Eventcontent) . '</div>';
}
$output .= '</div>';
}
if (!empty($section_icon) && $section_icon != "transparent") {
$output .= '<div class="ts-timeline-css-icon ts-timeline-css-icon-full" style="' . (!isset($Timeline_Eventcontent) ? "display: inline-block; width: 100%; left: 0; margin: 0 0 0 2%;" : "left: 80%;") . '"><i class="' . $section_icon . '" style="color: ' . $icon_color . ';"></i></div>';
}
if (!empty($a_href) && !empty($button_string)) {
$output .= '<div class="ts-timeline-css-button-container">';
$output .= $button_string;
$output .= '</div>';
}
$output .= '</div>';
}
$output .= '</div>';
if ($Section_Tags != '') {
$output .= '<div class="ts-timeline-css-output-tags"><i class="dashicons dashicons-tag"></i><span>' . str_replace(",", ", ", $Section_Tags) . '</span></div>';
}
if ($Section_Categories != '') {
$output .= '<div class="ts-timeline-css-output-cats"><i class="dashicons dashicons-category"></i><span>' . str_replace(",", ", ", $Section_Categories) . '</span></div>';
}
} else {
$output .= $media_string;
if (isset($Timeline_Eventtitletext)) {
$output .= '<h3 class="ts-timeline-css-title" style="color: ' . (isset($Timeline_Eventtitlecolor) ? $Timeline_Eventtitlecolor : $title_color) . '; text-align: ' . (isset($Timeline_Eventtitlealign) ? $Timeline_Eventtitlealign : $title_align) . '; ' . (!isset($Timeline_Eventcontent) && empty($section_icon) ? "border: none; margin-bottom: 0; padding-bottom: 0;" : "") . ' ' . $title_margin . '">' . $Timeline_Eventtitletext . '</h3>';
}
if (!empty($section_icon) && $section_icon != "transparent" || isset($Timeline_Eventcontent)) {
$output .= '<div style="width: 100%; display: block; float: left; position: relative; padding-bottom: 15px; ' . (!isset($Timeline_Eventcontent) && !empty($section_icon) ? "height: 60px;" : "") . '">';
if (!empty($section_icon) && $section_icon != "transparent") {
$output .= '<div class="ts-timeline-css-icon ts-timeline-css-icon-half" style="' . (!isset($Timeline_Eventcontent) ? "display: inline-block; width: 100%; left: 0;" : "") . '"><i class="' . $section_icon . '" style="color: ' . $icon_color . ';"></i></div>';
}
if (isset($Timeline_Eventcontent)) {
$output .= '<div class="ts-timeline-css-text-wrap-inner" style="' . (empty($section_icon) ? "width: 100%; height: 100%; left: 0;" : "") . '">';
if (function_exists('wpb_js_remove_wpautop')) {
$output .= '<div class="ts-timeline-css-text" style="">' . wpb_js_remove_wpautop(do_shortcode($Timeline_Eventcontent), true) . '</div>';
} else {
$output .= '<div class="ts-timeline-css-text" style="">' . do_shortcode($Timeline_Eventcontent) . '</div>';
}
$output .= '</div>';
}
$output .= '</div>';
if (!empty($a_href) && !empty($button_string)) {
$output .= '<div class="ts-timeline-css-button-container">';
$output .= $button_string;
$output .= '</div>';
}
}
if ($Section_Tags != '') {
$output .= '<div class="ts-timeline-css-output-tags"><i class="dashicons dashicons-tag"></i><span>' . str_replace(",", ", ", $Section_Tags) . '</span></div>';
}
if ($Section_Categories != '') {
$output .= '<div class="ts-timeline-css-output-cats"><i class="dashicons dashicons-category"></i><span>' . str_replace(",", ", ", $Section_Categories) . '</span></div>';
}
}
$output .= '<div class="clearFixMe"></div>';
$output .= '</div>';
$output .= '</div>';
}
// Timeline Break
if ($Timeline_Type == "break") {
if (!isset($Timeline_Breakcontent)) {
$title_margin = ' margin: 0 !important; padding: 0;';
} else {
$title_margin = '';
}
if (isset($Timeline_Breakfull)) {
if ($Timeline_Breakfull == "true") {
$break_width = 'width: 98%; margin-left: 1%; margin-right: 1%;';
$break_data = 'true';
} else {
$break_width = 'width: 50%;';
$break_data = 'false';
}
} else {
$break_width = 'width: 50%;';
$break_data = 'false';
}
if (isset($Timeline_Breakbackground)) {
$break_background = 'background: ' . $Timeline_Breakbackground . ';';
} else {
$break_background = '';
}
$output .= '<div id="' . $timeline_id . '" class="ts-timeline-css-break ts-timeline-css-visible ' . $css_class . '" style="' . $break_width . ' ' . $vc_inline_style . '" data-fullwidth="' . $break_data . '" data-categories="' . $Section_Categories . '" data-tags="' . $Section_Tags . '" data-filtered-categories="false" data-filtered-tags="false">';
$output .= '<div class="ts-timeline-css-text-wrap ' . $border_radius . ' ' . $tooltip_class . '" ' . $tooltip_content . ' style="' . $break_background . '">';
$output .= '<div class="ts-timeline-css-text-wrap-inner" style="width: 100%; left: 0; ' . $title_margin . '">';
if (isset($Timeline_Breaktitletext)) {
$output .= '<h3 class="ts-timeline-css-title" style="padding: 0 10px; text-align: ' . (isset($Timeline_Breaktitlealign) ? $Timeline_Breaktitlealign : $title_align) . '; color: ' . (isset($Timeline_Breaktitlecolor) ? $Timeline_Breaktitlecolor : $title_color) . ';' . $title_margin . '">' . $Timeline_Breaktitletext . '</h3>';
}
if (!empty($section_icon) && $section_icon != "transparent") {
$output .= '<div class="ts-timeline-css-icon ts-timeline-css-icon-break" style="margin: 10px auto;"><i class="' . $section_icon . '" style="color: ' . $icon_color . ';"></i></div>';
}
if (isset($Timeline_Breakcontent)) {
if (function_exists('wpb_js_remove_wpautop')) {
$output .= '<div class="ts-timeline-css-text">' . wpb_js_remove_wpautop(do_shortcode($Timeline_Breakcontent), true) . '</div>';
} else {
$output .= '<div class="ts-timeline-css-text">' . do_shortcode($Timeline_Breakcontent) . '</div>';
}
}
$output .= '</div>';
$output .= '<div class="clearFixMe"></div>';
$output .= '</div>';
$output .= '</div>';
}
} else {
$output .= '<div id="' . $timeline_id . '" class="' . $css_class . ' ts-timeline-css-fullwidth" style="width: 98%; ' . $vc_inline_style . '">';
$output .= '<div class="ts-timeline-css-text-wrap">';
$output .= '<div class="ts-timeline-css-text-wrap-inner" style="width: 100%; left: 0; margin: 20px auto;">';
$output .= '<div>Section ID: ' . $Section_ID . '</div>';
$output .= '<div>Section Title: ' . $Section_Title . '</div>';
$output .= '<div>Section Type: ' . ($Timeline_Type == "event" ? "Event" : "Break") . '</div>';
$output .= '</div>';
$output .= '<div class="clearFixMe"></div>';
$output .= '</div>';
$output .= '</div>';
}
echo $output;
// Clear Out all Variables
foreach ($custom_fields_array as $index => $array) {
${$custom_fields_array[$index]['name']} = "";
unset(${$custom_fields_array[$index]['name']});
}
$custom_fields_array = '';
$timeline_array = '';
$category_fields = '';
$media_string = '';
$output = '';
$myvariable = ob_get_clean();
return $myvariable;
}
function TS_VCSC_Page_Background_Function($atts)
{
global $VISUAL_COMPOSER_EXTENSIONS;
ob_start();
if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode == "true") {
$frontend = "true";
} else {
$frontend = "false";
}
wp_enqueue_style('ts-visual-composer-extend-front');
wp_enqueue_script('ts-visual-composer-extend-front');
extract(shortcode_atts(array('type' => 'image', 'video_youtube' => '', 'video_mute' => 'true', 'video_loop' => 'false', 'video_start' => 'false', 'video_stop' => 'true', 'video_controls' => 'true', 'video_raster' => 'false', 'video_mp4' => '', 'video_ogv' => '', 'video_webm' => '', 'video_image' => '', 'fixed_image' => '', 'trianglify_colorsx' => 'random', 'trianglify_colorsy' => 'match_x', 'trianglify_generatorx' => '', 'trianglify_generatory' => '', 'trianglify_cellsize' => 50, 'trianglify_variance' => 0.75, 'slide_images' => '', 'slide_auto' => 'true', 'slide_controls' => 'true', 'slide_shuffle' => 'false', 'slide_delay' => 5000, 'slide_bar' => 'true', 'slide_transition' => 'random', 'slide_switch' => 2000, 'slide_animation' => 'null', 'slide_halign' => 'center', 'slide_valign' => 'center', 'allow_mobile' => 'false', 'raster_use' => 'false', 'raster_type' => '', 'overlay_use' => 'false', 'overlay_color' => 'rgba(30,115,190,0.25)', 'overlay_opacity' => 25, 'el_id' => '', 'el_class' => '', 'css' => ''), $atts));
$randomizer = mt_rand(999999, 9999999);
if (!empty($el_id)) {
$background_id = $el_id;
} else {
$background_id = 'ts-vcsc-pageback-' . $randomizer;
}
$output = '';
if ($frontend == "false") {
if ($type == "triangle") {
wp_enqueue_script('ts-extend-trianglify');
} else {
if ($type == "slideshow") {
wp_enqueue_style('ts-extend-vegas');
wp_enqueue_script('ts-extend-vegas');
} else {
if ($type == "youtube") {
wp_enqueue_style('ts-extend-ytplayer');
wp_enqueue_script('ts-extend-ytplayer');
} else {
if ($type == "video") {
wp_enqueue_style('ts-font-mediaplayer');
wp_enqueue_style('ts-extend-wallpaper');
wp_enqueue_script('ts-extend-wallpaper');
}
}
}
}
}
if (function_exists('vc_shortcode_custom_css_class')) {
$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, '' . vc_shortcode_custom_css_class($css, ' '), 'TS_VCSC_Page_Background', $atts);
} else {
$css_class = '';
}
if ($type == "image") {
if ($frontend == "true") {
$image_path = wp_get_attachment_image_src($fixed_image, 'thumbnail');
} else {
if ($frontend == "false") {
$image_path = wp_get_attachment_image_src($fixed_image, 'full');
}
}
$image_path = $image_path[0];
if ($raster_use == "true" && $raster_type != '') {
$raster_content = '<div class="ts-background-raster" style="background-image: url(' . $raster_type . ');"></div>';
} else {
$raster_content = '';
}
if ($overlay_use == "true" && $overlay_color != '') {
$overlay_content = '<div class="ts-background-overlay" style="background: ' . $overlay_color . ';"></div>';
} else {
$overlay_content = '';
}
if ($frontend == "true") {
$output .= '<div id="' . $background_id . '" class="ts-pageback-image-edit ' . $css_class . ' ' . $el_class . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-image="' . $image_path . '" data-controls="' . $video_controls . '" data-raster="' . $video_raster . '">';
$output .= '<img class="ts-background-image-holder-edit" src="' . $image_path . '">';
$output .= '<div class="ts-pageback-title">TS Page Background</div>';
$output .= '<div class="ts-pageback-notes">' . __("Background Type", "ts_visual_composer_extend") . ': ' . __("Fixed Image", "ts_visual_composer_extend") . '</div>';
$output .= '<div class="ts-pageback-notes">' . __("Background Image", "ts_visual_composer_extend") . ': ' . $fixed_image . '</div>';
$output .= '</div>';
} else {
$output = '<div id="' . $background_id . '" class="ts-pageback-image ' . $css_class . ' ' . $el_class . '" data-mobile="' . $allow_mobile . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-image="' . $image_path . '" data-controls="' . $video_controls . '" data-raster="' . $video_raster . '">';
$output .= '<img class="ts-background-image-holder" src="' . $image_path . '">';
$output .= $overlay_content;
$output .= $raster_content;
$output .= '</div>';
}
}
if ($type == "slideshow") {
if ($raster_use == "true" && $raster_type != '') {
$raster_content = '<div class="ts-background-raster" style="background-image: url(' . $raster_type . ');"></div>';
} else {
$raster_content = '';
}
if ($overlay_use == "true" && $overlay_color != '') {
$overlay_content = '<div class="ts-background-overlay" style="background: ' . $overlay_color . ';"></div>';
} else {
$overlay_content = '';
}
if ($frontend == "true") {
$output .= '<div id="' . $background_id . '" class="ts-pageback-slideshow-edit ' . $css_class . ' ' . $el_class . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '">';
$slide_images = explode(',', $slide_images);
$i = 0;
foreach ($slide_images as $single_image) {
$i++;
$slide_image = wp_get_attachment_image_src($single_image, 'thumbnail');
$output .= '<img class="ts-background-image-holder-edit" src="' . $slide_image[0] . '" style="display: inline-block; width: 100px; height: 100px; margin: 0 5px 0 0;">';
}
$output .= '<div class="ts-pageback-title">TS Page Background</div>';
$output .= '<div class="ts-pageback-notes">' . __("Background Type", "ts_visual_composer_extend") . ': ' . __("Fixed Image", "ts_visual_composer_extend") . '</div>';
$output .= '<div class="ts-pageback-notes">' . __("Background Images", "ts_visual_composer_extend") . ': ' . implode(',', $slide_images) . '</div>';
$output .= '</div>';
} else {
$slider_settings = 'data-initialized="false" data-autoplay="' . $slide_auto . '" data-playing="' . $slide_auto . '" data-halign="' . $slide_halign . '" data-valign="' . $slide_valign . '" data-controls="' . $slide_controls . '" data-shuffle="' . $slide_shuffle . '" data-delay="' . $slide_delay . '" data-bar="' . $slide_bar . '" data-transition="' . $slide_transition . '" data-switch="' . $slide_switch . '" data-animation="' . $slide_animation . '"';
$output = '<div id="' . $background_id . '" class="ts-pageback-slideshow ' . $css_class . ' ' . $el_class . '" data-mobile="' . $allow_mobile . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" ' . $slider_settings . '>';
$slide_images = explode(',', $slide_images);
$fixed_image = '';
$i = 0;
foreach ($slide_images as $single_image) {
$i++;
$slide_image = wp_get_attachment_image_src($single_image, 'full');
if ($i == 1) {
$fixed_image = $slide_image[0];
}
$output .= '<div class="ts-background-slideshow-holder" style="display: none;" data-image="' . $slide_image[0] . '" data-width="' . $slide_image[1] . '" data-height="' . $slide_image[2] . '" data-ratio="' . $slide_image[1] / $slide_image[2] . '"></div>';
}
$output .= '<div class="ts-background-slideshow-wrapper"></div>';
$output .= '<img class="ts-background-image-holder" src="' . $fixed_image . '" style="display: none;">';
$output .= $overlay_content;
$output .= $raster_content;
if ($slide_controls == 'true') {
// Left / Right Navigation
$output .= '<nav id="nav-arrows-' . $randomizer . '" class="ts-background-slideshow-navigation nav-arrows">';
$output .= '<span class="nav-arrow-prev" style="text-indent: -90000px;">Previous</span>';
$output .= '<span class="nav-arrow-next" style="text-indent: -90000px;">Next</span>';
$output .= '</nav>';
}
if ($slide_auto == 'true') {
// Auto-Play Controls
$output .= '<nav id="nav-auto-' . $randomizer . '" class="ts-background-slideshow-playpause nav-auto">';
$output .= '<span class="nav-auto-play" style="display: none; text-indent: -90000px;">Play</span>';
$output .= '<span class="nav-auto-pause" style="text-indent: -90000px;">Pause</span>';
$output .= '</nav>';
}
$output .= '</div>';
}
}
if ($type == "triangle") {
$trianglify_predefined = array("YlGn" => "#ffffe5,#f7fcb9,#d9f0a3,#addd8e,#78c679,#41ab5d,#238443,#006837,#004529", "YlGnBu" => "#ffffd9,#edf8b1,#c7e9b4,#7fcdbb,#41b6c4,#1d91c0,#225ea8,#253494,#081d58", "GnBu" => "#f7fcf0,#e0f3db,#ccebc5,#a8ddb5,#7bccc4,#4eb3d3,#2b8cbe,#0868ac,#084081", "BuGn" => "#f7fcfd,#e5f5f9,#ccece6,#99d8c9,#66c2a4,#41ae76,#238b45,#006d2c,#00441b", "PuBuGn" => "#fff7fb,#ece2f0,#d0d1e6,#a6bddb,#67a9cf,#3690c0,#02818a,#016c59,#014636", "PuBu" => "#fff7fb,#ece7f2,#d0d1e6,#a6bddb,#74a9cf,#3690c0,#0570b0,#045a8d,#023858", "BuPu" => "#f7fcfd,#e0ecf4,#bfd3e6,#9ebcda,#8c96c6,#8c6bb1,#88419d,#810f7c,#4d004b", "RdPu" => "#fff7f3,#fde0dd,#fcc5c0,#fa9fb5,#f768a1,#dd3497,#ae017e,#7a0177,#49006a", "PuRd" => "#f7f4f9,#e7e1ef,#d4b9da,#c994c7,#df65b0,#e7298a,#ce1256,#980043,#67001f", "OrRd" => "#fff7ec,#fee8c8,#fdd49e,#fdbb84,#fc8d59,#ef6548,#d7301f,#b30000,#7f0000", "YlOrRd" => "#ffffcc,#ffeda0,#fed976,#feb24c,#fd8d3c,#fc4e2a,#e31a1c,#bd0026,#800026", "YlOrBr" => "#ffffe5,#fff7bc,#fee391,#fec44f,#fe9929,#ec7014,#cc4c02,#993404,#662506", "Purples" => "#fcfbfd,#efedf5,#dadaeb,#bcbddc,#9e9ac8,#807dba,#6a51a3,#54278f,#3f007d", "Blues" => "#f7fbff,#deebf7,#c6dbef,#9ecae1,#6baed6,#4292c6,#2171b5,#08519c,#08306b", "Greens" => "#f7fcf5,#e5f5e0,#c7e9c0,#a1d99b,#74c476,#41ab5d,#238b45,#006d2c,#00441b", "Oranges" => "#fff5eb,#fee6ce,#fdd0a2,#fdae6b,#fd8d3c,#f16913,#d94801,#a63603,#7f2704", "Reds" => "#fff5f0,#fee0d2,#fcbba1,#fc9272,#fb6a4a,#ef3b2c,#cb181d,#a50f15,#67000d", "Greys" => "#ffffff,#f0f0f0,#d9d9d9,#bdbdbd,#969696,#737373,#525252,#252525,#000000", "PuOr" => "#7f3b08,#b35806,#e08214,#fdb863,#fee0b6,#f7f7f7,#d8daeb,#b2abd2,#8073ac,#542788,#2d004b", "BrBG" => "#543005,#8c510a,#bf812d,#dfc27d,#f6e8c3,#f5f5f5,#c7eae5,#80cdc1,#35978f,#01665e,#003c30", "PRGn" => "#40004b,#762a83,#9970ab,#c2a5cf,#e7d4e8,#f7f7f7,#d9f0d3,#a6dba0,#5aae61,#1b7837,#00441b", "PiYG" => "#8e0152,#c51b7d,#de77ae,#f1b6da,#fde0ef,#f7f7f7,#e6f5d0,#b8e186,#7fbc41,#4d9221,#276419", "RdBu" => "#67001f,#b2182b,#d6604d,#f4a582,#fddbc7,#f7f7f7,#d1e5f0,#92c5de,#4393c3,#2166ac,#053061", "RdGy" => "#67001f,#b2182b,#d6604d,#f4a582,#fddbc7,#ffffff,#e0e0e0,#bababa,#878787,#4d4d4d,#1a1a1a", "RdYlBu" => "#a50026,#d73027,#f46d43,#fdae61,#fee090,#ffffbf,#e0f3f8,#abd9e9,#74add1,#4575b4,#313695", "Spectral" => "#9e0142,#d53e4f,#f46d43,#fdae61,#fee08b,#ffffbf,#e6f598,#abdda4,#66c2a5,#3288bd,#5e4fa2", "RdYlGn" => "#a50026,#d73027,#f46d43,#fdae61,#fee08b,#ffffbf,#d9ef8b,#a6d96a,#66bd63,#1a9850,#006837", "Accent" => "#7fc97f,#beaed4,#fdc086,#ffff99,#386cb0,#f0027f,#bf5b17,#666666", "Dark2" => "#1b9e77,#d95f02,#7570b3,#e7298a,#66a61e,#e6ab02,#a6761d,#666666", "Paired" => "#a6cee3,#1f78b4,#b2df8a,#33a02c,#fb9a99,#e31a1c,#fdbf6f,#ff7f00,#cab2d6,#6a3d9a,#ffff99,#b15928", "Pastel1" => "#fbb4ae,#b3cde3,#ccebc5,#decbe4,#fed9a6,#ffffcc,#e5d8bd,#fddaec,#f2f2f2", "Pastel2" => "#b3e2cd,#fdcdac,#cbd5e8,#f4cae4,#e6f5c9,#fff2ae,#f1e2cc,#cccccc", "Set1" => "#e41a1c,#377eb8,#4daf4a,#984ea3,#ff7f00,#ffff33,#a65628,#f781bf,#999999", "Set2" => "#66c2a5,#fc8d62,#8da0cb,#e78ac3,#a6d854,#ffd92f,#e5c494,#b3b3b3", "Set3" => "#8dd3c7,#ffffb3,#bebada,#fb8072,#80b1d3,#fdb462,#b3de69,#fccde5,#d9d9d9,#bc80bd,#ccebc5,#ffed6f");
// Horizontal Pattern
if ($trianglify_colorsx == "random") {
//$trianglify_random = rand(0, count($trianglify_predefined) - 1);
//$trianglify_allkeys = array_keys($trianglify_predefined)[$trianglify_random];
//$trianglify_stringx = $trianglify_predefined[$trianglify_allkeys];
$trianglify_stringx = $trianglify_predefined[array_rand($trianglify_predefined)];
} else {
if ($trianglify_colorsx == "custom") {
$trianglify_array = explode(";", $trianglify_generatorx);
$trianglify_array = TS_VCSC_GetContentsBetween($trianglify_array[0], 'color-stop(', ')');
$trianglify_stringx = array();
$trianglyfy_position = 0;
foreach ($trianglify_array as $key => $value) {
//$trianglify_stringx[] = "#" . substr($value, (strrpos($value, '#') ? : -1) + 1) . "";
//$trianglify_stringx[] = "#" . substr($value, (strrpos($value, '#') ? strrpos($value, '#') : -1) + 1) . "";
$trianglyfy_position = TS_VCSC_STRRPOS_String($value, '#', 0);
$trianglify_stringx[] = "#" . substr($value, ($trianglyfy_position != false ? $trianglyfy_position : -1) + 1) . "";
}
$trianglify_stringx = implode(",", $trianglify_stringx);
} else {
$trianglify_stringx = $trianglify_predefined[$trianglify_colorsx];
}
}
// Vertical Pattern
if ($trianglify_colorsy == "match_x") {
$trianglify_stringy = $trianglify_stringx;
} else {
if ($trianglify_colorsy == "random") {
//$trianglify_random = rand(0, count($trianglify_predefined) - 1);
//$trianglify_allkeys = array_keys($trianglify_predefined)[$trianglify_random];
//$trianglify_stringy = $trianglify_predefined[$trianglify_allkeys];
$trianglify_stringy = $trianglify_predefined[array_rand($trianglify_predefined)];
} else {
if ($trianglify_colorsy == "custom") {
$trianglify_array = explode(";", $trianglify_generatory);
$trianglify_array = TS_VCSC_GetContentsBetween($trianglify_array[0], 'color-stop(', ')');
$trianglify_stringy = array();
$trianglyfy_position = 0;
foreach ($trianglify_array as $key => $value) {
//$trianglify_stringy[] = "#" . substr($value, (strrpos($value, '#') ? : -1) + 1) . "";
//$trianglify_stringy[] = "#" . substr($value, (strrpos($value, '#') ? strrpos($value, '#') : -1) + 1) . "";
$trianglyfy_position = TS_VCSC_STRRPOS_String($value, '#', 0);
$trianglify_stringy[] = "#" . substr($value, ($trianglyfy_position != false ? $trianglyfy_position : -1) + 1) . "";
}
$trianglify_stringy = implode(",", $trianglify_stringy);
} else {
$trianglify_stringy = $trianglify_predefined[$trianglify_colorsy];
}
}
}
if ($raster_use == "true" && $raster_type != '') {
$raster_content = '<div class="ts-background-raster" style="background-image: url(' . $raster_type . ');"></div>';
} else {
$raster_content = '';
}
if ($overlay_use == "true" && $overlay_color != '') {
$overlay_content = '<div class="ts-background-overlay" style="background: ' . $overlay_color . ';"></div>';
} else {
$overlay_content = '';
}
if ($frontend == "true") {
$output .= '<div id="' . $background_id . '" class="ts-pageback-trianglify-edit ' . $css_class . ' ' . $el_class . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-raster="' . $video_raster . '">';
$output .= '<div class="ts-pageback-title">TS Page Background</div>';
$output .= '<div class="ts-pageback-notes">' . __("Background Type", "ts_visual_composer_extend") . ': ' . __("Trianglify Pattern", "ts_visual_composer_extend") . '</div>';
$output .= '</div>';
} else {
$output = '<div id="' . $background_id . '" class="ts-pageback-trianglify ' . $css_class . ' ' . $el_class . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-cellsize="' . $trianglify_cellsize . '" data-variance="' . $trianglify_variance . '" data-colorsx="' . $trianglify_stringx . '" data-colorsy="' . $trianglify_stringy . '" data-raster="' . $video_raster . '">';
$output .= '<div class="ts-background-trianglify-holder"></div>';
$output .= $overlay_content;
$output .= $raster_content;
$output .= '</div>';
}
}
if ($type == "youtube") {
if (preg_match('~((http|https|ftp|ftps)://|www.)(.+?)~', $video_youtube)) {
$content_youtube = $video_youtube;
} else {
$content_youtube = 'https://www.youtube.com/watch?v=' . $video_youtube;
}
$youtube_image = TS_VCSC_VideoImage_Youtube($content_youtube);
if ($frontend == "true") {
$output .= '<div id="' . $background_id . '" class="ts-pageback-image-edit ' . $css_class . ' ' . $el_class . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-raster="' . $raster_type . '" data-overlay="' . $overlay_color . '" data-image="' . $youtube_image . '" data-controls="' . $video_controls . '" data-raster="' . $video_raster . '">';
if ($youtube_image != '') {
$output .= '<img class="ts-background-image-holder-edit" src="' . $youtube_image . '">';
}
$output .= '<div class="ts-pageback-title">TS Page Background</div>';
$output .= '<div class="ts-pageback-notes">' . __("Background Type", "ts_visual_composer_extend") . ': ' . __("YouTube Video", "ts_visual_composer_extend") . '</div>';
$output .= '<div class="ts-pageback-notes">' . __("YouTube Video ID", "ts_visual_composer_extend") . ': ' . $video_youtube . '</div>';
$output .= '</div>';
} else {
$output = '<div id="' . $background_id . '" class="ts-pageback-youtube ' . $css_class . ' ' . $el_class . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-image="' . $youtube_image . '" data-video="' . $video_youtube . '" data-controls="' . $video_controls . '" data-start="' . $video_start . '" data-raster="' . $video_raster . '" data-mute="' . $video_mute . '" data-loop="' . $video_loop . '"></div>';
}
}
if ($type == "video") {
if ($video_image != '') {
$image_path = wp_get_attachment_image_src($video_image, 'full');
$image_path = $image_path[0];
} else {
$image_path = '';
}
if ($frontend == "true") {
$output .= '<div id="' . $background_id . '" class="ts-pageback-image-edit ' . $css_class . ' ' . $el_class . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-raster="' . $raster_type . '" data-overlay="' . $overlay_color . '" data-image="' . $image_path . '" data-controls="' . $video_controls . '" data-raster="' . $video_raster . '">';
if ($image_path != '') {
$output .= '<img class="ts-background-image-holder-edit" src="' . $image_path . '">';
}
$output .= '<div class="ts-pageback-title">TS Page Background</div>';
$output .= '<div class="ts-pageback-notes">' . __("Background Type", "ts_visual_composer_extend") . ': ' . __("Selfhosted Video", "ts_visual_composer_extend") . '</div>';
$output .= '<div class="ts-pageback-notes">' . __("MP4 Video", "ts_visual_composer_extend") . ': ' . $video_mp4 . '</div>';
$output .= '<div class="ts-pageback-notes">' . __("WEBM Video", "ts_visual_composer_extend") . ': ' . $video_webm . '</div>';
$output .= '<div class="ts-pageback-notes">' . __("OGV Video", "ts_visual_composer_extend") . ': ' . $video_ogv . '</div>';
$output .= '</div>';
} else {
$output = '<div id="' . $background_id . '" class="ts-pageback-video ' . $css_class . ' ' . $el_class . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-raster="' . ($raster_use == "true" && $raster_type != '' ? $raster_type : "") . '" data-overlay="' . ($overlay_use == "true" && $overlay_color != '' ? $overlay_color : "") . '" data-mp4="' . $video_mp4 . '" data-ogv="' . $video_ogv . '" data-webm="' . $video_webm . '" data-image="' . $image_path . '" data-controls="' . $video_controls . '" data-start="' . $video_start . '" data-raster="' . $video_raster . '" data-mute="' . $video_mute . '" data-loop="' . $video_loop . '">';
$output .= '<div class="ts-background-video-holder"></div>';
$output .= '</div>';
}
}
echo $output;
$myvariable = ob_get_clean();
return $myvariable;
}
function TS_VCSC_Timeline_Function_Single($atts, $content = null)
{
global $VISUAL_COMPOSER_EXTENSIONS;
ob_start();
extract(shortcode_atts(array('full_width' => 'false', 'featured_media' => 'none', 'featured_image' => '', 'featured_image_alt' => '', 'featured_slider' => '', 'featured_youtube_url' => '', 'featured_youtube_related' => 'false', 'featured_youtube_play' => 'false', 'featured_dailymotion_url' => '', 'featured_dailymotion_play' => 'false', 'featured_vimeo_url' => '', 'featured_vimeo_play' => 'false', 'featured_media_height' => 'height: 100%;', 'featured_media_width' => 100, 'featured_media_align' => 'center', 'link' => '', 'tooltip_css' => 'false', 'tooltip_position' => 'ts-simptip-position-top', 'tooltip_style' => '', 'button_align' => 'center', 'button_width' => 100, 'button_type' => 'square', 'button_square' => 'ts-button-3d', 'button_rounded' => 'ts-button-3d ts-button-rounded', 'button_pill' => 'ts-button-3d ts-button-pill', 'button_circle' => 'ts-button-3d ts-button-circle', 'button_size' => '', 'button_wrapper' => 'false', 'button_text' => '', 'button_change' => 'false', 'button_color' => '#666666', 'button_font' => 18, 'thumbnail_position' => 'bottom', 'thumbnail_height' => 100, 'lightbox_featured' => 'true', 'lightbox_group' => 'true', 'lightbox_group_name' => '', 'lightbox_size' => 'full', 'lightbox_effect' => 'random', 'lightbox_autoplay' => 'false', 'lightbox_speed' => 5000, 'lightbox_social' => 'true', 'lightbox_backlight' => 'auto', 'lightbox_backlight_color' => '#ffffff', 'number_images' => 1, 'auto_height' => 'true', 'page_rtl' => 'false', 'auto_play' => 'false', 'show_bar' => 'false', 'bar_color' => '#dd3333', 'show_speed' => 5000, 'stop_hover' => 'true', 'show_navigation' => 'true', "items_loop" => 'false', 'animation_in' => 'ts-viewport-css-flipInX', 'animation_out' => 'ts-viewport-css-slideOutDown', 'animation_mobile' => 'false', 'date_text' => '', 'title_text' => '', 'title_align' => 'center', 'title_color' => '#7c7979', 'icon' => '', 'icon_color' => '#7c7979', 'el_id' => '', 'el_class' => '', 'css' => ''), $atts));
$media_string = '';
$output = '';
$randomizer = mt_rand(999999, 9999999);
if (!empty($el_id)) {
$timeline_id = $el_id;
} else {
$timeline_id = 'ts-vcsc-timeline-item-' . $randomizer;
}
// Media Layout
if ($featured_media_align == "center") {
$image_alignment = "margin: 5px auto; float: none;";
} else {
if ($featured_media_align == "left") {
$image_alignment = "margin: 5px 0; float: left;";
} else {
if ($featured_media_align == "right") {
$image_alignment = "margin: 5px 0; float: right;";
}
}
}
$image_dimensions = 'width: 100%; height: auto;';
$parent_dimensions = 'width: ' . $featured_media_width . '%; ' . $featured_media_height;
if ($lightbox_backlight == "auto") {
$nacho_color = '';
} else {
if ($lightbox_backlight == "custom") {
$nacho_color = 'data-color="' . $lightbox_backlight_color . '"';
} else {
if ($lightbox_backlight == "hideit") {
$nacho_color = 'data-color="#000000"';
}
}
}
// Adjustment for Inline Edit Mode of VC
if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode == "true") {
$full_width = 'true';
$vcinline_active = 'true';
$vcinline_class = '';
$vcinline_slider = 'owl-carousel2-edit';
} else {
$full_width = $full_width;
$vcinline_active = 'false';
$vcinline_class = '';
$vcinline_slider = 'owl-carousel2';
}
// Featured Media: Image
if ($featured_media == 'image') {
if (!empty($featured_image)) {
$media_image = wp_get_attachment_image_src($featured_image, 'large');
$image_extension = pathinfo($media_image[0], PATHINFO_EXTENSION);
if ($featured_image_alt != "") {
$alt_attribute = $featured_image_alt;
} else {
$alt_attribute = basename($media_image[0], "." . $image_extension);
}
if ($lightbox_featured == "false") {
$media_string .= '<div class="ts-timeline-media" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
$media_string .= '<img class="" src="' . $media_image[0] . '" alt="' . $alt_attribute . '" style="max-width: ' . $media_image[1] . 'px; padding: 0; margin: 0 auto; display: block; ' . $image_dimensions . '">';
$media_string .= '</div>';
} else {
$media_string .= '<div class="ts-timeline-media nchgrid-item nchgrid-tile nch-lightbox-image" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
$media_string .= '<a href="' . $media_image[0] . '" class="nch-lightbox-media" data-title="' . $title_text . '" rel="' . ($lightbox_group == "true" ? "timelinegroup" : $lightbox_group_name) . '" data-effect="' . $lightbox_effect . '" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
$media_string .= '<img src="' . $media_image[0] . '" alt="' . $alt_attribute . '" title="" style="max-width: ' . $media_image[1] . 'px; padding: 0; margin: 0 auto; display: block; ' . $image_dimensions . '">';
$media_string .= '<div class="nchgrid-caption"></div>';
if (!empty($title_text)) {
$media_string .= '<div class="nchgrid-caption-text">' . $title_text . '</div>';
}
$media_string .= '</a>';
$media_string .= '</div>';
}
}
}
// Featured Media: Image Slider
if ($featured_media == 'slider') {
if (!empty($featured_slider)) {
$featured_slider = explode(',', $featured_slider);
$i = -1;
$b = 0;
$nachoLength = count($featured_slider) - 1;
// Add Progressbar
if ($auto_play == "true" && $show_bar == "true" && $frontend_edit == "false") {
$media_string .= '<div id="ts-owlslider-progressbar-' . $randomizer . '" class="ts-owlslider-progressbar-holder" style=""><div class="ts-owlslider-progressbar" style="background: ' . $bar_color . '; height: 100%; width: 0%;"></div></div>';
}
if ($auto_play == "true" && $show_bar == "true" || $show_navigation == "true") {
$slider_margin = 'margin-top: -10px;';
} else {
$slider_margin = 'margin-top: 5px;';
}
if (($auto_play == "true" || $show_navigation == "true") && count($featured_slider) > 1) {
$media_string .= '<div id="ts-owlslider-controls-' . $randomizer . '" class="ts-owlslider-controls">';
if ($show_navigation == "true") {
$media_string .= '<div id="ts-owlslider-controls-next-' . $randomizer . '" class="ts-owlslider-controls-next"><span class="ts-ecommerce-arrowright5"></span></div>';
$media_string .= '<div id="ts-owlslider-controls-prev-' . $randomizer . '" class="ts-owlslider-controls-prev"><span class="ts-ecommerce-arrowleft5"></span></div>';
}
if ($auto_play == "true") {
$media_string .= '<div id="ts-owlslider-controls-play-' . $randomizer . '" class="ts-owlslider-controls-play active"><span class="ts-ecommerce-pause"></span></div>';
}
$media_string .= '</div>';
}
$media_string .= '<div id="ts-timeline-gallery-slider-' . $randomizer . '" class="ts-timeline-gallery-slider ' . $vcinline_slider . '" style="' . $slider_margin . '" data-id="' . $randomizer . '" data-items="' . $number_images . '" data-rtl="' . $page_rtl . '" data-loop="' . $items_loop . '" data-navigation="' . $show_navigation . '" data-mobile="' . $animation_mobile . '" data-animationin="' . $animation_in . '" data-animationout="' . $animation_out . '" data-height="' . $auto_height . '" data-play="' . $auto_play . '" data-bar="' . $show_bar . '" data-color="' . $bar_color . '" data-speed="' . $show_speed . '" data-hover="' . $stop_hover . '">';
foreach ($featured_slider as $single_image) {
$i++;
$modal_image = wp_get_attachment_image_src($single_image, $lightbox_size);
$image_extension = pathinfo($modal_image[0], PATHINFO_EXTENSION);
if ($lightbox_featured == "false") {
if ($i == 0 && $vcinline_active == "true" || $vcinline_active == "false") {
$media_string .= '<div id="' . $timeline_id . '-' . $i . '-parent" class="' . $timeline_id . '-parent ' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-image" style="">';
$media_string .= '<img src="' . $modal_image[0] . '" style="max-width: ' . $modal_image[1] . 'px; padding: 0; margin: 0 auto; display: block; ' . $image_dimensions . '">';
$media_string .= '<div class="nchgrid-caption"></div>';
$media_string .= '</div>';
}
} else {
if ($i == $nachoLength && $vcinline_active == "false") {
$media_string .= '<div id="' . $timeline_id . '-' . $i . '-parent" class="' . $timeline_id . '-parent ' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-image" style="">';
$media_string .= '<a id="' . $timeline_id . '-' . $i . '" href="' . $modal_image[0] . '" data-title="" class="nch-lightbox-media ts-hover-image ' . $timeline_id . '-slider-image" rel="' . ($lightbox_group == "true" ? "timelinegroup" : $lightbox_group_name) . '" data-effect="' . $lightbox_effect . '" data-share="f" data-autoplay="' . ($lightbox_autoplay == "true" ? 1 : 0) . '" data-duration="' . $lightbox_speed . '" data-thumbsize="' . $thumbnail_height . '" data-thumbs="' . $thumbnail_position . '" ' . $nacho_color . '>';
$media_string .= '<img src="' . $modal_image[0] . '" style="max-width: ' . $modal_image[1] . 'px; padding: 0; margin: 0 auto; display: block; ' . $image_dimensions . '">';
$media_string .= '<div class="nchgrid-caption"></div>';
$media_string .= '</a>';
$media_string .= '</div>';
} else {
if ($i == 0 && $vcinline_active == "true" || $vcinline_active == "false") {
$media_string .= '<div id="' . $timeline_id . '-' . $i . '-parent" class="' . $timeline_id . '-parent ' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-image" style="">';
$media_string .= '<a id="' . $timeline_id . '-' . $i . '" href="' . $modal_image[0] . '" data-title="" class="nch-lightbox-media ts-hover-image ' . $timeline_id . '-slider-image" rel="' . ($lightbox_group == "true" ? "timelinegroup" : $lightbox_group_name) . '" data-effect="' . $lightbox_effect . '" ' . $nacho_color . '>';
$media_string .= '<img src="' . $modal_image[0] . '" style="max-width: ' . $modal_image[1] . 'px; padding: 0; margin: 0 auto; display: block; ' . $image_dimensions . '">';
$media_string .= '<div class="nchgrid-caption"></div>';
$media_string .= '</a>';
$media_string .= '</div>';
}
}
}
}
$media_string .= '</div>';
}
}
// Featured Media: YouTube
if ($featured_media == 'youtube_default' || $featured_media == 'youtube_custom' || $featured_media == 'youtube_embed') {
if (preg_match('~((http|https|ftp|ftps)://|www.)(.+?)~', $featured_youtube_url)) {
$featured_youtube_url = $featured_youtube_url;
} else {
$featured_youtube_url = 'https://www.youtube.com/watch?v=' . $featured_youtube_url;
}
if ($featured_youtube_play == "true") {
$video_autoplay = '?autoplay=1';
} else {
$video_autoplay = '?autoplay=0';
}
if ($featured_youtube_related == "true") {
$video_related = '&rel=1';
} else {
$video_related = '&rel=0';
}
if ($featured_media == 'youtube_default') {
$media_image = TS_VCSC_VideoImage_Youtube($featured_youtube_url);
$media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-youtube" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
$media_string .= '<a href="' . $featured_youtube_url . '" class="nch-lightbox-media" data-title="' . $title_text . '" data-related="' . $video_related . '" data-videoplay="' . $video_autoplay . '" data-type="youtube" rel="' . ($lightbox_group == "true" ? "timelinegroup" : $lightbox_group_name) . '" data-effect="' . $lightbox_effect . '" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
$media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
$media_string .= '<div class="nchgrid-caption"></div>';
if (!empty($title_text)) {
$media_string .= '<div class="nchgrid-caption-text">' . $title_text . '</div>';
}
$media_string .= '</a>';
$media_string .= '</div>';
} else {
if ($featured_media == 'youtube_custom') {
if (!empty($featured_image)) {
$media_image = wp_get_attachment_image_src($featured_image, 'full');
$media_image = $media_image[0];
$image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
if ($featured_image_alt != "") {
$alt_attribute = $featured_image_alt;
} else {
$alt_attribute = basename($media_image, "." . $image_extension);
}
} else {
$media_image = TS_VCSC_GetResourceURL('images/defaults/default_youtube.jpg');
$image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
if ($featured_image_alt != "") {
$alt_attribute = $featured_image_alt;
} else {
$alt_attribute = basename($media_image, "." . $image_extension);
}
}
$media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-youtube" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
$media_string .= '<a href="' . $featured_youtube_url . '" class="nch-lightbox-media" data-title="' . $title_text . '" data-related="' . $video_related . '" data-videoplay="' . $video_autoplay . '" data-type="youtube" rel="' . ($lightbox_group == "true" ? "timelinegroup" : $lightbox_group_name) . '" data-effect="' . $lightbox_effect . '" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
$media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
$media_string .= '<div class="nchgrid-caption"></div>';
if (!empty($title_text)) {
$media_string .= '<div class="nchgrid-caption-text">' . $title_text . '</div>';
}
$media_string .= '</a>';
$media_string .= '</div>';
} else {
if ($featured_media == 'youtube_embed') {
$video_id = TS_VCSC_VideoID_Youtube($featured_youtube_url);
$media_string .= '<div class="ts-video-container" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
$media_string .= '<iframe width="100%" height="auto" src="//www.youtube.com/embed/' . $video_id . $video_autoplay . $video_related . '&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
$media_string .= '</div>';
}
}
}
}
// Featured Media: DailyMotion
if ($featured_media == 'dailymotion_default' || $featured_media == 'dailymotion_custom' || $featured_media == 'dailymotion_embed') {
if (preg_match('~((http|https|ftp|ftps)://|www.)(.+?)~', $featured_dailymotion_url)) {
$featured_dailymotion_url = $featured_dailymotion_url;
} else {
$featured_dailymotion_url = 'http://www.dailymotion.com/video/' . $featured_dailymotion_url;
}
if ($featured_dailymotion_play == "true") {
$video_autoplay = '?autoplay=1';
} else {
$video_autoplay = '?autoplay=0';
}
if ($featured_media == 'dailymotion_default') {
$media_image = TS_VCSC_VideoImage_Motion($featured_dailymotion_url);
$media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-motion" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
$media_string .= '<a href="' . $featured_dailymotion_url . '" class="nch-lightbox-media" data-title="' . $title_text . '" data-videoplay="' . $video_autoplay . '" data-type="dailymotion" rel="' . ($lightbox_group == "true" ? "timelinegroup" : $lightbox_group_name) . '" data-effect="' . $lightbox_effect . '" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
$media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
$media_string .= '<div class="nchgrid-caption"></div>';
if (!empty($title_text)) {
$media_string .= '<div class="nchgrid-caption-text">' . $title_text . '</div>';
}
$media_string .= '</a>';
$media_string .= '</div>';
} else {
if ($featured_media == 'dailymotion_custom') {
if (!empty($featured_image)) {
$media_image = wp_get_attachment_image_src($featured_image, 'full');
$media_image = $media_image[0];
$image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
if ($featured_image_alt != "") {
$alt_attribute = $featured_image_alt;
} else {
$alt_attribute = basename($media_image, "." . $image_extension);
}
} else {
$media_image = TS_VCSC_GetResourceURL('images/defaults/default_motion.jpg');
$image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
if ($featured_image_alt != "") {
$alt_attribute = $featured_image_alt;
} else {
$alt_attribute = basename($media_image, "." . $image_extension);
}
}
$media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-motion" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
$media_string .= '<a href="' . $featured_dailymotion_url . '" class="nch-lightbox-media" data-title="' . $title_text . '" data-videoplay="' . $video_autoplay . '" data-type="dailymotion" rel="' . ($lightbox_group == "true" ? "timelinegroup" : $lightbox_group_name) . '" data-effect="' . $lightbox_effect . '" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
$media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
$media_string .= '<div class="nchgrid-caption"></div>';
if (!empty($title_text)) {
$media_string .= '<div class="nchgrid-caption-text">' . $title_text . '</div>';
}
$media_string .= '</a>';
$media_string .= '</div>';
} else {
if ($featured_media == 'dailymotion_embed') {
$video_id = TS_VCSC_VideoID_Motion($featured_dailymotion_url);
$media_string .= '<div class="ts-video-container" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
$media_string .= '<iframe width="100%" height="auto" src="http://www.dailymotion.com/embed/video/' . $video_id . $video_autoplay . '&forcedQuality=hq&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
$media_string .= '</div>';
}
}
}
}
// Featured Media: Vimeo
if ($featured_media == 'vimeo_default' || $featured_media == 'vimeo_custom' || $featured_media == 'vimeo_embed') {
if (preg_match('~((http|https|ftp|ftps)://|www.)(.+?)~', $featured_vimeo_url)) {
$featured_vimeo_url = $featured_vimeo_url;
} else {
$featured_vimeo_url = 'http://www.vimeo.com/video/' . $featured_vimeo_url;
}
if ($featured_vimeo_play == "true") {
$video_autoplay = '?autoplay=1';
} else {
$video_autoplay = '?autoplay=0';
}
if ($featured_media == 'vimeo_default') {
$media_image = TS_VCSC_VideoImage_Vimeo($featured_vimeo_url);
$media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-vimeo" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
$media_string .= '<a href="' . $featured_vimeo_url . '" class="nch-lightbox-media" data-title="' . $title_text . '" data-videoplay="' . $video_autoplay . '" data-type="vimeo" rel="' . ($lightbox_group == "true" ? "timelinegroup" : $lightbox_group_name) . '" data-effect="' . $lightbox_effect . '" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
$media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
$media_string .= '<div class="nchgrid-caption"></div>';
if (!empty($title_text)) {
$media_string .= '<div class="nchgrid-caption-text">' . $title_text . '</div>';
}
$media_string .= '</a>';
$media_string .= '</div>';
} else {
if ($featured_media == 'vimeo_custom') {
if (!empty($featured_image)) {
$media_image = wp_get_attachment_image_src($featured_image, 'full');
$media_image = $media_image[0];
$image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
if ($featured_image_alt != "") {
$alt_attribute = $featured_image_alt;
} else {
$alt_attribute = basename($media_image, "." . $image_extension);
}
} else {
$media_image = TS_VCSC_GetResourceURL('images/defaults/default_vimeo.jpg');
$image_extension = pathinfo($media_image, PATHINFO_EXTENSION);
if ($featured_image_alt != "") {
$alt_attribute = $featured_image_alt;
} else {
$alt_attribute = basename($media_image, "." . $image_extension);
}
}
$media_string .= '<div class="nch-holder nchgrid-item nchgrid-tile nch-lightbox-vimeo" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
$media_string .= '<a href="' . $featured_vimeo_url . '" class="nch-lightbox-media" data-title="' . $title_text . '" data-videoplay="' . $video_autoplay . '" data-type="vimeo" rel="' . ($lightbox_group == "true" ? "timelinegroup" : $lightbox_group_name) . '" data-effect="' . $lightbox_effect . '" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
$media_string .= '<img src="' . $media_image . '" title="" style="display: block; ' . $image_dimensions . '">';
$media_string .= '<div class="nchgrid-caption"></div>';
if (!empty($title_text)) {
$media_string .= '<div class="nchgrid-caption-text">' . $title_text . '</div>';
}
$media_string .= '</a>';
$media_string .= '</div>';
} else {
if ($featured_media == 'vimeo_embed') {
$video_id = TS_VCSC_VideoID_vimeo($featured_vimeo_url);
$media_string .= '<div class="ts-video-container" style="' . $parent_dimensions . '; ' . $image_alignment . '">';
$media_string .= '<iframe width="100%" height="auto" src="//player.vimeo.com/video/' . $video_id . $video_autoplay . '&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
$media_string .= '</div>';
}
}
}
}
// Link Button
if (!empty($link)) {
// Link Values
$link = $link == '||' ? '' : $link;
$link = vc_build_link($link);
$a_href = $link['url'];
$a_title = $link['title'];
$a_target = $link['target'];
// Tooltip
if ($tooltip_css == "true") {
if (strlen($a_title) != 0) {
$button_tooltipclasses = " ts-simptip-multiline " . $tooltip_style . " " . $tooltip_position;
$button_tooltipcontent = ' data-tstooltip="' . $a_title . '"';
} else {
$button_tooltipclasses = "";
$button_tooltipcontent = "";
}
} else {
$button_tooltipclasses = "";
if (strlen($a_title) != 0) {
$button_tooltipcontent = ' title="' . $a_title . '"';
} else {
$button_tooltipcontent = "";
}
}
// Button Type
if ($button_type == "square") {
$button_style = $button_square;
$button_font = '';
} else {
if ($button_type == "rounded") {
$button_style = $button_rounded;
$button_font = '';
} else {
if ($button_type == "pill") {
$button_style = $button_pill;
$button_font = '';
} else {
if ($button_type == "circle") {
$button_style = $button_circle;
$button_font = 'font-size: ' . $button_font . 'px;';
}
}
}
}
// Button Alignment
if ($button_align == "center") {
$button_align = 'text-align: center;';
} else {
if ($button_align == "left") {
$button_align = 'text-align: left';
} else {
if ($button_align == "right") {
$button_align = 'text-align: right';
}
}
}
// Button Text Color
if ($button_change == "true") {
$button_color = 'color: ' . $button_color . ';';
} else {
$button_color = '';
}
$button_string = '';
if (!empty($a_href)) {
$button_string .= '<div class="ts-button-parent ts-button-type-' . $button_type . '" style="' . $button_align . '">';
if ($button_wrapper == "true") {
$button_string .= '<div class="ts-button-wrap" style="">';
}
$button_string .= '<a href="' . $a_href . '" target="' . trim($a_target) . '" style="' . $button_font . ' width: ' . $button_width . '%;" class="ts-button ' . $button_style . ' ' . $button_size . ' ' . $button_tooltipclasses . '" ' . $button_tooltipcontent . '>';
$button_string .= '<span class="ts-button-text" style="display: inline; ' . $button_color . '">' . $button_text . '</span>';
$button_string .= '</a>';
if ($button_wrapper == "true") {
$button_string .= '</div>';
}
$button_string .= '</div>';
} else {
$link = '';
}
} else {
$button_string = '';
}
// Event Icon
if (empty($icon) && empty($content) && empty($featured_image)) {
$title_margin = 'margin: 0;';
} else {
$title_margin = '';
}
// Column Adjustment for Full Width Event
if ($full_width == "true" && empty($title_text) && (empty($icon) || $icon == "transparent") && empty($content) && empty($button_string)) {
$columnA_adjust = 'width: 100%; margin: 0;';
$columnB_adjust = 'display: none; width: 0;';
} else {
if ($full_width == "true" && $featured_media == "none") {
$columnA_adjust = 'display: none; width: 0; margin: 0;';
$columnB_adjust = 'width: 100%; margin: 0;';
} else {
$columnA_adjust = '';
$columnB_adjust = '';
}
}
// Margin Adjustment for Full Width Element
if ($full_width == "true" && !empty($date_text)) {
$margin_Adjust = 'margin: 25px 10px 0px 10px;';
} else {
if ($full_width == "true" && empty($date_text)) {
$margin_Adjust = 'margin: 0 10px;';
} else {
if (!empty($date_text)) {
$margin_Adjust = 'margin-top: 25px;';
} else {
$margin_Adjust = 'margin-top: 0;';
}
}
}
if (function_exists('vc_shortcode_custom_css_class')) {
$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, 'ts-timeline-list-item ' . $el_class . ' ' . vc_shortcode_custom_css_class($css, ' '), 'TS_VCSC_Timeline_Single', $atts);
} else {
$css_class = 'ts-timeline-list-item ' . $el_class;
}
if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode == "true") {
$vc_inline_style = ' display: block;';
} else {
$vc_inline_style = '';
}
$output .= '<li id="' . $timeline_id . '" class="' . $css_class . ' ' . ($full_width == "true" ? "ts-timeline-full" : "") . ' ' . (!empty($date_text) ? "ts-timeline-date-true" : "ts-timeline-date-false") . '" style="' . ($full_width == "true" ? "width: 100%;" : "") . ' ' . $vc_inline_style . '">';
$output .= '<div class="ts-timeline-column">';
$output .= '<div class="ts-timeline-text-wrap ' . (!empty($date_text) ? "ts-timeline-text-wrap-date" : "ts-timeline-text-wrap-nodate") . '" style="' . $margin_Adjust . '">';
if (!empty($date_text)) {
$output .= '<div class="ts-timeline-date"><span class="ts-timeline-date-connect"><span class="ts-timeline-date-text">' . $date_text . '</span></span></div>';
}
if ($full_width == "true") {
$output .= '<div class="ts-timeline-full-colA" style="' . $columnA_adjust . '">';
$output .= $media_string;
$output .= '</div>';
$output .= '<div class="ts-timeline-full-colB" style="' . $columnB_adjust . '">';
if (!empty($title_text)) {
$output .= '<h3 class="ts-timeline-title" style="color: ' . $title_color . '; text-align: ' . $title_align . '; ' . (empty($content) && empty($icon) ? "border: none; margin-bottom: 0; padding-bottom: 0;" : "") . ' ' . $title_margin . '">' . $title_text . '</h3>';
}
if (!empty($icon) && $icon != "transparent" || !empty($content) || !empty($link)) {
$output .= '<div style="width: 100%; display: block; float: left; position: relative; padding-bottom: 15px; ' . (empty($content) && !empty($icon) ? "height: 60px;" : "") . '">';
if (!empty($content)) {
$output .= '<div class="ts-timeline-text-wrap-inner" style="' . (empty($icon) ? "width: 100%; height: 100%; left: 0;" : " left: 0;") . '">';
if (function_exists('wpb_js_remove_wpautop')) {
$output .= '<div class="ts-timeline-text" style="">' . wpb_js_remove_wpautop(do_shortcode($content), true) . '</div>';
} else {
$output .= '<div class="ts-timeline-text" style="">' . do_shortcode($content) . '</div>';
}
$output .= '</div>';
}
if (!empty($icon) && $icon != "transparent") {
$output .= '<div class="ts-timeline-icon ts-timeline-icon-full" style="' . (empty($content) ? "display: inline-block; width: 100%; left: 0; margin: 0 0 0 2%;" : "left: 80%;") . '"><i class="' . $icon . '" style="color: ' . $icon_color . ';"></i></div>';
}
if (!empty($button_string)) {
$output .= '<div class="ts-timeline-button">';
$output .= $button_string;
$output .= '</div>';
}
$output .= '</div>';
}
$output .= '</div>';
} else {
$output .= $media_string;
if (!empty($title_text)) {
$output .= '<h3 class="ts-timeline-title" style="color: ' . $title_color . '; text-align: ' . $title_align . '; ' . (empty($content) && empty($icon) ? "border: none; margin-bottom: 0; padding-bottom: 0;" : "") . ' ' . $title_margin . '">' . $title_text . '</h3>';
}
if (!empty($icon) && $icon != "transparent" || !empty($content)) {
$output .= '<div style="width: 100%; display: block; float: left; position: relative; padding-bottom: 15px; ' . (empty($content) && !empty($icon) ? "height: 60px;" : "") . '">';
if (!empty($icon) && $icon != "transparent") {
$output .= '<div class="ts-timeline-icon ts-timeline-icon-half" style="' . (empty($content) ? "display: inline-block; width: 100%; left: 0;" : "") . '"><i class="' . $icon . '" style="color: ' . $icon_color . ';"></i></div>';
}
if (!empty($content)) {
$output .= '<div class="ts-timeline-text-wrap-inner" style="' . (empty($icon) ? "width: 100%; height: 100%; left: 0;" : "") . '">';
if (function_exists('wpb_js_remove_wpautop')) {
$output .= '<div class="ts-timeline-text" style="">' . wpb_js_remove_wpautop(do_shortcode($content), true) . '</div>';
} else {
$output .= '<div class="ts-timeline-text" style="">' . do_shortcode($content) . '</div>';
}
$output .= '</div>';
}
$output .= '</div>';
if (!empty($link)) {
$output .= '<div class="ts-timeline-button">';
$output .= $button_string;
$output .= '</div>';
}
}
}
$output .= '<div class="clearFixMe"></div>';
$output .= '</div>';
$output .= '</div>';
$output .= '</li>';
echo $output;
$myvariable = ob_get_clean();
return $myvariable;
}
function TS_VCSC_ComposerRowAdditions($output, $atts, $content = '')
{
global $VISUAL_COMPOSER_EXTENSIONS;
$TS_VCSC_RowToggleLimits = get_option('ts_vcsc_extend_settings_rowVisibilityLimits', $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_Row_Toggle_Defaults);
$TS_VCSC_RowOffsetSettings = get_option('ts_vcsc_extend_settings_additionsOffsets', 0);
ob_start();
extract(shortcode_atts(array('ts_row_bg_retrieve' => 'single', 'ts_row_bg_image' => '', 'ts_row_bg_group' => '', 'ts_row_bg_source' => 'full', 'ts_row_bg_effects' => '', 'ts_row_break_parents' => 0, 'ts_row_blur_strength' => '', 'ts_row_raster_use' => 'false', 'ts_row_raster_type' => '', 'ts_row_overlay_use' => 'false', 'ts_row_overlay_color' => 'rgba(30,115,190,0.25)', 'ts_row_overlay_opacity' => 25, 'ts_row_zindex' => 0, 'ts_row_min_height' => 100, 'ts_row_screen_height' => 'false', 'ts_row_screen_offset' => 0, 'svg_top_on' => 'false', 'svg_top_style' => '1', 'svg_top_height' => 100, 'svg_top_flip' => 'false', 'svg_top_position' => 0, 'svg_top_color1' => '#ffffff', 'svg_top_color2' => '#ededed', 'svg_bottom_on' => 'false', 'svg_bottom_style' => '1', 'svg_bottom_height' => 100, 'svg_bottom_flip' => 'false', 'svg_bottom_position' => 0, 'svg_bottom_color1' => '#ffffff', 'svg_bottom_color2' => '#ededed', 'ts_row_bg_position' => 'center', 'ts_row_bg_position_custom' => '', 'ts_row_bg_alignment_h' => 'center', 'ts_row_bg_alignment_v' => 'center', 'ts_row_bg_repeat' => 'no-repeat', 'ts_row_bg_size_parallax' => 'cover', 'ts_row_bg_size_standard' => 'cover', 'ts_row_parallax_type' => 'up', 'ts_row_parallax_speed' => 20, 'ts_row_parallax_fade' => 1000, 'ts_row_slide_images' => '', 'ts_row_slide_auto' => 'true', 'ts_row_slide_controls' => 'true', 'ts_row_slide_shuffle' => 'false', 'ts_row_slide_delay' => 5000, 'ts_row_slide_bar' => 'true', 'ts_row_slide_transition' => 'random', 'ts_row_slide_switch' => 2000, 'ts_row_slide_halign' => 'center', 'ts_row_slide_valign' => 'center', 'ts_row_kenburns_animation' => 'null', 'ts_row_automove_scroll' => 'true', 'ts_row_automove_align' => 'horizontal', 'ts_row_automove_path_v' => 'topbottom', 'ts_row_automove_path_h' => 'leftright', 'ts_row_automove_speed' => 75, 'ts_row_movement_x_allow' => 'true', 'ts_row_movement_x_ratio' => 20, 'ts_row_movement_y_allow' => 'true', 'ts_row_movement_y_ratio' => 20, 'ts_row_movement_content' => 'false', 'ts_margin_left' => 0, 'ts_margin_right' => 0, 'margin_left' => 0, 'margin_right' => 0, 'padding_top' => 30, 'padding_bottom' => 30, 'enable_mobile' => 'false', 'single_color' => '#ffffff', 'gradiant_advanced' => 'false', 'gradient_generator' => '', 'gradient_angle' => 0, 'gradient_color_start' => '#cccccc', 'gradient_start_offset' => 0, 'gradient_color_end' => '#cccccc', 'gradient_end_offset' => 100, 'trianglify_render' => 'canvas', 'trianglify_colorsx' => 'random', 'trianglify_colorsy' => 'match_x', 'trianglify_generatorx' => '', 'trianglify_generatory' => '', 'trianglify_cellsize' => 50, 'trianglify_variance' => 0.75, 'ts_particles_count' => 30, 'ts_particles_size_max' => 10, 'ts_particles_size_scale' => 'true', 'ts_particles_size_anim' => 'false', 'ts_particles_color' => '#ffffff', 'ts_particles_stroke_width' => 0, 'ts_particles_stroke_color' => '#000000', 'ts_particles_back_type' => 'color', 'ts_particles_back_color' => '#b61924', 'ts_particles_back_image' => '', 'ts_particles_back_repeat' => 'no-repeat', 'ts_particles_back_place' => 'center center', 'ts_particles_back_size' => 'cover', 'ts_particles_shape_source' => 'internal', 'ts_particles_shape_types' => 'circle', 'ts_particles_shape_image' => '', 'ts_particles_link_lines' => 'true', 'ts_particles_link_color' => '#ffffff', 'ts_particles_link_width' => 1, 'ts_particles_hover' => 'false', 'ts_particles_click' => 'false', 'ts_particles_move' => 'true', 'ts_particles_direction' => 'none', 'ts_particles_speed' => 6, 'ts_particles_random' => 'false', 'ts_particles_straight' => 'false', 'video_youtube' => '', 'video_background' => '', 'video_mute' => 'true', 'video_loop' => 'false', 'video_remove' => 'false', 'video_start' => 'false', 'video_hover' => 'false', 'video_stop' => 'true', 'video_controls' => 'true', 'video_raster' => 'false', 'video_mp4' => '', 'video_ogv' => '', 'video_webm' => '', 'video_image' => '', 'multi_effect' => 'fixed', 'multi_speed' => 1, 'ts_equalize_columns' => 'false', 'ts_equalize_align' => 'center', 'ts_equalize_stack' => 'false', 'animation_factor' => '0.33', 'animation_scroll' => 'false', 'animation_view' => '', 'animation_speed' => 2000, 'show_large' => 'true', 'show_medium' => 'true', 'show_small' => 'true', 'show_extra' => 'true', 'show_remove' => 'true'), $atts));
// Check for Frontend Editor Mode
if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode == "true") {
$frontend_edit = 'true';
} else {
$frontend_edit = 'false';
}
// Check if Extended Row Options Utilized
if ($ts_row_bg_effects != "" || !empty($animation_view) || $ts_equalize_columns == 'true') {
$extended_effects = "true";
} else {
$extended_effects = "false";
}
if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_LoadFrontEndWaypoints == "true" && $extended_effects == "true") {
if (wp_script_is('waypoints', $list = 'registered')) {
wp_enqueue_script('waypoints');
} else {
wp_enqueue_script('ts-extend-waypoints');
}
}
if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_LoadFrontEndForcable == "false" && $extended_effects == "true") {
wp_enqueue_style('ts-extend-animations');
wp_enqueue_style('ts-visual-composer-extend-front');
wp_enqueue_script('ts-visual-composer-extend-front');
}
$output = "";
$randomizer = mt_rand(999999, 9999999);
// Check for Row Padding/Margin Offsets
if ($TS_VCSC_RowOffsetSettings == 0) {
$row_offsetsallow = 'data-offsetsallow="false"';
$padding_top = '0';
$padding_bottom = '0';
$margin_left = $ts_margin_left;
$margin_right = $ts_margin_right;
} else {
$row_offsetsallow = 'data-offsetsallow="true"';
}
// Viewport Animations
if (!empty($animation_view)) {
$animation_css = "ts-viewport-css-" . $animation_view;
$output .= '<div class="ts-viewport-row ts-viewport-animation" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-scrollup = "' . $animation_scroll . '" data-factor="' . $animation_factor . '" data-viewport="' . $animation_css . '" data-speed="' . $animation_speed . '"></div>';
} else {
$animation_css = '';
}
// CSS3 Blur Effect
if ($ts_row_blur_strength != '') {
$blur_class = "ts-background-blur " . $ts_row_blur_strength;
if ($ts_row_blur_strength == "ts-background-blur-small") {
$blur_factor = 2;
} else {
if ($ts_row_blur_strength == "ts-background-blur-medium") {
$blur_factor = 5;
} else {
if ($ts_row_blur_strength == "ts-background-blur-strong") {
$blur_factor = 8;
}
}
}
} else {
$blur_class = "";
$blur_factor = 0;
}
// Raster (Noise) Overlay
if ($ts_row_raster_use == "true" && $ts_row_raster_type != '') {
$raster_content = '<div class="ts-background-raster" style="background-image: url(' . $ts_row_raster_type . ');"></div>';
} else {
$raster_content = '';
}
// Color Overlay
if ($ts_row_overlay_use == "true" && $ts_row_overlay_color != '') {
$overlay_content = '<div class="ts-background-overlay" style="background: ' . $ts_row_overlay_color . ';"></div>';
} else {
$overlay_content = '';
}
// SVG Shape Overlays
$svg_enabled = 'false';
if ($svg_top_on == "true") {
$svg_top_content = '<div id="ts-background-separator-top-' . $randomizer . '" class="ts-background-separator-container" style="height: ' . $svg_top_height . 'px; top: ' . $svg_top_position . 'px; bottom: auto; z-index: ' . (1 + $ts_row_zindex) . ';"><div class="ts-background-separator-wrap ts-background-separator-top' . ($svg_top_flip == "true" ? "-flip" : "") . '" data-random="' . $randomizer . '" data-height="' . $svg_top_height . '" data-position="top" style="height: ' . $svg_top_height . 'px;">' . TS_VCSC_GetRowSeparator($svg_top_style, $svg_top_color1, $svg_top_color2, $svg_top_height) . '</div></div>';
$svg_enabled = 'true';
} else {
$svg_top_content = '';
}
if ($svg_bottom_on == "true") {
$svg_bottom_content = '<div id="ts-background-separator-bottom-' . $randomizer . '" class="ts-background-separator-container" style="height: ' . $svg_bottom_height . 'px; top: auto; bottom: ' . $svg_bottom_position . 'px; z-index: ' . (1 + $ts_row_zindex) . ';"><div class="ts-background-separator-wrap ts-background-separator-bottom' . ($svg_bottom_flip == "true" ? "-flip" : "") . '" data-random="' . $randomizer . '" data-height="' . $svg_bottom_height . '" data-position="bottom" style="height: ' . $svg_bottom_height . 'px;">' . TS_VCSC_GetRowSeparator($svg_bottom_style, $svg_bottom_color1, $svg_bottom_color2, $svg_bottom_height) . '</div></div>';
$svg_enabled = 'true';
} else {
$svg_bottom_content = '';
}
// Column Equalize Settings
if ($ts_equalize_columns == 'true') {
$column_equalize_string = 'data-column-equalize="true" data-column-align="' . $ts_equalize_align . '" data-column-stack="' . $ts_equalize_stack . '"';
$column_equalize_class = 'ts-columns-equalize-enabled';
} else {
$column_equalize_string = 'data-column-equalize="false"';
$column_equalize_class = 'ts-columns-equalize-disabled';
}
// Row Toggle Settings
$row_toggle_limits = $TS_VCSC_RowToggleLimits;
$large_default = 'true';
$large_limit = $row_toggle_limits['Large Devices'];
$medium_default = 'true';
$medium_limit = $row_toggle_limits['Medium Devices'];
$small_default = 'true';
$small_limit = $row_toggle_limits['Small Devices'];
$extra_default = 'true';
$extra_limit = 0;
if (($large_default != $show_large || $medium_default != $show_medium || $small_default != $show_small || $extra_default != $show_extra) && $frontend_edit == "false") {
$row_toggle_trigger = 'true';
$row_toggle_class = $column_equalize_class . ' ts-composium-row-background ts-device-visibility';
$row_toggle_string = $column_equalize_string . ' data-width-current="" data-width-break="' . get_option('ts_vcsc_extend_settings_additionsRowEffectsBreak', '600') . '" data-showremove="' . $show_remove . '" data-largeshow="' . $show_large . '" data-largelimit="' . $large_limit . '" data-mediumshow="' . $show_medium . '" data-mediumlimit="' . $medium_limit . '" data-smallshow="' . $show_small . '" data-smalllimit="' . $small_limit . '" data-extrashow="' . $show_extra . '" data-extralimit="' . $extra_limit . '"';
} else {
$row_toggle_trigger = 'false';
$row_toggle_class = $column_equalize_class . ' ts-composium-row-background';
$row_toggle_string = $column_equalize_string . ' data-width-current="" data-width-break="' . get_option('ts_vcsc_extend_settings_additionsRowEffectsBreak', '600') . '"';
}
// Ken Burns Effect
if ($ts_row_kenburns_animation != 'null') {
if ($ts_row_kenburns_animation == 'random') {
$kenburns_effects = array('centerZoom', 'centerZoomFadeOut', 'centerZoomFadeIn', 'kenburns', 'kenburnsLeft', 'kenburnsRight', 'kenburnsUp', 'kenburnsUpLeft', 'kenburnsUpRight', 'kenburnsDown', 'kenburnsDownLeft', 'kenburnsDownRight');
$kenburns_animation = 'ts-css-animation-' . $kenburns_effects[array_rand($kenburns_effects, 1)];
} else {
$kenburns_animation = 'ts-css-animation-' . $ts_row_kenburns_animation;
}
$kenburns_string = 'data-kenburns-set="true" data-kenburns-animation="' . $kenburns_animation . '"';
} else {
$kenburns_animation = '';
$kenburns_string = 'data-kenburns-set="false"';
}
// No Background Effect
if ($row_toggle_trigger == "true") {
if ($ts_row_bg_effects == "") {
$output .= '<div id="' . $row_toggle_class . '-' . $randomizer . '" class="' . $row_toggle_class . '" ' . $row_toggle_string . '></div>';
}
} else {
if ($ts_equalize_columns == 'true') {
if ($ts_row_bg_effects == "") {
$output .= '<div id="' . $row_toggle_class . '-' . $randomizer . '" class="' . $row_toggle_class . '" ' . $row_toggle_string . '></div>';
}
}
}
// Single Image or Group
if ($ts_row_bg_effects == "image" || $ts_row_bg_effects == "fixed" || $ts_row_bg_effects == "parallax" || $ts_row_bg_effects == "automove" || $ts_row_bg_effects == "movement") {
if ($ts_row_bg_retrieve == 'random') {
$ts_row_bg_group = explode(',', $ts_row_bg_group);
if (is_array($ts_row_bg_group)) {
$ts_row_bg_image = $ts_row_bg_group[array_rand($ts_row_bg_group)];
} else {
$ts_row_bg_image = '';
}
} else {
if ($ts_row_bg_retrieve == 'single') {
$ts_row_bg_image = $ts_row_bg_image;
}
}
}
// Simple Background Image
if ($ts_row_bg_effects == "image") {
$ts_row_bg_image_url = wp_get_attachment_image_src($ts_row_bg_image, $ts_row_bg_source);
if ($ts_row_bg_position == "custom") {
$ts_row_bg_position = $ts_row_bg_position_custom;
}
$output .= "<div id='ts-background-main-" . $randomizer . "' class='ts-background-image ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " " . $kenburns_string . " " . $row_offsetsallow . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' data-image-width='" . $ts_row_bg_image_url[1] . "' data-image-height='" . $ts_row_bg_image_url[2] . "' data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-image='" . $ts_row_bg_image_url[0] . "' data-size='" . $ts_row_bg_size_standard . "' data-position='" . esc_attr($ts_row_bg_position) . "' data-repeat='" . $ts_row_bg_repeat . "' data-break-parents='" . esc_attr($ts_row_break_parents) . "'>";
if ($ts_row_kenburns_animation != 'null') {
$output .= '<div class="ts-background-kenburns-wrapper"><div class="ts-background-kenburns-parent"><div class="ts-background-kenburns-image ' . $kenburns_animation . '"></div></div></div>';
}
$output .= $svg_top_content;
$output .= $overlay_content;
$output .= $raster_content;
$output .= $svg_bottom_content;
$output .= "</div>";
}
// Fixed Background Image
if ($ts_row_bg_effects == "fixed") {
$ts_row_bg_image_url = wp_get_attachment_image_src($ts_row_bg_image, $ts_row_bg_source);
if ($ts_row_bg_position == "custom") {
$ts_row_bg_position = $ts_row_bg_position_custom;
}
$output .= "<div id='ts-background-main-" . $randomizer . "' class='ts-background-fixed ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " " . $row_offsetsallow . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' data-image-width='" . $ts_row_bg_image_url[1] . "' data-image-height='" . $ts_row_bg_image_url[2] . "' data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-image='" . $ts_row_bg_image_url[0] . "' data-size='" . $ts_row_bg_size_standard . "' data-position='" . esc_attr($ts_row_bg_position) . "' data-repeat='" . $ts_row_bg_repeat . "' data-break-parents='" . esc_attr($ts_row_break_parents) . "'>";
$output .= $svg_top_content;
$output .= $overlay_content;
$output .= $raster_content;
$output .= $svg_bottom_content;
$output .= "</div>";
}
// Image Slideshow Background
if ($ts_row_bg_effects == "slideshow") {
wp_enqueue_style('ts-extend-vegas');
wp_enqueue_script('ts-extend-vegas');
$slider_settings = 'data-initialized="false" data-autoplay="' . $ts_row_slide_auto . '" data-playing="' . $ts_row_slide_auto . '" data-halign="' . $ts_row_slide_halign . '" data-valign="' . $ts_row_slide_valign . '" data-controls="' . $ts_row_slide_controls . '" data-shuffle="' . $ts_row_slide_shuffle . '" data-delay="' . $ts_row_slide_delay . '" data-bar="' . $ts_row_slide_bar . '" data-transition="' . $ts_row_slide_transition . '" data-switch="' . $ts_row_slide_switch . '" data-animation="' . $ts_row_kenburns_animation . '"';
$output .= "<div id='ts-background-main-" . $randomizer . "' class='ts-background-slideshow ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " " . $row_offsetsallow . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' " . $slider_settings . " data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-size='" . $ts_row_bg_size_standard . "' data-position='" . esc_attr($ts_row_bg_position) . "' data-repeat='" . $ts_row_bg_repeat . "' data-break-parents='" . esc_attr($ts_row_break_parents) . "'>";
$slide_images = explode(',', $ts_row_slide_images);
$i = 0;
foreach ($slide_images as $single_image) {
$i++;
$slide_image = wp_get_attachment_image_src($single_image, $ts_row_bg_source);
$output .= '<div class="ts-background-slideshow-holder" style="display: none;" data-image="' . $slide_image[0] . '" data-width="' . $slide_image[1] . '" data-height="' . $slide_image[2] . '" data-ratio="' . $slide_image[1] / $slide_image[2] . '"></div>';
}
$output .= '<div class="ts-background-slideshow-wrapper"></div>';
$output .= $svg_top_content;
$output .= $overlay_content;
$output .= $raster_content;
$output .= $svg_bottom_content;
if ($ts_row_slide_controls == 'true') {
// Left / Right Navigation
$output .= '<nav id="nav-arrows-' . $randomizer . '" class="nav-arrows">';
$output .= '<span class="nav-arrow-prev" style="text-indent: -90000px;">Previous</span>';
$output .= '<span class="nav-arrow-next" style="text-indent: -90000px;">Next</span>';
$output .= '</nav>';
}
if ($ts_row_slide_auto == 'true') {
// Auto-Play Controls
$output .= '<nav id="nav-auto-' . $randomizer . '" class="nav-auto">';
$output .= '<span class="nav-auto-play" style="display: none; text-indent: -90000px;">Play</span>';
$output .= '<span class="nav-auto-pause" style="text-indent: -90000px;">Pause</span>';
$output .= '</nav>';
}
$output .= '</div>';
}
// Parallax Background
if ($ts_row_bg_effects == "parallax") {
$parallaxClass = $ts_row_parallax_type == "none" ? "" : "ts-background-parallax";
$parallaxClass = in_array($ts_row_parallax_type, array("none", "fixed", "up", "down", "left", "right", "ts-background-parallax")) ? $parallaxClass : "";
if ($ts_row_parallax_type == "up" || $ts_row_parallax_type == "down") {
$ts_row_bg_alignment = $ts_row_bg_alignment_v;
} else {
if ($ts_row_parallax_type == "left" || $ts_row_parallax_type == "right") {
$ts_row_bg_alignment = $ts_row_bg_alignment_h;
}
}
if (!empty($parallaxClass)) {
$ts_row_bg_image_url = wp_get_attachment_image_src($ts_row_bg_image, $ts_row_bg_source);
$ts_row_parallax_speed = round($ts_row_parallax_speed / 100, 2);
$output .= "<div id='ts-background-main-" . $randomizer . "' class='" . esc_attr($parallaxClass) . " ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " data-completed='false' data-fadespeed='" . $ts_row_parallax_fade . "' " . $row_offsetsallow . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' data-image-width='" . $ts_row_bg_image_url[1] . "' data-image-height='" . $ts_row_bg_image_url[2] . "' data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-disabled='false' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-image='" . $ts_row_bg_image_url[0] . "' data-size='" . $ts_row_bg_size_parallax . "' data-position='" . esc_attr($ts_row_bg_position) . "' data-alignment='" . $ts_row_bg_alignment . "' data-repeat='" . $ts_row_bg_repeat . "' data-direction='" . esc_attr($ts_row_parallax_type) . "' data-momentum='" . esc_attr((double) $ts_row_parallax_speed) . "' data-mobile-enabled='" . esc_attr($enable_mobile) . "' data-break-parents='" . esc_attr($ts_row_break_parents) . "'>";
$output .= "<div id='ts-background-parallax-holder-" . $randomizer . "' class='ts-background-parallax-holder'></div>";
$output .= $svg_top_content;
$output .= $overlay_content;
$output .= $raster_content;
$output .= $svg_bottom_content;
$output .= "</div>";
}
}
// AutoMove Background
if ($ts_row_bg_effects == "automove") {
$ts_row_bg_image_url = wp_get_attachment_image_src($ts_row_bg_image, $ts_row_bg_source);
if ($ts_row_automove_align == "horizontal") {
$ts_row_automove_path = $ts_row_automove_path_h;
} else {
if ($ts_row_automove_align == "vertical") {
$ts_row_automove_path = $ts_row_automove_path_v;
}
}
$output .= "<div id='ts-background-main-" . $randomizer . "' class='ts-background-automove ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " " . $row_offsetsallow . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' data-image-width='" . $ts_row_bg_image_url[1] . "' data-image-height='" . $ts_row_bg_image_url[2] . "' data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-image='" . $ts_row_bg_image_url[0] . "' data-size='" . $ts_row_bg_size_parallax . "' data-position='" . esc_attr($ts_row_bg_position) . "' data-repeat='repeat 0 0' data-scroll='" . $ts_row_automove_scroll . "' data-alignment='" . $ts_row_automove_align . "' data-direction='" . $ts_row_automove_path . "' data-speed='" . $ts_row_automove_speed . "' data-break-parents='" . esc_attr($ts_row_break_parents) . "'>";
$output .= $svg_top_content;
$output .= $overlay_content;
$output .= $raster_content;
$output .= $svg_bottom_content;
$output .= "</div>";
}
// Movement Background
if ($ts_row_bg_effects == "movement") {
wp_enqueue_script('ts-extend-parallaxify');
$ts_row_bg_image_url = wp_get_attachment_image_src($ts_row_bg_image, $ts_row_bg_source);
$ts_row_movement_data = ' data-allowx="' . $ts_row_movement_x_allow . '" data-movex="' . $ts_row_movement_x_ratio . '" data-allowy="' . $ts_row_movement_y_allow . '" data-movey="' . $ts_row_movement_y_ratio . '" data-allowcontent="' . $ts_row_movement_content . '"';
$output .= "<div id='ts-background-main-" . $randomizer . "' class='ts-background-movement ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " " . $row_offsetsallow . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' data-image-width='" . $ts_row_bg_image_url[1] . "' data-image-height='" . $ts_row_bg_image_url[2] . "' data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-disabled='false' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-image='" . $ts_row_bg_image_url[0] . "' data-size='" . $ts_row_bg_size_parallax . "' data-position='" . esc_attr($ts_row_bg_position) . "' data-repeat='" . $ts_row_bg_repeat . "' data-mobile-enabled='" . esc_attr($enable_mobile) . "' data-break-parents='" . esc_attr($ts_row_break_parents) . "' " . $ts_row_movement_data . ">";
$output .= $svg_top_content;
$output .= $overlay_content;
$output .= $raster_content;
$output .= $svg_bottom_content;
$output .= "</div>";
}
// Particles Background
if ($ts_row_bg_effects == "particles") {
wp_enqueue_script('ts-extend-particles');
if ($ts_particles_back_type == "image") {
$ts_particles_back_image = wp_get_attachment_image_src($ts_particles_back_image, 'full');
$ts_particles_back_image = $ts_particles_back_image[0];
}
if ($ts_particles_shape_source == "external") {
$ts_particles_shape_image = wp_get_attachment_image_src($ts_particles_shape_image, 'full');
$ts_particles_shape_width = $ts_particles_shape_image[1];
$ts_particles_shape_height = $ts_particles_shape_image[2];
$ts_particles_shape_image = $ts_particles_shape_image[0];
} else {
$ts_particles_shape_width = 100;
$ts_particles_shape_height = 100;
}
$ts_row_particles_data = 'data-particles-count="' . $ts_particles_count . '" data-particles-sizemax="' . $ts_particles_size_max . '" data-particles-sizescale="' . $ts_particles_size_scale . '" data-particles-sizeanimate="' . $ts_particles_size_anim . '"';
$ts_row_particles_data .= ' data-particles-shapesource="' . $ts_particles_shape_source . '" data-particles-shapetypes="' . $ts_particles_shape_types . '" data-particles-shapeimage="' . $ts_particles_shape_image . '" data-particles-shapewidth="' . $ts_particles_shape_width . '"';
$ts_row_particles_data .= ' data-particles-color="' . $ts_particles_color . '" data-particles-strokewidth="' . $ts_particles_stroke_width . '" data-particles-strokecolor="' . $ts_particles_stroke_color . '" data-particles-linklines="' . $ts_particles_link_lines . '" data-particles-linkcolor="' . $ts_particles_link_color . '" data-particles-linkwidth="' . $ts_particles_link_width . '" data-particles-interhover="' . $ts_particles_hover . '" data-particles-interclick="' . $ts_particles_click . '"';
$ts_row_particles_data .= ' data-particles-backtype="' . $ts_particles_back_type . '" data-particles-backcolor="' . $ts_particles_back_color . '" data-particles-backimage="' . $ts_particles_back_image . '" data-particles-backrepeat="' . $ts_particles_back_repeat . '" data-particles-backposition="' . $ts_particles_back_place . '" data-particles-backsize="' . $ts_particles_back_size . '" data-particles-shapeheight="' . $ts_particles_shape_height . '"';
$ts_row_particles_data .= ' data-particles-moveallow="' . $ts_particles_move . '" data-particles-movedirection="' . $ts_particles_direction . '" data-particles-movespeed="' . $ts_particles_speed . '" data-particles-moverandom="' . $ts_particles_random . '" data-particles-movestraight="' . $ts_particles_straight . '"';
$output .= "<div id='ts-background-main-" . $randomizer . "' class='ts-background-particles ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " " . $row_offsetsallow . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-disabled='false' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-size='cover' data-position='center center' data-repeat='no-repeat' data-mobile-enabled='false' data-break-parents='" . esc_attr($ts_row_break_parents) . "' " . $ts_row_particles_data . ">";
$output .= '<div id="ts-background-particles-holder-' . $randomizer . '" class="ts-background-particles-holder" style=""></div>';
$output .= $svg_top_content;
$output .= $raster_content;
$output .= $svg_bottom_content;
$output .= "</div>";
}
// Selfhosted Video Background I
if ($ts_row_bg_effects == "video") {
wp_enqueue_style('ts-font-mediaplayer');
wp_enqueue_style('ts-extend-wallpaper');
wp_enqueue_script('ts-extend-wallpaper');
if (!empty($video_image)) {
$video_image_url = wp_get_attachment_image_src($video_image, 'full');
$video_image_url = $video_image_url[0];
} else {
$video_image_url = "";
}
$output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-video ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' ' . $row_offsetsallow . ' data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-raster="' . ($ts_row_raster_use == "true" && $ts_row_raster_type != '' ? $ts_row_raster_type : "") . '" data-overlay="' . ($ts_row_overlay_use == "true" && $ts_row_overlay_color != '' ? $ts_row_overlay_color : "") . '" data-mp4="' . $video_mp4 . '" data-ogv="' . $video_ogv . '" data-webm="' . $video_webm . '" data-image="' . $video_image_url . '" data-controls="' . $video_controls . '" data-start="' . $video_start . '" data-stop="' . $video_stop . '" data-hover="' . $video_hover . '" data-loop="' . $video_loop . '" data-remove="' . $video_remove . '" data-mute="' . $video_mute . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">';
$output .= '<div class="ts-background-video-holder" style=""></div>';
$output .= $svg_top_content;
$output .= $overlay_content;
$output .= $raster_content;
$output .= $svg_bottom_content;
$output .= '</div>';
}
// Selfhosted Video Background II
if ($ts_row_bg_effects == "videomb") {
wp_enqueue_style('ts-font-mediaplayer');
wp_enqueue_script('ts-extend-multibackground');
if (!empty($video_image)) {
$video_image_url = wp_get_attachment_image_src($video_image, 'full');
$video_image_url = $video_image_url[0];
} else {
$video_image_url = "";
}
$output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-multiback ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' data-attachment="' . $multi_effect . '" data-parallax="' . $multi_speed . '" ' . $row_offsetsallow . ' data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-raster="' . ($ts_row_raster_use == "true" && $ts_row_raster_type != '' ? $ts_row_raster_type : "") . '" data-overlay="' . ($ts_row_overlay_use == "true" && $ts_row_overlay_color != '' ? $ts_row_overlay_color : "") . '" data-mp4="' . $video_mp4 . '" data-ogv="' . $video_ogv . '" data-webm="' . $video_webm . '" data-image="' . $video_image_url . '" data-controls="' . $video_controls . '" data-start="' . $video_start . '" data-stop="' . $video_stop . '" data-hover="' . $video_hover . '" data-loop="' . $video_loop . '" data-remove="' . $video_remove . '" data-mute="' . $video_mute . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">';
$output .= '<div class="ts-background-video-holder" style=""></div>';
$output .= $svg_top_content;
$output .= $overlay_content;
$output .= $raster_content;
$output .= $svg_bottom_content;
$output .= '</div>';
}
// Youtube Video Background I
if ($ts_row_bg_effects == "youtube") {
wp_enqueue_script('ts-extend-ytplayer');
wp_enqueue_style('ts-extend-ytplayer');
if (preg_match('~((http|https|ftp|ftps)://|www.)(.+?)~', $video_youtube)) {
$video_youtube = $video_youtube;
} else {
$video_youtube = 'https://www.youtube.com/watch?v=' . $video_youtube;
}
if (!empty($video_background)) {
$video_background = wp_get_attachment_image_src($video_background, 'full');
$video_background = $video_background[0];
} else {
$video_background = TS_VCSC_VideoImage_Youtube($video_youtube);
}
$output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-youtube ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' ' . $row_offsetsallow . ' data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-image="' . $video_background . '" data-video="' . $video_youtube . '" data-controls="' . $video_controls . '" data-start="' . $video_start . '" data-stop="' . $video_stop . '" data-hover="' . $video_hover . '" data-raster="' . $video_raster . '" data-mute="' . $video_mute . '" data-loop="' . $video_loop . '" data-remove="' . $video_remove . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">';
$output .= $svg_top_content;
$output .= $overlay_content;
$output .= $raster_content;
$output .= $svg_bottom_content;
$output .= '</div>';
}
// Youtube Video Background II
if ($ts_row_bg_effects == "youtubemb") {
wp_enqueue_script('ts-extend-multibackground');
if (preg_match('~((http|https|ftp|ftps)://|www.)(.+?)~', $video_youtube)) {
$video_youtube = TS_VCSC_VideoID_Youtube($video_youtube);
} else {
$video_youtube = $video_youtube;
}
if (!empty($video_background)) {
$video_background = wp_get_attachment_image_src($video_background, 'full');
$video_background = $video_background[0];
} else {
$video_background = TS_VCSC_VideoImage_Youtube($video_youtube);
}
wp_enqueue_script('ts-extend-multibackground');
$output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-multiback ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' data-attachment="' . $multi_effect . '" data-parallax="' . $multi_speed . '" ' . $row_offsetsallow . ' data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-image="' . $video_background . '" data-video="' . $video_youtube . '" data-controls="' . $video_controls . '" data-start="' . $video_start . '" data-stop="' . $video_stop . '" data-hover="' . $video_hover . '" data-raster="' . $video_raster . '" data-mute="' . $video_mute . '" data-loop="' . $video_loop . '" data-remove="' . $video_remove . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">';
$output .= '<div class="ts-background-video-holder multibackground" style=""></div>';
$output .= $svg_top_content;
$output .= $overlay_content;
$output .= $raster_content;
$output .= $svg_bottom_content;
$output .= '</div>';
}
// Vimeo Video Background
if ($ts_row_bg_effects == "vimeo") {
}
// Trianglify Background
if ($ts_row_bg_effects == "triangle") {
wp_enqueue_script('ts-extend-trianglify');
$trianglify_predefined = array("YlGn" => "#ffffe5,#f7fcb9,#d9f0a3,#addd8e,#78c679,#41ab5d,#238443,#006837,#004529", "YlGnBu" => "#ffffd9,#edf8b1,#c7e9b4,#7fcdbb,#41b6c4,#1d91c0,#225ea8,#253494,#081d58", "GnBu" => "#f7fcf0,#e0f3db,#ccebc5,#a8ddb5,#7bccc4,#4eb3d3,#2b8cbe,#0868ac,#084081", "BuGn" => "#f7fcfd,#e5f5f9,#ccece6,#99d8c9,#66c2a4,#41ae76,#238b45,#006d2c,#00441b", "PuBuGn" => "#fff7fb,#ece2f0,#d0d1e6,#a6bddb,#67a9cf,#3690c0,#02818a,#016c59,#014636", "PuBu" => "#fff7fb,#ece7f2,#d0d1e6,#a6bddb,#74a9cf,#3690c0,#0570b0,#045a8d,#023858", "BuPu" => "#f7fcfd,#e0ecf4,#bfd3e6,#9ebcda,#8c96c6,#8c6bb1,#88419d,#810f7c,#4d004b", "RdPu" => "#fff7f3,#fde0dd,#fcc5c0,#fa9fb5,#f768a1,#dd3497,#ae017e,#7a0177,#49006a", "PuRd" => "#f7f4f9,#e7e1ef,#d4b9da,#c994c7,#df65b0,#e7298a,#ce1256,#980043,#67001f", "OrRd" => "#fff7ec,#fee8c8,#fdd49e,#fdbb84,#fc8d59,#ef6548,#d7301f,#b30000,#7f0000", "YlOrRd" => "#ffffcc,#ffeda0,#fed976,#feb24c,#fd8d3c,#fc4e2a,#e31a1c,#bd0026,#800026", "YlOrBr" => "#ffffe5,#fff7bc,#fee391,#fec44f,#fe9929,#ec7014,#cc4c02,#993404,#662506", "Purples" => "#fcfbfd,#efedf5,#dadaeb,#bcbddc,#9e9ac8,#807dba,#6a51a3,#54278f,#3f007d", "Blues" => "#f7fbff,#deebf7,#c6dbef,#9ecae1,#6baed6,#4292c6,#2171b5,#08519c,#08306b", "Greens" => "#f7fcf5,#e5f5e0,#c7e9c0,#a1d99b,#74c476,#41ab5d,#238b45,#006d2c,#00441b", "Oranges" => "#fff5eb,#fee6ce,#fdd0a2,#fdae6b,#fd8d3c,#f16913,#d94801,#a63603,#7f2704", "Reds" => "#fff5f0,#fee0d2,#fcbba1,#fc9272,#fb6a4a,#ef3b2c,#cb181d,#a50f15,#67000d", "Greys" => "#ffffff,#f0f0f0,#d9d9d9,#bdbdbd,#969696,#737373,#525252,#252525,#000000", "PuOr" => "#7f3b08,#b35806,#e08214,#fdb863,#fee0b6,#f7f7f7,#d8daeb,#b2abd2,#8073ac,#542788,#2d004b", "BrBG" => "#543005,#8c510a,#bf812d,#dfc27d,#f6e8c3,#f5f5f5,#c7eae5,#80cdc1,#35978f,#01665e,#003c30", "PRGn" => "#40004b,#762a83,#9970ab,#c2a5cf,#e7d4e8,#f7f7f7,#d9f0d3,#a6dba0,#5aae61,#1b7837,#00441b", "PiYG" => "#8e0152,#c51b7d,#de77ae,#f1b6da,#fde0ef,#f7f7f7,#e6f5d0,#b8e186,#7fbc41,#4d9221,#276419", "RdBu" => "#67001f,#b2182b,#d6604d,#f4a582,#fddbc7,#f7f7f7,#d1e5f0,#92c5de,#4393c3,#2166ac,#053061", "RdGy" => "#67001f,#b2182b,#d6604d,#f4a582,#fddbc7,#ffffff,#e0e0e0,#bababa,#878787,#4d4d4d,#1a1a1a", "RdYlBu" => "#a50026,#d73027,#f46d43,#fdae61,#fee090,#ffffbf,#e0f3f8,#abd9e9,#74add1,#4575b4,#313695", "Spectral" => "#9e0142,#d53e4f,#f46d43,#fdae61,#fee08b,#ffffbf,#e6f598,#abdda4,#66c2a5,#3288bd,#5e4fa2", "RdYlGn" => "#a50026,#d73027,#f46d43,#fdae61,#fee08b,#ffffbf,#d9ef8b,#a6d96a,#66bd63,#1a9850,#006837", "Accent" => "#7fc97f,#beaed4,#fdc086,#ffff99,#386cb0,#f0027f,#bf5b17,#666666", "Dark2" => "#1b9e77,#d95f02,#7570b3,#e7298a,#66a61e,#e6ab02,#a6761d,#666666", "Paired" => "#a6cee3,#1f78b4,#b2df8a,#33a02c,#fb9a99,#e31a1c,#fdbf6f,#ff7f00,#cab2d6,#6a3d9a,#ffff99,#b15928", "Pastel1" => "#fbb4ae,#b3cde3,#ccebc5,#decbe4,#fed9a6,#ffffcc,#e5d8bd,#fddaec,#f2f2f2", "Pastel2" => "#b3e2cd,#fdcdac,#cbd5e8,#f4cae4,#e6f5c9,#fff2ae,#f1e2cc,#cccccc", "Set1" => "#e41a1c,#377eb8,#4daf4a,#984ea3,#ff7f00,#ffff33,#a65628,#f781bf,#999999", "Set2" => "#66c2a5,#fc8d62,#8da0cb,#e78ac3,#a6d854,#ffd92f,#e5c494,#b3b3b3", "Set3" => "#8dd3c7,#ffffb3,#bebada,#fb8072,#80b1d3,#fdb462,#b3de69,#fccde5,#d9d9d9,#bc80bd,#ccebc5,#ffed6f");
// Horizontal Pattern
if ($trianglify_colorsx == "random") {
//$trianglify_random = rand(0, count($trianglify_predefined) - 1);
//$trianglify_allkeys = array_keys($trianglify_predefined)[$trianglify_random];
//$trianglify_stringx = $trianglify_predefined[$trianglify_allkeys];
$trianglify_stringx = $trianglify_predefined[array_rand($trianglify_predefined)];
} else {
if ($trianglify_colorsx == "custom") {
$trianglify_array = explode(";", $trianglify_generatorx);
$trianglify_array = TS_VCSC_GetContentsBetween($trianglify_array[0], 'color-stop(', ')');
$trianglify_stringx = array();
$trianglyfy_position = 0;
foreach ($trianglify_array as $key => $value) {
//$trianglify_stringx[] = "#" . substr($value, (strrpos($value, '#') ? : -1) + 1) . "";
//$trianglify_stringx[] = "#" . substr($value, (strrpos($value, '#') ? strrpos($value, '#') : -1) + 1) . "";
$trianglyfy_position = TS_VCSC_STRRPOS_String($value, '#', 0);
$trianglify_stringx[] = "#" . substr($value, ($trianglyfy_position != false ? $trianglyfy_position : -1) + 1) . "";
}
$trianglify_stringx = implode(",", $trianglify_stringx);
} else {
$trianglify_stringx = $trianglify_predefined[$trianglify_colorsx];
}
}
// Vertical Pattern
if ($trianglify_colorsy == "match_x") {
$trianglify_stringy = $trianglify_stringx;
} else {
if ($trianglify_colorsy == "random") {
//$trianglify_random = rand(0, count($trianglify_predefined) - 1);
//$trianglify_allkeys = array_keys($trianglify_predefined)[$trianglify_random];
//$trianglify_stringy = $trianglify_predefined[$trianglify_allkeys];
$trianglify_stringy = $trianglify_predefined[array_rand($trianglify_predefined)];
} else {
if ($trianglify_colorsy == "custom") {
$trianglify_array = explode(";", $trianglify_generatory);
$trianglify_array = TS_VCSC_GetContentsBetween($trianglify_array[0], 'color-stop(', ')');
$trianglify_stringy = array();
$trianglyfy_position = 0;
foreach ($trianglify_array as $key => $value) {
//$trianglify_stringy[] = "#" . substr($value, (strrpos($value, '#') ? : -1) + 1) . "";
//$trianglify_stringy[] = "#" . substr($value, (strrpos($value, '#') ? strrpos($value, '#') : -1) + 1) . "";
$trianglyfy_position = TS_VCSC_STRRPOS_String($value, '#', 0);
$trianglify_stringy[] = "#" . substr($value, ($trianglyfy_position != false ? $trianglyfy_position : -1) + 1) . "";
}
$trianglify_stringy = implode(",", $trianglify_stringy);
} else {
$trianglify_stringy = $trianglify_predefined[$trianglify_colorsy];
}
}
}
$output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-trianglify ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' data-render="' . $trianglify_render . '" data-cellsize="' . $trianglify_cellsize . '" data-variance="' . $trianglify_variance . '" data-colorsx="' . $trianglify_stringx . '" data-colorsy="' . $trianglify_stringy . '" ' . $row_offsetsallow . ' data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-raster="' . $video_raster . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">';
$output .= '<div class="ts-background-trianglify-holder" style=""></div>';
$output .= $svg_top_content;
$output .= $overlay_content;
$output .= $raster_content;
$output .= $svg_bottom_content;
$output .= '</div>';
}
// Single Color Background
if ($ts_row_bg_effects == "single") {
$output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-single ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' style="display: none; background-color: ' . $single_color . ';" ' . $row_offsetsallow . ' data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-color="' . $single_color . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">';
$output .= $svg_top_content;
$output .= $raster_content;
$output .= $svg_bottom_content;
$output .= '</div>';
}
// Gradient Background
if ($ts_row_bg_effects == "gradient") {
if ($gradiant_advanced == 'false') {
$gradient_css_attr[] = 'background: ' . $gradient_color_start . '';
$gradient_css_attr[] = 'background: -moz-linear-gradient(' . $gradient_angle . 'deg, ' . $gradient_color_start . ' ' . $gradient_start_offset . '%, ' . $gradient_color_end . ' ' . $gradient_end_offset . '%)';
$gradient_css_attr[] = 'background: -webkit-linear-gradient(' . $gradient_angle . 'deg, ' . $gradient_color_start . ' ' . $gradient_start_offset . '%, ' . $gradient_color_end . ' ' . $gradient_end_offset . '%)';
$gradient_css_attr[] = 'background: -o-linear-gradient(' . $gradient_angle . 'deg, ' . $gradient_color_start . ' ' . $gradient_start_offset . '%, ' . $gradient_color_end . ' ' . $gradient_end_offset . '%)';
$gradient_css_attr[] = 'background: -ms-linear-gradient(' . $gradient_angle . 'deg, ' . $gradient_color_start . ' ' . $gradient_start_offset . '%, ' . $gradient_color_end . ' ' . $gradient_end_offset . '%)';
$gradient_css_attr[] = 'background: linear-gradient(' . $gradient_angle . 'deg, ' . $gradient_color_start . ' ' . $gradient_start_offset . '%, ' . $gradient_color_end . ' ' . $gradient_end_offset . '%)';
$gradient_css_attr = implode('; ', $gradient_css_attr);
} else {
$gradient_css_attr = $gradient_generator;
}
$output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-gradient ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' ' . $kenburns_string . ' style="display: none; ' . ($ts_row_kenburns_animation == 'null' ? $gradient_css_attr : '') . '" ' . $row_offsetsallow . ' data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">';
if ($ts_row_kenburns_animation != 'null') {
$output .= '<div class="ts-background-kenburns-wrapper"><div class="ts-background-kenburns-parent"><div class="ts-background-kenburns-image ' . $kenburns_animation . '" style="' . $gradient_css_attr . '"></div></div></div>';
}
$output .= $svg_top_content;
$output .= $raster_content;
$output .= $svg_bottom_content;
$output .= '</div>';
}
if ($frontend_edit == "false") {
echo $output;
}
$myvariable = ob_get_clean();
return $myvariable;
}
function TS_VCSC_Youtube_Function($atts, $content = null)
{
global $VISUAL_COMPOSER_EXTENSIONS;
ob_start();
wp_enqueue_script('ts-extend-hammer');
wp_enqueue_script('ts-extend-nacho');
wp_enqueue_style('ts-extend-nacho');
if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_LoadFrontEndForcable == "false") {
wp_enqueue_style('ts-extend-tooltipster');
wp_enqueue_script('ts-extend-tooltipster');
wp_enqueue_style('ts-extend-animations');
wp_enqueue_style('ts-visual-composer-extend-front');
wp_enqueue_script('ts-visual-composer-extend-front');
}
extract(shortcode_atts(array('content_type' => 'video', 'content_youtube' => '', 'content_playlist' => '', 'content_search' => '', 'content_combination' => '', 'content_uploads' => '', 'content_lightbox' => 'false', 'content_overlay_use' => 'false', 'content_overlay_image' => '', 'content_overlay_quality' => 'medium', 'content_overlay_trigger' => 'click', 'content_overlay_text' => '', 'content_overlay_font' => '#ffffff', 'content_overlay_handle' => 'true', 'content_overlay_color' => '#fb4400', 'content_overlay_align' => 'center', 'content_image_responsive' => 'true', 'content_image_height' => 'height: 100%;', 'content_image_width_r' => 100, 'content_image_width_f' => 300, 'content_image_size' => 'large', 'video_controls' => 1, 'video_autohide' => 1, 'video_related' => 'false', 'video_start' => 0, 'video_end' => 0, 'lightbox_group_name' => 'nachogroup', 'lightbox_size' => 'full', 'lightbox_effect' => 'random', 'lightbox_speed' => 5000, 'lightbox_social' => 'true', 'lightbox_play' => 'false', 'lightbox_backlight_auto' => 'true', 'lightbox_backlight_color' => '#ffffff', 'content_youtube_start' => '', 'content_youtube_end' => '', 'content_youtube_trigger' => 'preview', 'content_youtube_title' => '', 'content_youtube_subtitle' => '', 'content_youtube_image' => '', 'content_youtube_image_simple' => 'false', 'content_youtube_icon' => '', 'content_youtube_iconsize' => 30, 'content_youtube_iconcolor' => '#cccccc', 'content_youtube_button' => '', 'content_youtube_buttonstyle' => 'ts-dual-buttons-color-sun-flower', 'content_youtube_buttonhover' => 'ts-dual-buttons-preview-default ts-dual-buttons-hover-default', 'content_youtube_buttontext' => 'View Video', 'content_youtube_buttonsize' => 16, 'content_youtube_text' => '', 'content_raw' => '', 'content_tooltip_html' => 'true', 'content_tooltip_content' => '', 'content_tooltip_encoded' => '', 'content_tooltip_position' => 'ts-simptip-position-top', 'content_tooltip_style' => '', 'tooltipster_offsetx' => 0, 'tooltipster_offsety' => 0, 'margin_top' => 0, 'margin_bottom' => 0, 'el_id' => '', 'el_class' => '', 'css' => ''), $atts));
if (!empty($el_id)) {
$modal_id = $el_id;
} else {
$modal_id = 'ts-vcsc-youtube-' . mt_rand(999999, 9999999);
}
// Tooltip
if ($content_tooltip_position == "ts-simptip-position-top" || $content_tooltip_position == "top") {
$content_tooltip_position = "top";
}
if ($content_tooltip_position == "ts-simptip-position-left" || $content_tooltip_position == "left") {
$content_tooltip_position = "left";
}
if ($content_tooltip_position == "ts-simptip-position-right" || $content_tooltip_position == "right") {
$content_tooltip_position = "right";
}
if ($content_tooltip_position == "ts-simptip-position-bottom" || $content_tooltip_position == "bottom") {
$content_tooltip_position = "bottom";
}
if ($content_tooltip_style == "" || $content_tooltip_style == "ts-simptip-style-black" || $content_tooltip_style == "tooltipster-black") {
$content_tooltip_style = "tooltipster-black";
}
if ($content_tooltip_style == "ts-simptip-style-gray" || $content_tooltip_style == "tooltipster-gray") {
$content_tooltip_style = "tooltipster-gray";
}
if ($content_tooltip_style == "ts-simptip-style-green" || $content_tooltip_style == "tooltipster-green") {
$content_tooltip_style = "tooltipster-green";
}
if ($content_tooltip_style == "ts-simptip-style-blue" || $content_tooltip_style == "tooltipster-blue") {
$content_tooltip_style = "tooltipster-blue";
}
if ($content_tooltip_style == "ts-simptip-style-red" || $content_tooltip_style == "tooltipster-red") {
$content_tooltip_style = "tooltipster-red";
}
if ($content_tooltip_style == "ts-simptip-style-orange" || $content_tooltip_style == "tooltipster-orange") {
$content_tooltip_style = "tooltipster-orange";
}
if ($content_tooltip_style == "ts-simptip-style-yellow" || $content_tooltip_style == "tooltipster-yellow") {
$content_tooltip_style = "tooltipster-yellow";
}
if ($content_tooltip_style == "ts-simptip-style-purple" || $content_tooltip_style == "tooltipster-purple") {
$content_tooltip_style = "tooltipster-purple";
}
if ($content_tooltip_style == "ts-simptip-style-pink" || $content_tooltip_style == "tooltipster-pink") {
$content_tooltip_style = "tooltipster-pink";
}
if ($content_tooltip_style == "ts-simptip-style-white" || $content_tooltip_style == "tooltipster-white") {
$content_tooltip_style = "tooltipster-white";
}
if ($content_tooltip_html == "false") {
if (strlen($content_tooltip_content) != 0) {
$youtube_tooltipclasses = " ts-has-tooltipster-tooltip";
$youtube_tooltipcontent = 'data-tooltipster-html="false" data-tooltipster-title="" data-tooltipster-text="' . strip_tags($content_tooltip_content) . '" data-tooltipster-image="" data-tooltipster-position="' . $content_tooltip_position . '" data-tooltipster-touch="false" data-tooltipster-arrow="true" data-tooltipster-theme="' . $content_tooltip_style . '" data-tooltipster-animation="swing" data-tooltipster-trigger="hover" data-tooltipster-offsetx="' . $tooltipster_offsetx . '" data-tooltipster-offsety="' . $tooltipster_offsety . '"';
} else {
$youtube_tooltipclasses = "";
$youtube_tooltipcontent = "";
}
} else {
if (strlen($content_tooltip_encoded) != 0) {
$youtube_tooltipclasses = " ts-has-tooltipster-tooltip";
$youtube_tooltipcontent = 'data-tooltipster-html="true" data-tooltipster-title="" data-tooltipster-text="' . strip_tags($content_tooltip_encoded) . '" data-tooltipster-image="" data-tooltipster-position="' . $content_tooltip_position . '" data-tooltipster-touch="false" data-tooltipster-arrow="true" data-tooltipster-theme="' . $content_tooltip_style . '" data-tooltipster-animation="swing" data-tooltipster-trigger="hover" data-tooltipster-offsetx="' . $tooltipster_offsetx . '" data-tooltipster-offsety="' . $tooltipster_offsety . '"';
} else {
$youtube_tooltipclasses = "";
$youtube_tooltipcontent = "";
}
}
if ($lightbox_backlight_auto == "false") {
$nacho_color = 'data-backlight="' . $lightbox_backlight_color . '"';
} else {
$nacho_color = '';
}
if ($content_image_responsive == "true") {
$image_dimensions = 'width: 100%; height: auto;';
$parent_dimensions = 'width: ' . $content_image_width_r . '%; ' . $content_image_height . '';
} else {
$image_dimensions = 'width: 100%; height: auto;';
$parent_dimensions = 'width: ' . $content_image_width_f . 'px; ' . $content_image_height . '';
}
if ($lightbox_play == "true") {
if ($content_overlay_use == 'true') {
$video_autoplay = $content_type == 'video' ? '?autoplay=0' : '&autoplay=0';
} else {
$video_autoplay = $content_type == 'video' ? '?autoplay=1' : '&autoplay=1';
}
} else {
$video_autoplay = $content_type == 'video' ? '?autoplay=0' : '&autoplay=0';
}
if ($video_related == "true") {
$videos_related = '&rel=1';
} else {
$videos_related = '&rel=0';
}
$videos_controls = '&controls=' . $video_controls;
$videos_autohide = '&autohide=' . $video_autohide;
if ($video_start > 0) {
$videos_start = '&start=' . $video_start;
} else {
$videos_start = '';
}
if ($video_end > 0 && $video_end > $video_start) {
$videos_end = '&end=' . $video_end;
} else {
$videos_end = '';
}
if ($content_type != 'video') {
$content_youtube = '#';
}
$output = '';
if (function_exists('vc_shortcode_custom_css_class')) {
$css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, ' ' . vc_shortcode_custom_css_class($css, ' '), 'TS-VCSC-Youtube', $atts);
} else {
$css_class = '';
}
// YouTube Video in Lightbox
if ($content_lightbox == "true") {
if ($content_type == 'combination') {
$videos = explode(",", str_replace(' ', '', $content_combination));
$count = count($videos);
if ($count == 1) {
$first = $content_combination;
$other = '';
} else {
if ($count > 1) {
$first = $videos[0];
array_shift($videos);
$other = implode(",", $videos);
}
}
} else {
$first = '';
$other = '';
}
$playlistdata = 'data-contenttype="' . $content_type . '" data-listid="' . ($content_type == 'playlist' ? TS_VCSC_PlaylistID_Youtube($content_playlist) : '') . '" data-userid="' . ($content_type == 'uploads' ? $content_uploads : '') . '" data-videofirst="' . $first . '" data-videosother="' . $other . '" data-search="' . ($content_type == 'searchterm' ? str_replace(' ', '', $content_search) : '') . '"';
if ($content_youtube_trigger == "preview" || $content_youtube_trigger == "coverfirst") {
if (preg_match('~((http|https|ftp|ftps)://|www.)(.+?)~', $content_youtube) && $content_youtube_trigger == "preview") {
$content_youtube = $content_youtube;
} else {
if ($content_youtube_trigger == "preview" && $content_youtube_trigger == "preview") {
$content_youtube = 'https://www.youtube.com/watch?v=' . $content_youtube;
} else {
if ($content_youtube_trigger == "coverfirst" && $content_type == 'combination') {
$content_youtube = 'https://www.youtube.com/watch?v=' . $first;
} else {
$content_youtube = '#';
}
}
}
if ($content_youtube != '#') {
$modal_image = TS_VCSC_VideoImage_Youtube($content_youtube);
} else {
$modal_image = TS_VCSC_GetResourceURL('images/defaults/default_youtube.jpg');
}
if ($youtube_tooltipcontent != '') {
$output .= '<div class="' . $modal_id . '-parent nch-holder ' . $youtube_tooltipclasses . '" ' . $youtube_tooltipcontent . ' style="margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px; ' . $parent_dimensions . '">';
$output .= '<div id="' . $modal_id . '" class="' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-youtube ' . $css_class . '" style="width: 100%; height: 100%;">';
} else {
$output .= '<div id="' . $modal_id . '" class="' . $modal_id . '-parent nch-holder ' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-youtube ' . $css_class . '" style="margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px; ' . $parent_dimensions . '">';
}
$output .= '<a href="' . $content_youtube . '" class="nch-lightbox-media" data-title="' . $content_youtube_title . '" ' . $playlistdata . ' data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
$output .= '<img src="' . $modal_image . '" title="" style="display: block; ' . $image_dimensions . '">';
$output .= '<div class="nchgrid-caption"></div>';
if (!empty($content_youtube_title)) {
$output .= '<div class="nchgrid-caption-text">' . $content_youtube_title . '</div>';
}
$output .= '</a>';
$output .= '</div>';
if ($youtube_tooltipcontent != '') {
$output .= '</div>';
}
}
if ($content_youtube_trigger == "playcover") {
if ($content_playlist != '' && $content_type == 'playlist') {
$xmlfeed = TS_VCSC_PlaylistImage_Youtube('http://gdata.youtube.com/feeds/api/playlists/' . TS_VCSC_PlaylistID_Youtube($content_playlist) . '', true);
} else {
$xmlfeed = array();
}
if ($xmlfeed != '') {
if (isset($xmlfeed['FEED']['MEDIA:GROUP']['MEDIA:THUMBNAIL'][2]['URL'])) {
$modal_image = $xmlfeed['FEED']['MEDIA:GROUP']['MEDIA:THUMBNAIL'][2]['URL'];
} else {
if (isset($xmlfeed['FEED']['MEDIA:GROUP']['MEDIA:THUMBNAIL'][1]['URL'])) {
$modal_image = $xmlfeed['FEED']['MEDIA:GROUP']['MEDIA:THUMBNAIL'][1]['URL'];
} else {
if (isset($xmlfeed['FEED']['MEDIA:GROUP']['MEDIA:THUMBNAIL'][0]['URL'])) {
$modal_image = $xmlfeed['FEED']['MEDIA:GROUP']['MEDIA:THUMBNAIL'][0]['URL'];
} else {
$modal_image = TS_VCSC_GetResourceURL('images/defaults/default_youtube.jpg');
}
}
}
} else {
$modal_image = TS_VCSC_GetResourceURL('images/defaults/default_youtube.jpg');
}
$content_youtube = '#';
if ($youtube_tooltipcontent != '') {
$output .= '<div class="' . $modal_id . '-parent nch-holder ' . $youtube_tooltipclasses . '" ' . $youtube_tooltipcontent . ' style="margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px; ' . $parent_dimensions . '">';
$output .= '<div id="' . $modal_id . '" class="' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-youtube ' . $css_class . '" style="width: 100%; height: 100%;">';
} else {
$output .= '<div id="' . $modal_id . '" class="' . $modal_id . '-parent nch-holder ' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-youtube ' . $css_class . '" style="margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px; ' . $parent_dimensions . '">';
}
$output .= '<a href="' . $content_youtube . '" class="nch-lightbox-media" data-title="' . $content_youtube_title . '" ' . $playlistdata . ' data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
$output .= '<img src="' . $modal_image . '" title="" style="display: block; ' . $image_dimensions . '">';
$output .= '<div class="nchgrid-caption"></div>';
if (!empty($content_youtube_title)) {
$output .= '<div class="nchgrid-caption-text">' . $content_youtube_title . '</div>';
}
$output .= '</a>';
$output .= '</div>';
if ($youtube_tooltipcontent != '') {
$output .= '</div>';
}
}
if ($content_youtube_trigger == "usercover") {
if ($content_uploads != '' && $content_type == 'uploads') {
$xmlfeed = TS_VCSC_PlaylistImage_Youtube('http://gdata.youtube.com/feeds/api/users/' . $content_uploads . '?fields=yt:username,media:thumbnail', true);
} else {
$xmlfeed = array();
}
if ($xmlfeed != '') {
if (isset($xmlfeed['ENTRY']['MEDIA:THUMBNAIL']['URL'])) {
$modal_image = $xmlfeed['ENTRY']['MEDIA:THUMBNAIL']['URL'];
} else {
$modal_image = TS_VCSC_GetResourceURL('images/defaults/default_youtube.jpg');
}
} else {
$modal_image = TS_VCSC_GetResourceURL('images/defaults/default_youtube.jpg');
}
$content_youtube = '#';
if ($youtube_tooltipcontent != '') {
$output .= '<div class="' . $modal_id . '-parent nch-holder ' . $youtube_tooltipclasses . '" ' . $youtube_tooltipcontent . ' style="margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px; ' . $parent_dimensions . '">';
$output .= '<div id="' . $modal_id . '" class="' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-youtube ' . $css_class . '" style="width: 100%; height: 100%;">';
} else {
$output .= '<div id="' . $modal_id . '" class="' . $modal_id . '-parent nch-holder ' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-youtube ' . $css_class . '" style="margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px; ' . $parent_dimensions . '">';
}
$output .= '<a href="' . $content_youtube . '" class="nch-lightbox-media" data-title="' . $content_youtube_title . '" ' . $playlistdata . ' data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
$output .= '<img src="' . $modal_image . '" title="" style="display: block; ' . $image_dimensions . '">';
$output .= '<div class="nchgrid-caption"></div>';
if (!empty($content_youtube_title)) {
$output .= '<div class="nchgrid-caption-text">' . $content_youtube_title . '</div>';
}
$output .= '</a>';
$output .= '</div>';
if ($youtube_tooltipcontent != '') {
$output .= '</div>';
}
}
if ($content_youtube_trigger == "default") {
$modal_image = TS_VCSC_GetResourceURL('images/defaults/default_youtube.jpg');
if ($youtube_tooltipcontent != '') {
$output .= '<div class="' . $modal_id . '-parent nch-holder ' . $youtube_tooltipclasses . '" ' . $youtube_tooltipcontent . ' style="margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px; ' . $parent_dimensions . '">';
$output .= '<div id="' . $modal_id . '" class="' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-youtube ' . $css_class . '" style="width: 100%; height: 100%;">';
} else {
$output .= '<div id="' . $modal_id . '" class="' . $modal_id . '-parent nch-holder ' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-youtube ' . $css_class . '" style="margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px; ' . $parent_dimensions . '">';
}
$output .= '<a href="' . $content_youtube . '" class="nch-lightbox-media" data-title="' . $content_youtube_title . '" ' . $playlistdata . ' data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
$output .= '<img src="' . $modal_image . '" title="" style="display: block; ' . $image_dimensions . '">';
$output .= '<div class="nchgrid-caption"></div>';
if (!empty($content_youtube_title)) {
$output .= '<div class="nchgrid-caption-text">' . $content_youtube_title . '</div>';
}
$output .= '</a>';
$output .= '</div>';
if ($youtube_tooltipcontent != '') {
$output .= '</div>';
}
}
if ($content_youtube_trigger == "image") {
$modal_image = wp_get_attachment_image_src($content_youtube_image, 'large');
$modal_image = $modal_image[0];
if ($content_youtube_image_simple == "false") {
if ($youtube_tooltipcontent != '') {
$output .= '<div class="' . $modal_id . '-parent nch-holder ' . $youtube_tooltipclasses . '" ' . $youtube_tooltipcontent . ' style="margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px; ' . $parent_dimensions . '">';
$output .= '<div id="' . $modal_id . '" class="' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-youtube ' . $css_class . '" style="width: 100%; height: 100%;">';
} else {
$output .= '<div id="' . $modal_id . '" class="' . $modal_id . '-parent nch-holder ' . $el_class . ' nchgrid-item nchgrid-tile nch-lightbox-youtube ' . $css_class . '" style="margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px; ' . $parent_dimensions . '">';
}
$output .= '<a href="' . $content_youtube . '" class="nch-lightbox-media" data-title="' . $content_youtube_title . '" ' . $playlistdata . ' data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
$output .= '<img src="' . $modal_image . '" title="" style="display: block; ' . $image_dimensions . '">';
$output .= '<div class="nchgrid-caption"></div>';
if (!empty($content_youtube_title)) {
$output .= '<div class="nchgrid-caption-text">' . $content_youtube_title . '</div>';
}
$output .= '</a>';
$output .= '</div>';
if ($youtube_tooltipcontent != '') {
$output .= '</div>';
}
} else {
$output .= '<a href="' . $content_youtube . '" class="' . $modal_id . '-parent nch-holder nch-lightbox-media ' . $youtube_tooltipclasses . ' ' . $css_class . '" ' . $youtube_tooltipcontent . ' style="' . $parent_dimensions . '" ' . $playlistdata . ' data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-title="' . $content_youtube_title . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
$output .= '<img class="" src="' . $modal_image . '" style="display: block; ' . $image_dimensions . '">';
$output .= '</a>';
}
}
if ($content_youtube_trigger == "icon") {
$icon_style = 'color: ' . $content_youtube_iconcolor . '; width:' . $content_youtube_iconsize . 'px; height:' . $content_youtube_iconsize . 'px; font-size:' . $content_youtube_iconsize . 'px; line-height:' . $content_youtube_iconsize . 'px;';
$output .= '<div id="' . $modal_id . '" style="" class="' . $modal_id . '-parent nch-holder ts-vcsc-font-icon ts-font-icons ts-shortcode ts-icon-align-center ' . $el_class . ' ' . $css_class . ' ' . $youtube_tooltipclasses . '" ' . $youtube_tooltipcontent . ' style="margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px;">';
$output .= '<a class="ts-font-icons-link nch-lightbox-media" href="' . $content_youtube . '" target="_blank" data-title="' . $content_youtube_title . '" ' . $playlistdata . ' data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
$output .= '<i class="ts-font-icon ' . $content_youtube_icon . '" style="' . $icon_style . '"></i>';
$output .= '</a>';
$output .= '</div>';
}
if ($content_youtube_trigger == "flat" || $content_youtube_trigger == "flaticon") {
wp_enqueue_style('ts-extend-buttonsdual');
$button_style = $content_youtube_buttonstyle . ' ' . $content_youtube_buttonhover;
$output .= '<a id="' . $modal_id . '" class="ts-dual-buttons-wrapper nch-lightbox-media ' . $css_class . ' ' . $el_class . '" href="' . $content_youtube . '" target="_blank" data-title="' . $content_youtube_title . '" data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '>';
$output .= '<div id="' . $modal_id . '-trigger" class="ts-dual-buttons-container clearFixMe ' . $button_style . ' ' . $modal_id . '-parent nch-holder ' . $youtube_tooltipclasses . '" ' . $youtube_tooltipcontent . ' style="display: block; width: 100%; margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px;">';
if ($content_youtube_icon != '' && $content_youtube_icon != 'transparent' && $content_youtube_trigger == "flaticon") {
$output .= '<i class="ts-dual-buttons-icon ' . $content_youtube_icon . '" style="font-size: ' . $content_youtube_buttonsize . 'px; line-height: ' . $content_youtube_buttonsize . 'px;"></i>';
}
$output .= '<span class="ts-dual-buttons-title" style="font-size: ' . $content_youtube_buttonsize . 'px; line-height: ' . $content_youtube_buttonsize . 'px;">' . $content_youtube_buttontext . '</span>';
$output .= '</div>';
$output .= '</a>';
}
if ($content_youtube_trigger == "winged") {
$output .= '<div id="' . $modal_id . '-trigger" class="' . $modal_id . '-parent nch-holder ' . $el_class . ' ' . $css_class . '" style="display: block; width: 100%; margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px;">';
$output .= '<div class="ts-lightbox-button-1 clearFixMe">';
$output .= '<div class="top">' . $content_youtube_title . '</div>';
$output .= '<div class="bottom">' . $content_youtube_subtitle . '</div>';
$output .= '<a href="' . $content_youtube . '" class="nch-lightbox-media icon" data-title="' . $content_youtube_title . '" ' . $playlistdata . ' data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '><span class="youtube">' . $content_youtube_buttontext . '</span></a>';
$output .= '</div>';
$output .= '</div>';
}
if ($content_youtube_trigger == "simple") {
$output .= '<div id="' . $modal_id . '-trigger" class="' . $modal_id . '-parent nch-holder ' . $el_class . ' ' . $youtube_tooltipclasses . ' ' . $css_class . '" ' . $youtube_tooltipcontent . ' style="display: block; width: 100%; margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px;">';
$output .= '<a href="' . $content_youtube . '" class="ts-lightbox-button-2 icon nch-lightbox" data-title="' . $content_youtube_title . '" ' . $playlistdata . ' data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . '><span class="youtube">' . $content_youtube_buttontext . '</span></a>';
$output .= '</div>';
}
if ($content_youtube_trigger == "text") {
$output .= '<div id="' . $modal_id . '-trigger" class="' . $modal_id . '-parent nch-holder ' . $el_class . ' ' . $css_class . '" style="text-align: center; margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px;">';
$output .= '<a href="' . $content_youtube . '" class="nch-lightbox-media ' . $youtube_tooltipclasses . '" ' . $youtube_tooltipcontent . ' data-title="' . $content_youtube_title . '" ' . $playlistdata . ' data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . ' target="_blank">' . $content_youtube_text . '</a>';
$output .= '</div>';
}
if ($content_youtube_trigger == "custom") {
if ($content_raw != "") {
$content_raw = rawurldecode(base64_decode(strip_tags($content_raw)));
$output .= '<div id="' . $modal_id . '-trigger" class="' . $modal_id . '-parent nch-holder ' . $el_class . ' ' . $css_class . '" style="text-align: center; margin-top: ' . $margin_top . 'px; margin-bottom: ' . $margin_bottom . 'px;">';
$output .= '<a href="' . $content_youtube . '" class="nch-lightbox-media ' . $youtube_tooltipclasses . '" ' . $youtube_tooltipcontent . ' data-title="' . $content_youtube_title . '" ' . $playlistdata . ' data-controls="' . $video_controls . '" data-autohide="' . $video_autohide . '" data-start="' . $video_start . '" data-end="' . $video_end . '" data-related="' . $video_related . '" data-videoplay="' . $lightbox_play . '" data-type="youtube" rel="' . $lightbox_group_name . '" data-effect="' . $lightbox_effect . '" data-share="0" data-duration="' . $lightbox_speed . '" ' . $nacho_color . 'style="" target="_blank">';
$output .= $content_raw;
$output .= '</a>';
$output .= '</div>';
}
}
}
// Create Video iFrame Overlay
if ($content_overlay_use == 'true') {
$overlay_image = wp_get_attachment_image_src($content_overlay_image, $content_overlay_quality);
$overlay_data = '<div class="ts-video-overlay">';
$overlay_data .= '<img class="ts-video-overlay-image" src="' . $overlay_image[0] . '">';
if ($content_overlay_text != '') {
$overlay_data .= '<div class="ts-video-overlay-text" style="color: ' . $content_overlay_font . '; text-align: ' . $content_overlay_align . '">';
$overlay_data .= '<span style="color: ' . $content_overlay_font . '; text-align: ' . $content_overlay_align . '">' . rawurldecode(base64_decode(strip_tags($content_overlay_text))) . '</span>';
$overlay_data .= '</div>';
}
$overlay_data .= '</div>';
$overlay_class = 'ts-video-overlay-true';
$overlay_start = '<div class="ts-video-overlay-wrapper" data-trigger="' . $content_overlay_trigger . '">';
$overlay_end = '</div>';
if ($content_overlay_handle == 'true') {
$overlay_handle = '<div class="ts-video-overlay-handle"><span class="frame_handle_' . $content_overlay_trigger . '" style="background-color: ' . $content_overlay_color . '"><i class="handle_' . $content_overlay_trigger . '"></i></span></div>';
} else {
$overlay_handle = '';
}
} else {
$overlay_data = '';
$overlay_class = 'ts-video-overlay-false';
$overlay_start = '';
$overlay_end = '';
$overlay_handle = '';
}
// Single Video in iFrame
if ($content_type == "video" && $content_lightbox == "false") {
$modal_image = TS_VCSC_VideoID_Youtube($content_youtube);
$output .= $overlay_start;
$output .= '<div id="' . $modal_id . '" class="ts-video-container ' . $youtube_tooltipclasses . ' ' . $overlay_class . '" ' . $youtube_tooltipcontent . ' style="">';
$output .= '<iframe class="ts-video-iframe" width="100%" height="auto" src="//www.youtube.com/embed/' . $modal_image . $video_autoplay . $videos_controls . $videos_autohide . $videos_start . $videos_end . $videos_related . '&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
$output .= $overlay_data;
$output .= '</div>';
$output .= $overlay_handle;
$output .= $overlay_end;
}
// Defined Playlist in iFrame
if ($content_type == "playlist" && $content_lightbox == "false") {
$output .= $overlay_start;
$output .= '<div id="' . $modal_id . '" class="ts-video-container ' . $youtube_tooltipclasses . ' ' . $overlay_class . '" ' . $youtube_tooltipcontent . ' style="">';
$output .= '<iframe class="ts-video-iframe" width="100%" height="auto" src="//www.youtube.com/embed?listType=playlist&list=' . TS_VCSC_PlaylistID_Youtube($content_playlist) . '&showinfo=1&' . $video_autoplay . $videos_controls . $videos_autohide . $videos_related . '&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
$output .= $overlay_data;
$output .= '</div>';
$output .= $overlay_end;
}
// Search Playlist in iFrame
if ($content_type == "searchterm" && $content_lightbox == "false") {
$output .= $overlay_start;
$output .= '<div id="' . $modal_id . '" class="ts-video-container ' . $youtube_tooltipclasses . ' ' . $overlay_class . '" ' . $youtube_tooltipcontent . ' style="">';
$output .= '<iframe class="ts-video-iframe" width="100%" height="auto" src="//www.youtube.com/embed?listType=search&list=' . str_replace(' ', '', $content_search) . '&showinfo=1' . $video_autoplay . $videos_controls . $videos_autohide . $videos_related . '&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
$output .= $overlay_data;
$output .= '</div>';
$output .= $overlay_end;
}
// Individual Videos Playlist in iFrame
if ($content_type == "combination" && $content_lightbox == "false") {
$output .= $overlay_start;
$videos = explode(",", str_replace(' ', '', $content_combination));
$count = count($videos);
if ($count == 1) {
$iframe = '<iframe class="ts-video-iframe" width="100%" height="auto" src="//www.youtube.com/embed/' . $content_combination . $video_autoplay . $videos_controls . $videos_autohide . $videos_related . '&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
} else {
if ($count > 1) {
$first = $videos[0];
array_shift($videos);
$other = implode(",", $videos);
$iframe = '<iframe class="ts-video-iframe" width="100%" height="auto" src="//www.youtube.com/embed/' . $first . '?playlist=' . $other . '&showinfo=1' . $video_autoplay . $videos_controls . $videos_autohide . $videos_related . '&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
}
}
$output .= '<div id="' . $modal_id . '" class="ts-video-container ' . $youtube_tooltipclasses . ' ' . $overlay_class . '" ' . $youtube_tooltipcontent . ' style="">';
$output .= $iframe;
$output .= $overlay_data;
$output .= '</div>';
$output .= $overlay_end;
}
// Playlist from User Uploads in iFrame
if ($content_type == "uploads" && $content_lightbox == "false") {
$output .= $overlay_start;
$output .= '<div id="' . $modal_id . '" class="ts-video-container ' . $youtube_tooltipclasses . ' ' . $overlay_class . '" ' . $youtube_tooltipcontent . ' style="">';
$output .= '<iframe class="ts-video-iframe" width="100%" height="auto" src="//www.youtube.com/embed?listType=user_uploads&list=' . $content_uploads . '&showinfo=1' . $video_autoplay . $videos_controls . $videos_autohide . $videos_related . '&wmode=opaque" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
$output .= $overlay_data;
$output .= '</div>';
$output .= $overlay_end;
}
echo $output;
$myvariable = ob_get_clean();
return $myvariable;
}
function TS_VCSC_ComposerRowAdditions($output, $atts, $content = '')
{
global $VISUAL_COMPOSER_EXTENSIONS;
$TS_VCSC_RowToggleLimits = get_option('ts_vcsc_extend_settings_rowVisibilityLimits', $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_Row_Toggle_Defaults);
ob_start();
extract(shortcode_atts(array('ts_row_bg_image' => '', 'ts_row_bg_source' => 'full', 'ts_row_bg_effects' => '', 'ts_row_break_parents' => 0, 'ts_row_blur_strength' => '', 'ts_row_raster_use' => 'false', 'ts_row_raster_type' => '', 'ts_row_overlay_use' => 'false', 'ts_row_overlay_color' => 'rgba(30,115,190,0.25)', 'ts_row_overlay_opacity' => 25, 'ts_row_zindex' => 0, 'ts_row_min_height' => 100, 'ts_row_screen_height' => 'false', 'ts_row_screen_offset' => 0, 'svg_top_on' => 'false', 'svg_top_style' => '1', 'svg_top_height' => 100, 'svg_top_flip' => 'false', 'svg_top_position' => 0, 'svg_top_color1' => '#ffffff', 'svg_top_color2' => '#ededed', 'svg_bottom_on' => 'false', 'svg_bottom_style' => '1', 'svg_bottom_height' => 100, 'svg_bottom_flip' => 'false', 'svg_bottom_position' => 0, 'svg_bottom_color1' => '#ffffff', 'svg_bottom_color2' => '#ededed', 'ts_row_bg_position' => 'center', 'ts_row_bg_position_custom' => '', 'ts_row_bg_alignment_h' => 'center', 'ts_row_bg_alignment_v' => 'center', 'ts_row_bg_repeat' => 'no-repeat', 'ts_row_bg_size_parallax' => 'cover', 'ts_row_bg_size_standard' => 'cover', 'ts_row_parallax_type' => '', 'ts_row_parallax_speed' => 20, 'ts_row_automove_scroll' => 'true', 'ts_row_automove_align' => 'horizontal', 'ts_row_automove_path_v' => 'topbottom', 'ts_row_automove_path_h' => 'rightleft', 'ts_row_automove_speed' => 75, 'ts_row_movement_x_allow' => 'true', 'ts_row_movement_x_ratio' => 20, 'ts_row_movement_y_allow' => 'true', 'ts_row_movement_y_ratio' => 20, 'ts_row_movement_content' => 'false', 'margin_left' => 0, 'margin_right' => 0, 'padding_top' => 20, 'padding_bottom' => 20, 'enable_mobile' => 'false', 'single_color' => '#ffffff', 'gradiant_advanced' => 'false', 'gradient_generator' => '', 'gradient_angle' => 0, 'gradient_color_start' => '#cccccc', 'gradient_start_offset' => 0, 'gradient_color_end' => '#cccccc', 'gradient_end_offset' => 100, 'video_youtube' => '', 'video_background' => '', 'video_mute' => 'true', 'video_loop' => 'false', 'video_remove' => 'false', 'video_start' => 'false', 'video_hover' => 'false', 'video_stop' => 'true', 'video_controls' => 'true', 'video_raster' => 'false', 'video_mp4' => '', 'video_ogv' => '', 'video_webm' => '', 'video_image' => '', 'animation_factor' => '0.33', 'animation_scroll' => 'false', 'animation_view' => '', 'animation_speed' => 2000, 'show_large' => 'true', 'show_medium' => 'true', 'show_small' => 'true', 'show_extra' => 'true', 'show_remove' => 'true'), $atts));
// Check for Frontend Editor Mode
if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode == "true") {
$frontend_edit = 'true';
} else {
$frontend_edit = 'false';
}
// Check if Extended Row Options Utilized
if ($ts_row_bg_effects != "" || !empty($animation_view)) {
$extended_effects = "true";
} else {
$extended_effects = "false";
}
if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_LoadFrontEndWaypoints == "true" && $extended_effects == "true") {
if (wp_script_is('waypoints', $list = 'registered')) {
wp_enqueue_script('waypoints');
} else {
wp_enqueue_script('ts-extend-waypoints');
}
}
if ($VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_LoadFrontEndForcable == "false" && $extended_effects == "true") {
wp_enqueue_style('ts-extend-animations');
wp_enqueue_style('ts-visual-composer-extend-front');
wp_enqueue_script('ts-visual-composer-extend-front');
}
$output = "";
$randomizer = mt_rand(999999, 9999999);
// Viewport Animations
if (!empty($animation_view)) {
$animation_css = "ts-viewport-css-" . $animation_view;
$output .= '<div class="ts-viewport-row ts-viewport-animation" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-scrollup = "' . $animation_scroll . '" data-factor="' . $animation_factor . '" data-viewport="' . $animation_css . '" data-speed="' . $animation_speed . '"></div>';
} else {
$animation_css = '';
}
// CSS3 Blur Effect
if ($ts_row_blur_strength != '') {
$blur_class = "ts-background-blur " . $ts_row_blur_strength;
if ($ts_row_blur_strength == "ts-background-blur-small") {
$blur_factor = 2;
} else {
if ($ts_row_blur_strength == "ts-background-blur-medium") {
$blur_factor = 5;
} else {
if ($ts_row_blur_strength == "ts-background-blur-strong") {
$blur_factor = 8;
}
}
}
} else {
$blur_class = "";
$blur_factor = 0;
}
// Raster (Noise) Overlay
if ($ts_row_raster_use == "true" && $ts_row_raster_type != '') {
$raster_content = '<div class="ts-background-raster" style="background-image: url(' . $ts_row_raster_type . ');"></div>';
} else {
$raster_content = '';
}
// Color Overlay
if ($ts_row_overlay_use == "true" && $ts_row_overlay_color != '') {
$overlay_content = '<div class="ts-background-overlay" style="background: ' . $ts_row_overlay_color . ';"></div>';
} else {
$overlay_content = '';
}
// SVG Shape Overlays
$svg_enabled = 'false';
if ($svg_top_on == "true") {
$svg_top_content = '<div id="ts-background-separator-top-' . $randomizer . '" class="ts-background-separator-container" style="height: ' . $svg_top_height . 'px; top: ' . $svg_top_position . 'px; bottom: auto; z-index: ' . (1 + $ts_row_zindex) . ';"><div class="ts-background-separator-wrap ts-background-separator-top' . ($svg_top_flip == "true" ? "-flip" : "") . '" data-random="' . $randomizer . '" data-height="' . $svg_top_height . '" data-position="top" style="height: ' . $svg_top_height . 'px;">' . TS_VCSC_GetRowSeparator($svg_top_style, $svg_top_color1, $svg_top_color2, $svg_top_height) . '</div></div>';
$svg_enabled = 'true';
} else {
$svg_top_content = '';
}
if ($svg_bottom_on == "true") {
$svg_bottom_content = '<div id="ts-background-separator-bottom-' . $randomizer . '" class="ts-background-separator-container" style="height: ' . $svg_bottom_height . 'px; top: auto; bottom: ' . $svg_bottom_position . 'px; z-index: ' . (1 + $ts_row_zindex) . ';"><div class="ts-background-separator-wrap ts-background-separator-bottom' . ($svg_bottom_flip == "true" ? "-flip" : "") . '" data-random="' . $randomizer . '" data-height="' . $svg_bottom_height . '" data-position="bottom" style="height: ' . $svg_bottom_height . 'px;">' . TS_VCSC_GetRowSeparator($svg_bottom_style, $svg_bottom_color1, $svg_bottom_color2, $svg_bottom_height) . '</div></div>';
$svg_enabled = 'true';
} else {
$svg_bottom_content = '';
}
// Row Toggle Settings
$row_toggle_limits = $TS_VCSC_RowToggleLimits;
$large_default = 'true';
$large_limit = $row_toggle_limits['Large Devices'];
$medium_default = 'true';
$medium_limit = $row_toggle_limits['Medium Devices'];
$small_default = 'true';
$small_limit = $row_toggle_limits['Small Devices'];
$extra_default = 'true';
$extra_limit = 0;
if (($large_default != $show_large || $medium_default != $show_medium || $small_default != $show_small || $extra_default != $show_extra) && $frontend_edit == "false") {
$row_toggle_trigger = 'true';
$row_toggle_class = 'ts-composium-row-background ts-device-visibility';
$row_toggle_string = 'data-width-current="" data-width-break="' . get_option('ts_vcsc_extend_settings_additionsRowEffectsBreak', '600') . '" data-showremove="' . $show_remove . '" data-largeshow="' . $show_large . '" data-largelimit="' . $large_limit . '" data-mediumshow="' . $show_medium . '" data-mediumlimit="' . $medium_limit . '" data-smallshow="' . $show_small . '" data-smalllimit="' . $small_limit . '" data-extrashow="' . $show_extra . '" data-extralimit="' . $extra_limit . '"';
} else {
$row_toggle_trigger = 'false';
$row_toggle_class = 'ts-composium-row-background';
$row_toggle_string = 'data-width-current="" data-width-break="' . get_option('ts_vcsc_extend_settings_additionsRowEffectsBreak', '600') . '"';
}
// No Background Effect
if ($row_toggle_trigger == "true") {
if ($ts_row_bg_effects == "") {
$output .= '<div id="' . $row_toggle_class . '-' . $randomizer . '" class="' . $row_toggle_class . '" ' . $row_toggle_string . '></div>';
}
}
// Simple Background Image
if ($ts_row_bg_effects == "image") {
$ts_row_bg_image_url = wp_get_attachment_image_src($ts_row_bg_image, $ts_row_bg_source);
if ($ts_row_bg_position == "custom") {
$ts_row_bg_position = $ts_row_bg_position_custom;
}
$output .= "<div id='ts-background-main-" . $randomizer . "' class='ts-background-image ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' data-image-width='" . $ts_row_bg_image_url[1] . "' data-image-height='" . $ts_row_bg_image_url[2] . "' data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-image='" . $ts_row_bg_image_url[0] . "' data-size='" . $ts_row_bg_size_standard . "' data-position='" . esc_attr($ts_row_bg_position) . "' data-repeat='" . $ts_row_bg_repeat . "' data-break-parents='" . esc_attr($ts_row_break_parents) . "'>";
$output .= $svg_top_content;
$output .= $overlay_content;
$output .= $raster_content;
$output .= $svg_bottom_content;
$output .= "</div>";
}
// Fixed Background Image
if ($ts_row_bg_effects == "fixed") {
$ts_row_bg_image_url = wp_get_attachment_image_src($ts_row_bg_image, $ts_row_bg_source);
if ($ts_row_bg_position == "custom") {
$ts_row_bg_position = $ts_row_bg_position_custom;
}
$output .= "<div id='ts-background-main-" . $randomizer . "' class='ts-background-fixed ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' data-image-width='" . $ts_row_bg_image_url[1] . "' data-image-height='" . $ts_row_bg_image_url[2] . "' data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-image='" . $ts_row_bg_image_url[0] . "' data-size='" . $ts_row_bg_size_standard . "' data-position='" . esc_attr($ts_row_bg_position) . "' data-repeat='" . $ts_row_bg_repeat . "' data-break-parents='" . esc_attr($ts_row_break_parents) . "'>";
$output .= $svg_top_content;
$output .= $overlay_content;
$output .= $raster_content;
$output .= $svg_bottom_content;
$output .= "</div>";
}
// Parallax Background
if ($ts_row_bg_effects == "parallax") {
$parallaxClass = $ts_row_parallax_type == "none" ? "" : "ts-background-parallax";
$parallaxClass = in_array($ts_row_parallax_type, array("none", "fixed", "up", "down", "left", "right", "ts-background-parallax")) ? $parallaxClass : "";
if ($ts_row_parallax_type == "up" || $ts_row_parallax_type == "down") {
$ts_row_bg_alignment = $ts_row_bg_alignment_v;
} else {
if ($ts_row_parallax_type == "left" || $ts_row_parallax_type == "right") {
$ts_row_bg_alignment = $ts_row_bg_alignment_h;
}
}
if (!empty($parallaxClass)) {
$ts_row_bg_image_url = wp_get_attachment_image_src($ts_row_bg_image, $ts_row_bg_source);
$ts_row_parallax_speed = round($ts_row_parallax_speed / 100, 2);
$output .= "<div id='ts-background-main-" . $randomizer . "' class='" . esc_attr($parallaxClass) . " ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' data-image-width='" . $ts_row_bg_image_url[1] . "' data-image-height='" . $ts_row_bg_image_url[2] . "' data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-disabled='false' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-image='" . $ts_row_bg_image_url[0] . "' data-size='" . $ts_row_bg_size_parallax . "' data-position='" . esc_attr($ts_row_bg_position) . "' data-alignment='" . $ts_row_bg_alignment . "' data-repeat='" . $ts_row_bg_repeat . "' data-direction='" . esc_attr($ts_row_parallax_type) . "' data-momentum='" . esc_attr((double) $ts_row_parallax_speed * -1) . "' data-mobile-enabled='" . esc_attr($enable_mobile) . "' data-break-parents='" . esc_attr($ts_row_break_parents) . "'>";
$output .= $svg_top_content;
$output .= $overlay_content;
$output .= $raster_content;
$output .= $svg_bottom_content;
$output .= "</div>";
}
}
// AutoMove Background
if ($ts_row_bg_effects == "automove") {
$ts_row_bg_image_url = wp_get_attachment_image_src($ts_row_bg_image, $ts_row_bg_source);
if ($ts_row_automove_align == "horizontal") {
$ts_row_automove_path = $ts_row_automove_path_h;
} else {
if ($ts_row_automove_align == "vertical") {
$ts_row_automove_path = $ts_row_automove_path_v;
}
}
$output .= "<div id='ts-background-main-" . $randomizer . "' class='ts-background-automove ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' data-image-width='" . $ts_row_bg_image_url[1] . "' data-image-height='" . $ts_row_bg_image_url[2] . "' data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-image='" . $ts_row_bg_image_url[0] . "' data-size='" . $ts_row_bg_size_standard . "' data-position='" . esc_attr($ts_row_bg_position) . "' data-repeat='repeat 0 0' data-scroll='" . $ts_row_automove_scroll . "' data-alignment='" . $ts_row_automove_align . "' data-direction='" . $ts_row_automove_path . "' data-speed='" . $ts_row_automove_speed . "' data-break-parents='" . esc_attr($ts_row_break_parents) . "'>";
$output .= $svg_top_content;
$output .= $overlay_content;
$output .= $raster_content;
$output .= $svg_bottom_content;
$output .= "</div>";
}
// Movement Background
if ($ts_row_bg_effects == "movement") {
wp_enqueue_script('ts-extend-parallaxify');
$ts_row_bg_image_url = wp_get_attachment_image_src($ts_row_bg_image, $ts_row_bg_source);
$ts_row_movement_data = ' data-allowx="' . $ts_row_movement_x_allow . '" data-movex="' . $ts_row_movement_x_ratio . '" data-allowy="' . $ts_row_movement_y_allow . '" data-movey="' . $ts_row_movement_y_ratio . '" data-allowcontent="' . $ts_row_movement_content . '"';
$output .= "<div id='ts-background-main-" . $randomizer . "' class='ts-background-movement ts-background " . $row_toggle_class . " " . $blur_class . "' " . $row_toggle_string . " data-svgshape='" . $svg_enabled . "' data-random='" . $randomizer . "' data-image-width='" . $ts_row_bg_image_url[1] . "' data-image-height='" . $ts_row_bg_image_url[2] . "' data-type='" . $ts_row_bg_effects . "' data-inline='" . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . "' data-disabled='false' data-height='" . $ts_row_min_height . "' data-screen='" . $ts_row_screen_height . "' data-offset='" . $ts_row_screen_offset . "' data-blur='" . $blur_factor . "' data-index='" . $ts_row_zindex . "' data-marginleft='" . $margin_left . "' data-marginright='" . $margin_right . "' data-paddingtop='" . $padding_top . "' data-paddingbottom='" . $padding_bottom . "' data-image='" . $ts_row_bg_image_url[0] . "' data-size='" . $ts_row_bg_size_parallax . "' data-position='" . esc_attr($ts_row_bg_position) . "' data-repeat='" . $ts_row_bg_repeat . "' data-mobile-enabled='" . esc_attr($enable_mobile) . "' data-break-parents='" . esc_attr($ts_row_break_parents) . "' " . $ts_row_movement_data . ">";
$output .= $svg_top_content;
$output .= $overlay_content;
$output .= $raster_content;
$output .= $svg_bottom_content;
$output .= "</div>";
}
// Selfhosted Video Background
if ($ts_row_bg_effects == "video") {
wp_enqueue_style('ts-font-mediaplayer');
wp_enqueue_style('ts-extend-wallpaper');
wp_enqueue_script('ts-extend-wallpaper');
if (!empty($video_image)) {
$video_image_url = wp_get_attachment_image_src($video_image, 'full');
$video_image_url = $video_image_url[0];
} else {
$video_image_url = "";
}
$output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-video ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-raster="' . ($ts_row_raster_use == "true" && $ts_row_raster_type != '' ? $ts_row_raster_type : "") . '" data-overlay="' . ($ts_row_overlay_use == "true" && $ts_row_overlay_color != '' ? $ts_row_overlay_color : "") . '" data-mp4="' . $video_mp4 . '" data-ogv="' . $video_ogv . '" data-webm="' . $video_webm . '" data-image="' . $video_image_url . '" data-controls="' . $video_controls . '" data-start="' . $video_start . '" data-stop="' . $video_stop . '" data-hover="' . $video_hover . '" data-loop="' . $video_loop . '" data-remove="' . $video_remove . '" data-mute="' . $video_mute . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">';
$output .= '<div class="ts-background-video-holder" style=""></div>';
$output .= $svg_top_content;
$output .= $svg_bottom_content;
$output .= '</div>';
}
// Youtube Video Background
if ($ts_row_bg_effects == "youtube") {
if (preg_match('~((http|https|ftp|ftps)://|www.)(.+?)~', $video_youtube)) {
$video_youtube = $video_youtube;
} else {
$video_youtube = 'https://www.youtube.com/watch?v=' . $video_youtube;
}
if (!empty($video_background)) {
$video_background = wp_get_attachment_image_src($video_background, 'full');
$video_background = $video_background[0];
} else {
$video_background = TS_VCSC_VideoImage_Youtube($video_youtube);
}
wp_enqueue_script('ts-extend-ytplayer');
wp_enqueue_style('ts-extend-ytplayer');
$output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-youtube ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-image="' . $video_background . '" data-video="' . $video_youtube . '" data-controls="' . $video_controls . '" data-start="' . $video_start . '" data-stop="' . $video_stop . '" data-hover="' . $video_hover . '" data-raster="' . $video_raster . '" data-mute="' . $video_mute . '" data-loop="' . $video_loop . '" data-remove="' . $video_remove . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">';
$output .= $svg_top_content;
$output .= $overlay_content;
$output .= $raster_content;
$output .= $svg_bottom_content;
$output .= '</div>';
}
// Vimeo Video Background
if ($ts_row_bg_effects == "vimeo") {
}
// Single Color Background
if ($ts_row_bg_effects == "single") {
$output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-single ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' style="display: none; background-color: ' . $single_color . ';" data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-color="' . $single_color . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">';
$output .= $svg_top_content;
$output .= $raster_content;
$output .= $svg_bottom_content;
$output .= '</div>';
}
// Gradient Background
if ($ts_row_bg_effects == "gradient") {
if ($gradiant_advanced == 'false') {
$gradient_css_attr[] = 'background: ' . $gradient_color_start . '';
$gradient_css_attr[] = 'background: -moz-linear-gradient(' . $gradient_angle . 'deg, ' . $gradient_color_start . ' ' . $gradient_start_offset . '%, ' . $gradient_color_end . ' ' . $gradient_end_offset . '%)';
$gradient_css_attr[] = 'background: -webkit-linear-gradient(' . $gradient_angle . 'deg, ' . $gradient_color_start . ' ' . $gradient_start_offset . '%, ' . $gradient_color_end . ' ' . $gradient_end_offset . '%)';
$gradient_css_attr[] = 'background: -o-linear-gradient(' . $gradient_angle . 'deg, ' . $gradient_color_start . ' ' . $gradient_start_offset . '%, ' . $gradient_color_end . ' ' . $gradient_end_offset . '%)';
$gradient_css_attr[] = 'background: -ms-linear-gradient(' . $gradient_angle . 'deg, ' . $gradient_color_start . ' ' . $gradient_start_offset . '%, ' . $gradient_color_end . ' ' . $gradient_end_offset . '%)';
$gradient_css_attr[] = 'background: linear-gradient(' . $gradient_angle . 'deg, ' . $gradient_color_start . ' ' . $gradient_start_offset . '%, ' . $gradient_color_end . ' ' . $gradient_end_offset . '%)';
$gradient_css_attr = implode('; ', $gradient_css_attr);
} else {
$gradient_css_attr = $gradient_generator;
}
$output .= '<div id="ts-background-main-' . $randomizer . '" class="ts-background-gradient ts-background ' . $row_toggle_class . '" ' . $row_toggle_string . ' style="display: none; ' . $gradient_css_attr . '" data-svgshape="' . $svg_enabled . '" data-random="' . $randomizer . '" data-type="' . $ts_row_bg_effects . '" data-inline="' . $VISUAL_COMPOSER_EXTENSIONS->TS_VCSC_VCFrontEditMode . '" data-height="' . $ts_row_min_height . '" data-screen="' . $ts_row_screen_height . '" data-offset="' . $ts_row_screen_offset . '" data-blur="' . $blur_factor . '" data-index="' . $ts_row_zindex . '" data-marginleft="' . $margin_left . '" data-marginright="' . $margin_right . '" data-paddingtop="' . $padding_top . '" data-paddingbottom="' . $padding_bottom . '" data-break-parents="' . esc_attr($ts_row_break_parents) . '">';
$output .= $svg_top_content;
$output .= $raster_content;
$output .= $svg_bottom_content;
$output .= '</div>';
}
if ($frontend_edit == "false") {
echo $output;
}
$myvariable = ob_get_clean();
return $myvariable;
}