/**
* view the estimated speed of the Slider
* @since: 5.0
*/
public static function get_slider_speed($sliderID)
{
//$data = wp_get_attachment_metadata($cur_img_id);
ob_start();
$total_size = 0;
$do_ssl = is_ssl() ? 'http:' : 'https:';
$slider = new RevSliderSlider();
$slider->initByID($sliderID);
$slides = $slider->getSlidesForExport();
$static_slides = $slider->getStaticSlideForExport();
if (!empty($static_slides) && is_array($static_slides)) {
foreach ($static_slides as $s_slide) {
$slides[] = $s_slide;
}
}
$used_images = array();
$used_videos = array();
$used_captions = array();
$using_kenburns = false;
$using_parallax = false;
$using_carousel = false;
$using_navigation = false;
$using_videos = false;
$using_actions = false;
$using_layeranim = false;
$img_size = 0;
$video_size = 0;
$slide_counter = 0;
$firstslide_size = 0;
$smartslide_size = 0;
if ($slider->getParam("use_parallax", "off") == 'on') {
$using_parallax = true;
}
if ($slider->getParam("slider-type", "standard") == 'carousel') {
$using_carousel = true;
}
$enable_arrows = $slider->getParam('enable_arrows', 'off');
$enable_bullets = $slider->getParam('enable_bullets', 'off');
$enable_tabs = $slider->getParam('enable_tabs', 'off');
$enable_thumbnails = $slider->getParam('enable_thumbnails', 'off');
if ($enable_arrows == 'on' || $enable_bullets == 'on' || $enable_tabs == 'on' || $enable_thumbnails == 'on') {
$using_navigation = true;
}
if (!empty($slides) && count($slides) > 0) {
foreach ($slides as $key => $slide) {
if (isset($slide['params']['state']) && $slide['params']['state'] != 'published') {
continue;
}
if (!isset($slide['id'])) {
continue;
}
$slide_counter++;
$slide_id = $slide['id'];
if (isset($slide['params']['kenburn_effect']) && $slide['params']['kenburn_effect'] == 'on') {
$using_kenburns = true;
}
if (!isset($slide['params']['image_source_type'])) {
$slide['params']['image_source_type'] = 'full';
}
if (isset($slide['params']['image']) && $slide['params']['image'] != '') {
//add infos of image to an array
$infos = array();
$urlImage = false;
switch ($slide['params']['background_type']) {
case 'streamyoutube':
case 'streaminstagram':
case 'streamvimeo':
case 'youtube':
case 'vimeo':
$using_videos = true;
break;
}
if (isset($slide['params']['image_id'])) {
$cur_img_id = $slide['params']['image_id'];
//get image sizes by ID
$urlImage = wp_get_attachment_image_src($slide['params']['image_id'], $slide['params']['image_source_type']);
}
if ($urlImage === false) {
$cur_img_id = RevSliderFunctionsWP::get_image_id_by_url($slide['params']['image']);
if ($cur_img_id !== false) {
$urlImage = wp_get_attachment_image_src($cur_img_id, $slide['params']['image_source_type']);
}
}
if ($urlImage !== false) {
$infos['id'] = $cur_img_id;
$file = get_attached_file($cur_img_id);
$infos['info'] = pathinfo($file);
if (file_exists($file)) {
$infos['size'] = filesize($file);
$infos['size-format'] = size_format($infos['size'], 2);
$img_size += $infos['size'];
if ($slide_counter == 1) {
$firstslide_size += $infos['size'];
}
if ($slide_counter == 1 || $slide_counter == 2 || $slide_counter == count($slides)) {
$smartslide_size += $infos['size'];
}
} else {
$infos['id'] = false;
}
} else {
$infos['id'] = 'external';
}
if (strpos($slide_id, 'static_') !== false) {
$infos['url'] = RevSliderBaseAdmin::getViewUrl(RevSliderAdmin::VIEW_SLIDE, 'id=static_' . $sliderID);
} else {
$infos['url'] = RevSliderBaseAdmin::getViewUrl(RevSliderAdmin::VIEW_SLIDE, 'id=' . $slide_id);
}
$used_images[$slide['params']['image']] = $infos;
}
if (isset($slide['layers']) && !empty($slide['layers']) && count($slide['layers']) > 0) {
$using_layeranim = true;
foreach ($slide['layers'] as $lKey => $layer) {
switch ($layer['type']) {
case 'image':
$infos = array();
if (isset($layer['image_url']) && trim($layer['image_url']) != '') {
$cur_img_id = RevSliderFunctionsWP::get_image_id_by_url($layer['image_url']);
if ($cur_img_id !== false) {
if (!isset($layer['layer-image-size']) || $layer['layer-image-size'] == 'auto') {
$layer['layer-image-size'] = $slide['params']['image_source_type'];
}
$urlImage = wp_get_attachment_image_src($cur_img_id, $layer['layer-image-size']);
if ($urlImage !== false) {
$infos['id'] = $cur_img_id;
$file = get_attached_file($cur_img_id);
$infos['info'] = pathinfo($file);
if (file_exists($file)) {
$infos['size'] = filesize($file);
$infos['size-format'] = size_format($infos['size'], 2);
$img_size += $infos['size'];
if ($slide_counter == 1) {
$firstslide_size += $infos['size'];
}
if ($slide_counter == 1 || $slide_counter == 2 || $slide_counter == count($slides)) {
$smartslide_size += $infos['size'];
}
} else {
$infos['id'] = false;
}
} else {
$infos['id'] = 'external';
}
} else {
$infos['id'] = 'external';
}
if (strpos($slide_id, 'static_') !== false) {
$infos['url'] = RevSliderBaseAdmin::getViewUrl(RevSliderAdmin::VIEW_SLIDE, 'id=static_' . $sliderID);
} else {
$infos['url'] = RevSliderBaseAdmin::getViewUrl(RevSliderAdmin::VIEW_SLIDE, 'id=' . $slide_id);
}
$used_images[$layer['image_url']] = $infos;
//image_url if image caption
}
break;
case 'video':
$using_videos = true;
//get cover image if existing
$infos = array();
$poster_img = array();
if (isset($layer['video_data']) && isset($layer['video_data']->urlPoster)) {
$poster_img[] = $layer['video_data']->urlPoster;
}
if (isset($layer['video_image_url']) && isset($layer['video_image_url'])) {
$poster_img[] = $layer['video_image_url'];
}
if (!empty($poster_img)) {
foreach ($poster_img as $img) {
if (trim($img) == '') {
continue;
}
$cur_img_id = RevSliderFunctionsWP::get_image_id_by_url($img);
if ($cur_img_id !== false) {
if (!isset($layer['layer-image-size']) || $layer['layer-image-size'] == 'auto') {
$layer['layer-image-size'] = $slide['params']['image_source_type'];
}
$urlImage = wp_get_attachment_image_src($cur_img_id, $layer['layer-image-size']);
if ($urlImage !== false) {
$infos['id'] = $cur_img_id;
$file = get_attached_file($cur_img_id);
$infos['info'] = pathinfo($file);
if (file_exists($file)) {
$infos['size'] = filesize($file);
$infos['size-format'] = size_format($infos['size'], 2);
$img_size += $infos['size'];
if ($slide_counter == 1) {
$firstslide_size += $infos['size'];
}
if ($slide_counter == 1 || $slide_counter == 2 || $slide_counter == count($slides)) {
$smartslide_size += $infos['size'];
}
} else {
$infos['id'] = false;
}
} else {
$infos['id'] = 'external';
}
} else {
$infos['id'] = 'external';
}
if (strpos($slide_id, 'static_') !== false) {
$infos['url'] = RevSliderBaseAdmin::getViewUrl(RevSliderAdmin::VIEW_SLIDE, 'id=static_' . $sliderID);
} else {
$infos['url'] = RevSliderBaseAdmin::getViewUrl(RevSliderAdmin::VIEW_SLIDE, 'id=' . $slide_id);
}
$used_images[$img] = $infos;
//image_url if image caption
}
}
$infos = array();
if (isset($layer['video_type'])) {
//add videos and try to get video size
if (isset($layer['video_data'])) {
$video_arr = array();
$max_video_size = 0;
if (strpos($slide_id, 'static_') !== false) {
$infos['url'] = RevSliderBaseAdmin::getViewUrl(RevSliderAdmin::VIEW_SLIDE, 'id=static_' . $sliderID);
} else {
$infos['url'] = RevSliderBaseAdmin::getViewUrl(RevSliderAdmin::VIEW_SLIDE, 'id=' . $slide_id);
}
switch ($layer['video_type']) {
case 'html5':
if (isset($layer['video_data']->urlMp4) && !empty($layer['video_data']->urlMp4)) {
$video_arr['mp4'] = $layer['video_data']->urlMp4;
}
if (isset($layer['video_data']->urlWebm) && !empty($layer['video_data']->urlWebm)) {
$video_arr['webm'] = $layer['video_data']->urlWebm;
}
if (isset($layer['video_data']->urlOgv) && !empty($layer['video_data']->urlOgv)) {
$video_arr['mp4'] = $layer['video_data']->urlOgv;
}
if (!empty($video_arr)) {
foreach ($video_arr as $type => $url) {
$cur_id = RevSliderFunctionsWP::get_image_id_by_url($url);
if ($cur_id !== false) {
$infos['id'] = $cur_id;
$file = get_attached_file($cur_id);
$infos['info'] = pathinfo($file);
if (file_exists($file)) {
$infos['size'] = filesize($file);
$infos['size-format'] = size_format($infos['size'], 2);
if ($infos['size'] > $max_video_size) {
$max_video_size = $infos['size'];
}
//add only the largest video of the three here as each browser loads only one file and we can add here the biggest
} else {
$infos['id'] = 'external';
}
} else {
$infos['id'] = 'external';
}
$used_videos[$url] = $infos;
}
$video_size += $max_video_size;
}
break;
case 'youtube':
$infos['id'] = 'external';
if (!isset($layer['video_data']->id) || empty($layer['video_data']->id)) {
continue;
}
$used_videos[$do_ssl . '//www.youtube.com/watch?v=' . $layer['video_data']->id] = $infos;
break;
case 'vimeo':
if (!isset($layer['video_data']->id) || empty($layer['video_data']->id)) {
continue;
}
$infos['id'] = 'external';
$used_videos[$do_ssl . '//vimeo.com/' . $layer['video_data']->id] = $infos;
break;
}
}
}
break;
}
//check captions for actions
if (isset($layer['layer_action']) && !empty($layer['layer_action'])) {
$a_action = RevSliderFunctions::cleanStdClassToArray(RevSliderFunctions::getVal($layer['layer_action'], 'action', array()));
$a_link_type = RevSliderFunctions::cleanStdClassToArray(RevSliderFunctions::getVal($layer['layer_action'], 'link_type', array()));
if (!empty($a_action)) {
foreach ($a_action as $num => $action) {
if ($using_actions == true) {
break;
}
if ($action !== 'link') {
$using_actions = true;
} else {
//check if jQuery or a tag
if ($a_link_type[$num] == 'jquery') {
$using_actions = true;
}
}
}
}
}
if (isset($layer['style']) && $layer['style'] != '') {
$used_captions[$layer['style']] = true;
}
}
}
}
}
$total_size += $img_size;
$img_counter = 0;
$issues = "";
//$total_size += $video_size;
?>
<span class="tp-clearfix" style="height:15px"></span>
<hr>
<span class="tp-clearfix" style="height:25px"></span>
<!-- HEADER OF MONITORING -->
<span class="tp-monitor-performance-title"><?php
echo __("Overall Slider Performance", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-performace-wrap">
<span id="image-performace-bar" style="width: %overall_performance%%" class="tp-monitor-performance-bar mo-%overall_color%-col"></span>
<span class="tp-monitor-slow"><?php
echo __("Slow", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-ok"><?php
echo __("Ok", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-fast"><?php
echo __("Fast", REVSLIDER_TEXTDOMAIN);
?>
</span>
</span>
<span class="tp-clearfix" style="height:50px"></span>
<span class="tp-monitor-speed-table tp-monitor-single-speed">
<span class="tp-monitor-speed-cell">
<span class="tp-monitor-smalllabel"><?php
echo __("Load Speed UMTS:", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-total-subsize" id="umts-speed">%umtsspeed-single%</span>
</span>
<span class="tp-monitor-speed-cell">
<span class="tp-monitor-smalllabel"><?php
echo __("Load Speed DSL:", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-total-subsize" id="dsl-speed">%dslspeed-single%</span>
</span>
<span class="tp-monitor-speed-cell">
<span class="tp-monitor-smalllabel"><?php
echo __("Load Speed T1:", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-total-subsize" id="t1-speed">%t1speed-single%</span>
</span>
</span>
<span class="tp-monitor-speed-table tp-monitor-smart-speed">
<span class="tp-monitor-speed-cell">
<span class="tp-monitor-smalllabel"><?php
echo __("Load Speed UMTS:", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-total-subsize" id="umts-speed">%umtsspeed-smart%</span>
</span>
<span class="tp-monitor-speed-cell">
<span class="tp-monitor-smalllabel"><?php
echo __("Load Speed DSL:", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-total-subsize" id="dsl-speed">%dslspeed-smart%</span>
</span>
<span class="tp-monitor-speed-cell">
<span class="tp-monitor-smalllabel"><?php
echo __("Load Speed T1:", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-total-subsize" id="t1-speed">%t1speed-smart%</span>
</span>
</span>
<span class="tp-monitor-speed-table tp-monitor-all-speed">
<span class="tp-monitor-speed-cell">
<span class="tp-monitor-smalllabel"><?php
echo __("Load Speed UMTS:", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-total-subsize" id="umts-speed">%umtsspeed-all%</span>
</span>
<span class="tp-monitor-speed-cell">
<span class="tp-monitor-smalllabel"><?php
echo __("Load Speed DSL:", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-total-subsize" id="dsl-speed">%dslspeed-all%</span>
</span>
<span class="tp-monitor-speed-cell">
<span class="tp-monitor-smalllabel"><?php
echo __("Load Speed T1:", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-total-subsize" id="t1-speed">%t1speed-all%</span>
</span>
</span>
<span class="tp-clearfix" style="height:25px"></span>
<span style="float:left;width:165px">
<span class="tp-monitor-smalllabel"><?php
echo __("Total Slider Size:", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-fullsize">%overall_size%</span>
<a class="button-primary revblue tp-monitor-showdetails" data-target="#performance_overall_details" style="float:right; width:160px;vertical-align:top"><i class="eg-icon-chart-bar"></i>Show Full Statistics</a>
</span>
<span style="float:right; width:165px">
<span class="tp-monitor-smalllabel"><?php
echo __("Preloaded Slides Size:", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-fullsize tp-monitor-single-speed">%firstslide_size%</span>
<span class="tp-monitor-fullsize tp-monitor-smart-speed">%smartslide_size%</span>
<span class="tp-monitor-fullsize tp-monitor-all-speed">%allslide_size%</span>
<a class="button-primary revred tp-monitor-showdetails" data-target="#monitor-problems" style="float:right; width:160px;vertical-align:top;"><i class="eg-icon-info"></i>Show All Issues</a>
</span>
<span class="tp-clearfix" style="height:15px"></span>
<hr>
<span class="tp-clearfix" style="height:25px"></span>
<!-- THE IMAGE PERFORMANCE MESSING -->
<div id="monitor-problems" style="display:none">
<span class="tp-monitor-performance-title"><?php
echo __("Need Some Attention", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-clearfix" style="height:25px"></span>
<ul class="tp-monitor-list" id="monitor-problem-details" style="margin-bottom:15px;">
%issues%
</ul>
<span class="tp-clearfix" style="height:15px"></span>
<hr>
<span class="tp-clearfix" style="height:25px"></span>
</div>
<div id="performance_overall_details" style="display:none">
<!-- IMAGE LIST -->
<?php
if (!empty($used_images)) {
?>
<!-- THE IMAGE PERFORMANCE MESSING -->
<span class="tp-monitor-performance-title"><?php
echo __("Image Performance", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-performace-wrap">
<span id="image-performace-bar" style="width: %image_performance%%" class="tp-monitor-performance-bar mo-%image_color%-col"></span>
<span class="tp-monitor-slow"><?php
echo __("Slow", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-ok"><?php
echo __("Ok", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-fast"><?php
echo __("Fast", REVSLIDER_TEXTDOMAIN);
?>
</span>
</span>
<span class="tp-clearfix" style="height:35px"></span>
<!-- FULL SIZE OF SUBCATEGORY && SHOW/HIDE LIST -->
<span style="float:left;width:40%">
<span class="tp-monitor-smalllabel"><?php
echo __("Images Loaded:", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-imageicon"></span>
<span id="image_sub_size" class="tp-monitor-total-subsize"><?php
echo size_format($img_size, 2);
?>
</span>
</span>
<span style="float:left;width:60%; text-align:right;">
<span class="tp-monitor-showdetails" data-target="#monitor-image-details" data-open="</span><?php
echo __("Hide Details", REVSLIDER_TEXTDOMAIN);
?>
" data-close="</span><?php
echo __("Show Details", REVSLIDER_TEXTDOMAIN);
?>
"><span class="tp-monitor-openclose"></span><span class="tp-show-inner-btn"><?php
echo __("Show Details", REVSLIDER_TEXTDOMAIN);
?>
</span></span>
</span>
<span class="tp-clearfix" style="height:15px"></span>
<!-- THE IMAGE LIST -->
<ul class="tp-monitor-list" id="monitor-image-details" style="display:none;margin-bottom:15px;">
<?php
foreach ($used_images as $path => $image) {
$_li = '<li class="tp-monitor-listli">';
if (isset($image['size'])) {
$img_counter++;
if ($image['size'] < 200000) {
$_li .= '<span class="tp-monitor-good"></span>';
} else {
if ($image['size'] < 400000) {
$_li .= '<span class="tp-monitor-well"></span>';
} else {
$_li .= '<span class="tp-monitor-warning"></span>';
}
}
if ($image['size'] > 1000000) {
$_li .= '<span class="tp-monitor-size">' . size_format($image['size'], 2) . '</span>';
} else {
$_li .= '<span class="tp-monitor-size">' . size_format($image['size'], 0) . '</span>';
}
} else {
if ($image['id'] == 'external') {
$_li .= '<span class="tp-monitor-neutral"></span><span class="tp-monitor-size">' . __('extern', REVSLIDER_TEXTDOMAIN) . '</span>';
} else {
$_li .= '<span class="tp-monitor-warning"></span><span class="tp-monitor-size">' . __('missing', REVSLIDER_TEXTDOMAIN) . '</span>';
}
}
$_li .= '<span class="tp-monitor-file">';
if (!isset($image['info']['basename']) || empty($image['info']['basename'])) {
$_li .= '...' . substr($path, -20);
} else {
$_li .= substr($image['info']['basename'], -20);
}
$_li .= '</span>';
if (isset($image['url'])) {
//$_li .= ' <a href="'.$image['url'].'" target="_blank" class="tp-monitor-showimage"></a>';
$_li .= ' <a href="' . $image['url'] . '" target="_blank" class="tp-monitor-linktoslide"></a>';
}
$_li .= '</li>';
echo $_li;
if (isset($image['size']) && $image['size'] > 199999 || !isset($image['size']) && !$image['id'] == 'external') {
$issues .= $_li;
}
}
?>
</ul>
<?php
}
?>
<!-- VIDEO LIST -->
<?php
if (!empty($used_videos)) {
?>
<span class="tp-clearfix" style="height:15px"></span>
<hr>
<span class="tp-clearfix" style="height:25px"></span>
<!-- THE VIDEO PERFORMANCE MESSING -->
<span class="tp-monitor-performance-title"><?php
echo __("Video Performance", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-performace-wrap">
<span id="video-performace-bar" style="width:50%" class="tp-monitor-performance-bar mo-neutral-col"></span>
<span class="tp-monitor-slow"><?php
echo __("Slow", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-ok"><?php
echo __("Ok", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-fast"><?php
echo __("Fast", REVSLIDER_TEXTDOMAIN);
?>
</span>
</span>
<span class="tp-clearfix" style="height:35px"></span>
<!-- FULL SIZE OF SUBCATEGORY && SHOW/HIDE LIST -->
<span style="float:left;width:40%; display:block">
<span class="tp-monitor-smalllabel"><?php
echo __("Videos Loaded (max):", REVSLIDER_TEXTDOMAIN);
?>
</span>
<?php
if ($video_size > 0) {
?>
<span class="tp-monitor-imageicon"></span>
<span id="video_sub_size" class="tp-monitor-total-subsize"><?php
echo size_format($video_size, 2);
?>
</span>
<?php
} else {
?>
<span class="tp-monitor-imageicon"></span>
<span class="tp-monitor-total-subsize"><?php
echo __("Unknown", REVSLIDER_TEXTDOMAIN);
?>
</span>
<?php
}
?>
</span>
<span style="float:left;width:60%; text-align:right;">
<span class="tp-monitor-showdetails" data-target="#monitor-video-details" data-open="</span><?php
echo __("Hide Details", REVSLIDER_TEXTDOMAIN);
?>
" data-close="</span><?php
echo __("Show Details", REVSLIDER_TEXTDOMAIN);
?>
"><span class="tp-monitor-openclose"></span><span class="tp-show-inner-btn"><?php
echo __("Show Details", REVSLIDER_TEXTDOMAIN);
?>
</span></span>
</span>
<span class="tp-clearfix" style="height:15px"></span>
<ul class="tp-monitor-list" id="monitor-video-details" style="margin-bottom:15px;display:none;">
<?php
foreach ($used_videos as $path => $video) {
$_li = '<li class="tp-monitor-listli">';
if (isset($video['size'])) {
$_li .= ' <span class="tp-monitor-neutral"></span>';
if ($video['size'] > 1000000) {
$_li .= '<span class="tp-monitor-size">' . size_format($video['size'], 2) . '</span>';
} else {
$_li .= '<span class="tp-monitor-size">' . size_format($video['size'], 0) . '</span>';
}
} else {
if ($video['id'] == 'external') {
$_li .= '<span class="tp-monitor-neutral"></span><span class="tp-monitor-size">' . __('extern', REVSLIDER_TEXTDOMAIN) . '</span>';
} else {
$_li .= '<span class="tp-monitor-warning"></span><span class="tp-monitor-size">' . __('missing', REVSLIDER_TEXTDOMAIN) . '</span>';
}
}
$_li .= '<span class="tp-monitor-file">';
if (!isset($video['info']['basename']) || empty($video['info']['basename'])) {
$_li .= '...' . substr($path, -20);
} else {
$_li .= substr($video['info']['basename'], -20);
}
$_li .= '</span>';
if (isset($image['url'])) {
$_li .= ' <a href="' . $video['url'] . '" target="_blank" class="tp-monitor-linktoslide"></a>';
}
$_li .= '</li>';
if (!isset($video['size']) && !$video['id'] == 'external') {
$issues .= $_li;
}
echo $_li;
}
?>
</ul>
<?php
}
$css_size = 0;
?>
<span class="tp-clearfix" style="height:15px"></span>
<hr>
<span class="tp-clearfix" style="height:25px"></span>
<!-- THE IMAGE PERFORMANCE MESSING -->
<span class="tp-monitor-performance-title"><?php
echo __("CSS Performance", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-performace-wrap">
<span id="image-performace-bar" style="width:%css_performance%%" class="tp-monitor-performance-bar mo-%css_color%-col"></span>
<span class="tp-monitor-slow"><?php
echo __("Slow", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-ok"><?php
echo __("Ok", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-fast"><?php
echo __("Fast", REVSLIDER_TEXTDOMAIN);
?>
</span>
</span>
<span class="tp-clearfix" style="height:35px"></span>
<!-- FULL SIZE OF SUBCATEGORY && SHOW/HIDE LIST -->
<span style="float:left;width:40%">
<span class="tp-monitor-smalllabel"><?php
echo __("CSS Loaded:", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-cssicon"></span><span id="css_sub_size" class="tp-monitor-total-subsize">%css_size%</span>
</span>
<span style="float:left;width:60%; text-align:right;">
<span class="tp-monitor-showdetails" data-target="#monitor-CSS-details" data-open="</span><?php
echo __("Hide Details", REVSLIDER_TEXTDOMAIN);
?>
" data-close="</span><?php
echo __("Show Details", REVSLIDER_TEXTDOMAIN);
?>
"><span class="tp-monitor-openclose"></span><span class="tp-show-inner-btn"><?php
echo __("Show Details", REVSLIDER_TEXTDOMAIN);
?>
</span></span>
</span>
<span class="tp-clearfix" style="height:15px"></span>
<?php
//get css files
echo '<ul class="tp-monitor-list" id="monitor-CSS-details" style="margin-bottom:15px;display:none;">';
if (file_exists(RS_PLUGIN_PATH . '/public/assets/css/settings.css')) {
$fs = filesize(RS_PLUGIN_PATH . '/public/assets/css/settings.css');
$_li = '<li class="tp-monitor-listli">';
if ($fs < 60000) {
$_li .= '<span class="tp-monitor-good"></span>';
} else {
if ($fs < 100000) {
$_li .= '<span class="tp-monitor-well"></span>';
} else {
$_li .= '<span class="tp-monitor-warning"></span>';
}
}
$_li .= '<span class="tp-monitor-size">' . size_format($fs, 0) . '</span>';
$_li .= '<span class="tp-monitor-file">';
$_li .= __('css/settings.css', REVSLIDER_TEXTDOMAIN);
$_li .= '</span>';
$_li .= '</li>';
if ($fs > 99999) {
$issues .= $_li;
}
echo $_li;
$total_size += $fs;
$css_size += $fs;
}
$custom_css = RevSliderOperations::getStaticCss();
$custom_css = RevSliderCssParser::compress_css($custom_css);
$_li = '<li class="tp-monitor-listli">';
if (strlen($custom_css) < 50000) {
$_li .= '<span class="tp-monitor-good"></span>';
} else {
if (strlen($custom_css) < 100000) {
$_li .= '<span class="tp-monitor-well"></span>';
} else {
$_li .= '<span class="tp-monitor-warning"></span>';
}
}
$_li .= '<span class="tp-monitor-size">' . size_format(strlen($custom_css), 0) . '</span>';
$_li .= '<span class="tp-monitor-file">';
$_li .= __('Static Styles', REVSLIDER_TEXTDOMAIN);
$_li .= '</span>';
$_li .= '</li>';
if (strlen($custom_css) > 49999) {
$issues .= $_li;
}
echo $_li;
$total_size += strlen($custom_css);
$css_size += strlen($custom_css);
if (!empty($used_captions)) {
$captions = array();
foreach ($used_captions as $class => $val) {
$cap = RevSliderOperations::getCaptionsContentArray($class);
if (!empty($cap)) {
$captions[] = $cap;
}
}
$styles = RevSliderCssParser::parseArrayToCss($captions, "\n");
$styles = RevSliderCssParser::compress_css($styles);
$_li = '<li class="tp-monitor-listli">';
if (strlen($styles) < 50000) {
$_li .= '<span class="tp-monitor-good"></span>';
} else {
if (strlen($styles) < 100000) {
$_li .= '<span class="tp-monitor-well"></span>';
} else {
$_li .= '<span class="tp-monitor-warning"></span>';
}
}
$_li .= '<span class="tp-monitor-size">' . size_format(strlen($styles), 0) . '</span>';
$_li .= '<span class="tp-monitor-file">';
$_li .= __('Dynamic Styles', REVSLIDER_TEXTDOMAIN);
$_li .= '</span>';
$_li .= '</li>';
if (strlen($styles) > 49999) {
$issues .= $_li;
}
echo $_li;
$total_size += strlen($styles);
$css_size += strlen($styles);
}
echo '</ul>';
echo ' <span style="display:none" id="css-size-hidden">' . size_format($css_size, 2) . '</span>';
$js_size = 0;
?>
<span class="tp-clearfix" style="height:15px"></span>
<hr>
<span class="tp-clearfix" style="height:25px"></span>
<!-- THE jQuery PERFORMANCE MESSING -->
<span class="tp-monitor-performance-title"><?php
echo __("jQuery Performance", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-performace-wrap">
<span id="video-performace-bar" style="width:%js_performance%%" class="tp-monitor-performance-bar mo-%js_color%-col"></span>
<span class="tp-monitor-slow"><?php
echo __("Slow", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-ok"><?php
echo __("Ok", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-fast"><?php
echo __("Fast", REVSLIDER_TEXTDOMAIN);
?>
</span>
</span>
<span class="tp-clearfix" style="height:35px"></span>
<!-- FULL SIZE OF SUBCATEGORY && SHOW/HIDE LIST -->
<span style="float:left;width:40%; display:block">
<span class="tp-monitor-smalllabel"><?php
echo __("jQuery Loaded:", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-imageicon"></span><span id="jquery_sub_size" class="tp-monitor-total-subsize">%js_size%</span>
</span>
<span style="float:left;width:60%; text-align:right;">
<span class="tp-monitor-showdetails" data-target="#monitor-jquery-details" data-open="</span><?php
echo __("Hide Details", REVSLIDER_TEXTDOMAIN);
?>
" data-close="</span><?php
echo __("Show Details", REVSLIDER_TEXTDOMAIN);
?>
"><span class="tp-monitor-openclose"></span><span class="tp-show-inner-btn"><?php
echo __("Show Details", REVSLIDER_TEXTDOMAIN);
?>
</span></span>
</span>
<span class="tp-clearfix" style="height:15px"></span>
<?php
echo '<ul class="tp-monitor-list" id="monitor-jquery-details" style="margin-bottom:15px;display:none">';
$jsfiles = array('jquery.themepunch.tools.min.js' => RS_PLUGIN_PATH . '/public/assets/js/jquery.themepunch.tools.min.js', 'jquery.themepunch.revolution.min.js' => RS_PLUGIN_PATH . '/public/assets/js/jquery.themepunch.revolution.min.js');
//check which js files will be used by the Slider
if ($using_kenburns == true) {
$jsfiles['revolution.extension.kenburn.min.js'] = RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.kenburn.min.js';
}
if ($using_parallax == true) {
$jsfiles['revolution.extension.parallax.js'] = RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.parallax.js';
}
if ($using_navigation == true) {
$jsfiles['revolution.extension.navigation.min.js'] = RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.navigation.min.js';
}
if ($using_videos == true) {
$jsfiles['revolution.extension.video.min.js'] = RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.video.min.js';
}
if ($using_actions == true) {
$jsfiles['revolution.extension.actions.min.js'] = RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.actions.min.js';
}
if ($using_layeranim == true) {
$jsfiles['revolution.extension.layeranimation.min.js'] = RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.layeranimation.min.js';
}
if ($using_carousel == true) {
$jsfiles['revolution.extension.carousel.min.js'] = RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.carousel.min.js';
} else {
$jsfiles['revolution.extension.slideanims.min.js'] = RS_PLUGIN_PATH . '/public/assets/js/extensions/revolution.extension.slideanims.min.js';
}
//get the js files
foreach ($jsfiles as $name => $path) {
if (file_exists($path)) {
$fs = filesize($path);
echo '<li class="tp-monitor-listli">';
echo '<span class="tp-monitor-good"></span>';
echo '<span class="tp-monitor-size">' . size_format($fs, 0) . '</span>';
echo '<span class="tp-monitor-file">';
echo $name;
echo '</span>';
echo '</li>';
$total_size += $fs;
$js_size += $fs;
}
}
echo '</ul>';
echo ' <span style="display:none" id="css-size-hidden">' . size_format($js_size, 2) . '</span>';
$http = is_ssl() ? 'https' : 'http';
$operations = new RevSliderOperations();
$arrValues = $operations->getGeneralSettingsValues();
$set_diff_font = RevSliderFunctions::getVal($arrValues, "change_font_loading", '');
if ($set_diff_font !== '') {
$font_url = $set_diff_font;
} else {
$font_url = $http . '://fonts.googleapis.com/css?family=';
}
$my_fonts = $slider->getParam('google_font', array());
?>
<span class="tp-clearfix" style="height:15px"></span>
<hr>
<span class="tp-clearfix" style="height:25px"></span>
<!-- THE Fonts PERFORMANCE MESSING -->
<span class="tp-monitor-performance-title"><?php
echo __("Google Fonts Performance", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-performace-wrap">
<span id="video-performace-bar" style="width:%font_performance%%" class="tp-monitor-performance-bar mo-%font_color%-col"></span>
<span class="tp-monitor-slow"><?php
echo __("Slow", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-ok"><?php
echo __("Ok", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-fast"><?php
echo __("Fast", REVSLIDER_TEXTDOMAIN);
?>
</span>
</span>
<span class="tp-clearfix" style="height:35px"></span>
<!-- FULL SIZE OF SUBCATEGORY && SHOW/HIDE LIST -->
<span style="float:left;width:40%; display:block">
<span class="tp-monitor-smalllabel"><?php
echo __("Fonts Loaded:", REVSLIDER_TEXTDOMAIN);
?>
</span>
<span class="tp-monitor-jsicon"></span><span class="tp-monitor-total-subsize">%font_size%</span>
</span>
<span style="float:left;width:60%; text-align:right;">
<span class="tp-monitor-showdetails" data-target="#monitor-fonts-details" data-open="</span><?php
echo __("Hide Details", REVSLIDER_TEXTDOMAIN);
?>
" data-close="</span><?php
echo __("Show Details", REVSLIDER_TEXTDOMAIN);
?>
"><span class="tp-monitor-openclose"></span><span class="tp-show-inner-btn"><?php
echo __("Show Details", REVSLIDER_TEXTDOMAIN);
?>
</span></span>
</span>
<span class="tp-clearfix" style="height:15px"></span>
<?php
//echo '<span class="tp-monitor-smalllabel">'.$font_url.'</span>';
echo '<ul class="tp-monitor-list" id="monitor-fonts-details" style="margin-bottom:15px;display:none">';
$all_font_count = 0;
if (!empty($my_fonts)) {
foreach ($my_fonts as $c_font) {
$fcount = RevSliderBase::get_font_weight_count($c_font);
$_li = '<li class="tp-monitor-listli">';
if ($fcount < 4) {
$_li .= '<span class="tp-monitor-good"></span>';
} else {
if ($fcount < 7) {
$_li .= '<span class="tp-monitor-well"></span>';
} else {
$_li .= '<span class="tp-monitor-warning"></span>';
}
}
$_li .= '<span class="tp-monitor-file">';
$_li .= strip_tags($c_font);
$_li .= '</span>';
$_li .= '</li>';
if ($fcount > 4) {
$issues .= $_li;
}
echo $_li;
$all_font_count += $fcount;
}
}
echo '</ul>';
?>
</div><!-- END OF OVERALL Div-->
<script>
jQuery(document).on("ready",function() {
jQuery('body').on('click','.tp-monitor-showdetails',function() {
var bt = jQuery(this);
if (bt.hasClass("selected")) {
bt.find('.tp-show-inner-btn').html(bt.data('close'));
bt.removeClass("selected");
jQuery(bt.data('target')).slideUp(200);
} else {
bt.find('.tp-show-inner-btn').html(bt.data('open'));
bt.addClass("selected");
jQuery(bt.data('target')).slideDown(200);
}
})
})
</script>
<?php
$content = ob_get_contents();
ob_end_clean();
if ($img_counter == 0) {
$img_counter = 1;
}
if ($slide_counter == 0) {
$slide_counter = 1;
}
$overall = RevSliderOperations::get_performance($total_size / $slide_counter, 0, 400000);
// 400KB / Slide is ok
$image = RevSliderOperations::get_performance($img_size / $img_counter, 0, 100000);
// 100KB Image OK
$css = RevSliderOperations::get_performance($css_size, 0, 150000);
// 150KB CSS OK
$js = RevSliderOperations::get_performance($js_size, 0, 250000);
// 250KB Image OK
$font = RevSliderOperations::get_performance($all_font_count, 0, 15);
// 250KB Image OK
$firstslide_size += $js_size;
$firstslide_size += $css_size;
$smartslide_size += $js_size;
$smartslide_size += $css_size;
$content = str_replace("%overall_performance%", $overall["proc"], $content);
$content = str_replace("%overall_color%", $overall["col"], $content);
$content = str_replace("%overall_size%", size_format($total_size, 2), $content);
$content = str_replace("%image_performance%", $image["proc"], $content);
$content = str_replace("%image_color%", $image["col"], $content);
$content = str_replace("%css_performance%", $css["proc"], $content);
$content = str_replace("%css_color%", $css["col"], $content);
$content = str_replace("%css_size%", size_format($css_size, 2), $content);
$content = str_replace("%js_performance%", $js["proc"], $content);
$content = str_replace("%js_color%", $js["col"], $content);
$content = str_replace("%js_size%", size_format($js_size, 2), $content);
$content = str_replace("%font_performance%", $font["proc"], $content);
$content = str_replace("%font_color%", $font["col"], $content);
$content = str_replace("%font_size%", $all_font_count, $content);
$content = str_replace("%issues%", $issues, $content);
$content = str_replace("%firstslide_size%", size_format($firstslide_size, 2), $content);
$content = str_replace("%smartslide_size%", size_format($smartslide_size, 2), $content);
$content = str_replace("%allslide_size%", size_format($total_size, 2), $content);
$total_size = $total_size / 1000;
$content = str_replace("%umtsspeed-all%", gmdate('i:s', $total_size / 48), $content);
$content = str_replace("%dslspeed-all%", gmdate('i:s', $total_size / 307), $content);
$content = str_replace("%t1speed-all%", gmdate('i:s', $total_size / 1180), $content);
$firstslide_size = $firstslide_size / 1000;
$content = str_replace("%umtsspeed-single%", gmdate('i:s', $firstslide_size / 48), $content);
$content = str_replace("%dslspeed-single%", gmdate('i:s', $firstslide_size / 307), $content);
$content = str_replace("%t1speed-single%", gmdate('i:s', $firstslide_size / 1180), $content);
$smartslide_size = $smartslide_size / 1000;
$content = str_replace("%umtsspeed-smart%", gmdate('i:s', $smartslide_size / 48), $content);
$content = str_replace("%dslspeed-smart%", gmdate('i:s', $smartslide_size / 307), $content);
$content = str_replace("%t1speed-smart%", gmdate('i:s', $smartslide_size / 1180), $content);
echo $content;
}
/**
* Add dialog for shortcode generator
* @since: 5.1.1
*/
public static function add_tiny_mce_shortcode_dialog()
{
$sld = new RevSlider();
$sliders = $sld->getArrSliders();
$shortcodes = '';
?>
<div id="revslider-tiny-mce-dialog" tabindex="-1" action="" title="" style="display: none; ">
<form id="revslider-tiny-mce-settings-form" action="">
<!-- STEP 1 -->
<div id="revslider-tiny-dialog-step-1">
<p class="revslider-quicktitle"></p>
<div class="revslider-quick-inner-wrapper" style="padding-right:0px;padding-bottom:0px;">
<select name="revslider-existing-slider" id="revslider-existing-slider">
<option value="-1" selected="selected"><?php
_e('--- Choose Slider ---', 'revslider');
?>
</option>
<?php
$sl = array();
$sliders_info = array();
if (!empty($sliders)) {
foreach ($sliders as $slider) {
$alias = $slider->getParam('alias', 'false');
$title = $slider->getTitle();
$type = $slider->getParam('source_type', 'gallery');
$slider_type = $slider->getParam('slider-type', 'standard');
$active_slide = $slider->getParam('hero_active', -1);
$sliderID = $slider->getID();
if ($type == 'gallery') {
$slides = $slider->getSlides();
} elseif ($type == 'specific_posts') {
$slides = $slider->getSlidesFromPosts();
}
if (!empty($slides)) {
$sliders_info[$sliderID] = array();
foreach ($slides as $slide) {
$bg_extraClass = '';
$bg_fullstyle = '';
$urlImageForView = $slide->getThumbUrl();
$bgt = $slide->getParam('background_type', 'transparent');
if ($type == 'woocommerce') {
}
if ($bgt == 'image' || $bgt == 'streamvimeo' || $bgt == 'streamyoutube' || $bgt == 'streaminstagram') {
switch ($type) {
case 'posts':
$urlImageForView = RS_PLUGIN_URL . 'public/assets/assets/sources/post.png';
break;
case 'woocommerce':
$urlImageForView = RS_PLUGIN_URL . 'public/assets/assets/sources/wc.png';
break;
case 'facebook':
$urlImageForView = RS_PLUGIN_URL . 'public/assets/assets/sources/fb.png';
break;
case 'twitter':
$urlImageForView = RS_PLUGIN_URL . 'public/assets/assets/sources/tw.png';
break;
case 'instagram':
$urlImageForView = RS_PLUGIN_URL . 'public/assets/assets/sources/ig.png';
break;
case 'flickr':
$urlImageForView = RS_PLUGIN_URL . 'public/assets/assets/sources/fr.png';
break;
case 'youtube':
$urlImageForView = RS_PLUGIN_URL . 'public/assets/assets/sources/yt.png';
break;
case 'vimeo':
$urlImageForView = RS_PLUGIN_URL . 'public/assets/assets/sources/vm.png';
break;
}
}
if ($bgt == 'image' || $bgt == 'vimeo' || $bgt == 'youtube' || $bgt == 'html5' || $bgt == 'streamvimeo' || $bgt == 'streamyoutube' || $bgt == 'streaminstagram') {
$bg_style = ' ';
if ($slide->getParam('bg_fit', 'cover') == 'percentage') {
$bg_style .= "background-size: " . $slide->getParam('bg_fit_x', '100') . '% ' . $slide->getParam('bg_fit_y', '100') . '%;';
} else {
$bg_style .= "background-size: " . $slide->getParam('bg_fit', 'cover') . ";";
}
if ($slide->getParam('bg_position', 'center center') == 'percentage') {
$bg_style .= "background-position: " . intval($slide->getParam('bg_position_x', '0')) . '% ' . intval($slide->getParam('bg_position_y', '0')) . '%;';
} else {
$bg_style .= "background-position: " . $slide->getParam('bg_position', 'center center') . ";";
}
$bg_style .= "background-repeat: " . $slide->getParam('bg_repeat', 'no-repeat') . ";";
$bg_fullstyle = ' style="background-image:url(' . $urlImageForView . ');' . $bg_style . '" ';
}
if ($bgt == 'solid') {
$bg_fullstyle = ' style="background-color:' . $slide->getParam('slide_bg_color', 'transparent') . ';" ';
}
if ($bgt == 'trans') {
$bg_extraClass = 'mini-transparent';
}
if ($slide->getParam('thumb_for_admin', 'off') == "on") {
$bg_fullstyle = ' style="background-image:url(' . $slide->getParam('slide_thumb', '') . ');background-size:cover;background-position:center center" ';
}
$sliders_info[$sliderID][] = array('id' => $slide->getID(), 'slider_type' => $slider_type, 'title' => $slide->getTitle(), 'slidertitle' => $title, 'slideralias' => $alias, 'sliderid' => $sliderID, 'state' => $slide->getParam('state', 'published'), 'slide_thumb' => $slide->getParam('slide_thumb', ''), 'bg_fullstyle' => $bg_fullstyle, 'bg_extraClass' => $bg_extraClass, 'active_slide' => $active_slide);
if ($active_slide == -1) {
$active_slide = -99;
}
//do this so that we are hero, only the first slide will be active if no hero slide was yet set
}
}
$sl[$type][] = array('alias' => $alias, 'title' => $title, 'id' => $sliderID);
}
if (!empty($sl)) {
foreach ($sl as $type => $slider) {
$mtype = $type == 'specific_posts' ? 'Specific Posts' : $type;
echo '<option disabled="disabled">--- ' . ucfirst(esc_attr($mtype)) . ' ---</option>';
foreach ($slider as $values) {
if ($values['alias'] != 'false') {
echo '<option data-sliderid="' . esc_attr($values['id']) . '" data-slidertype="' . esc_attr($type) . '" value="' . esc_attr($values['alias']) . '">' . esc_attr($values['title']) . '</option>' . "\n";
}
}
}
}
}
?>
</select>
<ul id="rs-shortcode-select-wrapper">
<li class="rs-slider-modify-li rs-slider-modify-new-slider">
<a href="<?php
echo RevSliderBaseAdmin::getViewUrl(RevSliderAdmin::VIEW_SLIDER);
?>
" target="_blank" class="button-primary revgreen" id="rs-create-predefined-slider"><span class="dashicons dashicons-plus"></span><span class="rs-slider-modify-title"><?php
_e('Create Slider', 'revslider');
?>
</span></a>
</li>
<?php
if (!empty($sliders_info)) {
foreach ($sliders_info as $type => $slider) {
foreach ($slider as $values) {
?>
<li id="slider_list_item_<?php
echo $values['sliderid'];
?>
" class="rs-slider-modify-li" data-sliderid="<?php
echo esc_attr($values['sliderid']);
?>
" data-slideralias="<?php
echo esc_attr($values['slideralias']);
?>
">
<span class="mini-transparent mini-as-bg"></span>
<div class="rs-slider-modify-container <?php
echo $values['bg_extraClass'];
?>
" <?php
echo $values['bg_fullstyle'];
?>
></div>
<i class="slide-link-forward eg-icon-forward"></i>
<span class="rs-slider-modify-title">#<?php
echo $values['sliderid'] . ' ' . $values['slidertitle'];
?>
</span>
</li>
<?php
break;
}
}
}
?>
<span style="clear:both;width:100%;display:block"></span>
</ul>
<span style="clear:both;width:100%;display:block"></span>
<script type="text/javascript">
var rev_sliders_info = jQuery.parseJSON(<?php
echo RevSliderFunctions::jsonEncodeForClientSide($sliders_info);
?>
);
</script>
</div>
<div class="revslider-stepnavigator">
<span class="revslider-currentstep"><strong><?php
_e('STEP 1', 'revslider');
?>
</strong><?php
_e('Select / Create Slider', 'revslider');
?>
</span>
<span class="revslider-step-actions-wrapper">
<a href="javascript:void(0);" class="button-primary nonclickable" id="rs-modify-predefined-slider"><span class="dashicons dashicons-admin-generic"></span><?php
_e('Quick Modify Slider', 'revslider');
?>
</a>
<a href="javascript:void(0);" class="button-primary nonclickable" id="rs-add-predefined-slider"><span class="dashicons dashicons-migrate"></span><?php
_e('Add Selected Slider', 'revslider');
?>
</a>
</span>
<span style="clear:both;width:100%;display:block"></span>
</div>
</div>
<!-- STEP 1.5 -->
<div id="revslider-tiny-dialog-step-1-5" style="display: none;">
<p class="revslider-quicktitle"></p>
<div id="revslider-tiny-settings-wrap" class="revslider-quick-inner-wrapper" style="padding-right:0px;padding-bottom:0px;">
<ul class="rs-mod-slides-wrapper">
</ul>
</div>
<div class="revslider-stepnavigator"><span class="revslider-currentstep"><strong><?php
_e('STEP 2', 'revslider');
?>
</strong><?php
_e('Quick Modify / Add Slider', 'revslider');
?>
</span>
<span class="revslider-step-actions-wrapper">
<a href="javascript:void(0);" class="button-primary rs-goto-step-1"><span class="dashicons dashicons-arrow-left-alt"></span><?php
_e('Select Slider', 'revslider');
?>
</a>
<a href="javascript:void(0);" class="button-primary " id="revslider-add-custom-shortcode-modify"><span class="dashicons dashicons-migrate"></span><?php
_e('Add Selected Slider', 'revslider');
?>
</a>
</span>
</div>
</div>
</form>
</div>
<script>
jQuery("document").ready(function() {
jQuery('body').on('click', '.slide-published.pubclickable', function(){
var li = jQuery(this).closest('li');
li.find('.slide-published').removeClass("pubclickable");
li.find('.slide-unpublished').addClass("pubclickable");
});
jQuery('body').on('click', '.slide-unpublished.pubclickable', function(){
var li = jQuery(this).closest('li');
li.find('.slide-published').addClass("pubclickable");
li.find('.slide-unpublished').removeClass("pubclickable");
});
jQuery('body').on('click', '.slide-hero-published.pubclickable', function(){
var li = jQuery(this).closest('li');
jQuery('.slide-link-published-wrapper').each(function(){
jQuery(this).find('.slide-hero-published').addClass("pubclickable");
jQuery(this).find('.slide-hero-unpublished').removeClass("pubclickable");
});
li.find('.slide-hero-published').removeClass("pubclickable");
li.find('.slide-hero-unpublished').addClass("pubclickable");
});
jQuery('body').on('click', '.slide-hero-unpublished.pubclickable', function(){
var li = jQuery(this).closest('li');
jQuery('.slide-link-published-wrapper').each(function(){
jQuery(this).find('.slide-hero-published').addClass("pubclickable");
jQuery(this).find('.slide-hero-unpublished').removeClass("pubclickable");
});
li.find('.slide-hero-published').addClass("pubclickable");
//li.find('.slide-hero-unpublished').removeClass("pubclickable");
});
});
</script>
<script type="text/html" id="tmpl-rs-modify-slide-wrap">
<li id="slidelist_item_{{ data.id }}" class="rs-slide-modify-li">
<span class="mini-transparent mini-as-bg"></span>
<div class="rs-slide-modify-container {{ data.bg_extraClass }}" {{{ data.bg_fullstyle }}}></div>
<i class="slide-link-forward eg-icon-forward"></i>
<span class="slide-link-published-wrapper">
<# if(data.slider_type !== 'hero'){ #>
<# if(data.state == 'published'){ #>
<span class="slide-published" ></span>
<span class="slide-unpublished pubclickable"></span>
<# }else{ #>
<span class="slide-unpublished"></span>
<span class="slide-published pubclickable"></span>
<# } #>
<# }else{ #>
<# if(data.active_slide == data.id || data.active_slide == -1){ #> <?php
/* || data.active_slide == -1 */
?>
<span class="slide-hero-published"></span>
<span class="slide-hero-unpublished pubclickable"></span>
<# }else{ #>
<span class="slide-hero-published pubclickable"></span>
<span class="slide-hero-unpublished"></span>
<# } #>
<# } #>
</span>
<span class="rs-slide-modify-title">{{ data.title }}</span>
</li>
</script>
<?php
}