<?php
/**
* @author ThemePunch <info@themepunch.com>
* @link http://www.themepunch.com/
* @copyright 2015 ThemePunch
*/
if( !defined( 'ABSPATH') ) exit();
$_width = $slider->getParam('width', 1280);
$_height = $slider->getParam('height', 868);
$the_slidertype = $slider->getParam('slider-type', 'standard');
if($the_slidertype == 'hero'){
$active_slide = $slider->getParam('hero_active', -1);
//check if this id is still existing
$exists = RevSliderSlide::isSlideByID($active_slide);
if($exists == false){
$active_slide = -1;
}
}
?>
<input type="hidden" value="<?php echo intval($_width); ?>" name="rs-grid-width" />
<input type="hidden" value="<?php echo intval($_height); ?>" name="rs-grid-height" />
<div id="slide_selector" class="slide_selector editor_buttons_wrapper postbox unite-postbox" style="max-width:100% !important; min-width:1200px !important">
<div class="inner_wrapper p10 boxsized">
<ul class="list_slide_links">
<?php
$staticclass = '';
$sID = $slider->getID();
if($slide->isStaticSlide()){
$staticclass = 'statictabselected';
}
?>
<li class="<?php echo $staticclass; ?> eg-drag-disabled">
<?php
if(!$slide->isStaticSlide()){
?>
<a href="<?php echo self::getViewUrl(RevSliderAdmin::VIEW_SLIDE,"id=static_$sID"); ?>" class="add_slide">
<?php
}
?>
<div class="slide-media-container icon-basketball" style="border:1px solid #3498DB; border-bottom:none;"></div>
<div class="slide-link-content alwaysbluebg" style="background:#3498DB !important; color:#fff">
<span class="slide-link" style="width:100%;text-align: center;"><?php _e("Static / Global Layers",'revslider'); ?></span>
</div>
<?php
if(!$slide->isStaticSlide()){
?>
</a>
<?php
}
?>
<?php
//show/hide layers of specific slides
if($slide->isStaticSlide()){
$all_slides = $slider->getSlides(true);
?>
<span style="position:absolute; top:13px;left:0px; text-align: center">
<span class="setting_text_3"><?php _e("Show Layers from Slide:",'revslider'); ?></span>
<select name="rev_show_the_slides">
<option value="none">---</option>
<?php
foreach($all_slides as $c_slide){
$c_params = $c_slide->getParams();
?>
<option value="<?php echo $c_slide->getID(); ?>"><?php echo stripslashes(RevSliderFunctions::getVal($c_params, 'title', 'Slide')).' (ID: '.$c_slide->getID().')'; ?></option>
<?php
}
?>
</select>
</span>
<?php
}
?>
</li>
<?php
$slidecounter = 0;
foreach($arrSlides as $t_slide) {
$slidelistID = $t_slide->getID();
/* BACKGROUND SETTINGS */
$c_bgType = $t_slide->getParam('background_type', 'transparent');
$c_bgColor = $t_slide->getParam('slide_bg_color', 'transparent');
$c_bgFit = $t_slide->getParam('bg_fit', 'cover');
$c_bgFitX = intval($t_slide->getParam('bg_fit_x', '100'));
$c_bgFitY = intval($t_slide->getParam('bg_fit_y', '100'));
$c_bgPosition = $t_slide->getParam('bg_position', 'center center');
$c_bgPositionX = intval($t_slide->getParam('bg_position_x', '0'));
$c_bgPositionY = intval($t_slide->getParam('bg_position_y', '0'));
$c_bgRepeat = $t_slide->getParam('bg_repeat', 'no-repeat');
$c_isvisible = $t_slide->getParam('state', 'published');
$c_thumb_for_admin = $t_slide->getParam('thumb_for_admin', 'off');
$c_real_thumbURL = $t_slide->getParam('slide_thumb','');
$c_bgStyle = ' ';
if($c_bgFit == 'percentage'){
$c_bgStyle .= "background-size: ".$c_bgFitX.'% '.$c_bgFitY.'%;';
}else{
$c_bgStyle .= "background-size: ".$c_bgFit.";";
}
if($c_bgPosition == 'percentage'){
$c_bgStyle .= "background-position: ".$c_bgPositionX.'% '.$c_bgPositionY.'%;';
}else{
$c_bgStyle .= "background-position: ".$c_bgPosition.";";
}
$c_bgStyle .= "background-repeat: ".$c_bgRepeat.";";
$c_urlImageForView = $t_slide->getThumbUrl();
$c_bg_fullstyle ='';
$c_bg_extraClass='';
if($c_bgType == 'image' || $c_bgType == 'streamvimeo' || $c_bgType == 'streamyoutube' || $c_bgType == 'streaminstagram'){
switch($slider_type){
case 'posts':
$c_urlImageForView = RS_PLUGIN_URL.'public/assets/assets/sources/post.png';
break;
case 'woocommerce':
$c_urlImageForView = RS_PLUGIN_URL.'public/assets/assets/sources/wc.png';
break;
case 'facebook':
$c_urlImageForView = RS_PLUGIN_URL.'public/assets/assets/sources/fb.png';
break;
case 'twitter':
$c_urlImageForView = RS_PLUGIN_URL.'public/assets/assets/sources/tw.png';
break;
case 'instagram':
$c_urlImageForView = RS_PLUGIN_URL.'public/assets/assets/sources/ig.png';
break;
case 'flickr':
$c_urlImageForView = RS_PLUGIN_URL.'public/assets/assets/sources/fr.png';
break;
case 'youtube':
$c_urlImageForView = RS_PLUGIN_URL.'public/assets/assets/sources/yt.png';
break;
case 'vimeo':
$c_urlImageForView = RS_PLUGIN_URL.'public/assets/assets/sources/vm.png';
break;
}
}
if ($c_bgType == 'image' || $c_bgType == 'vimeo' || $c_bgType == 'youtube' || $c_bgType == 'html5' || $c_bgType == 'streamvimeo' || $c_bgType == 'streamyoutube' || $c_bgType == 'streaminstagram')
$c_bg_fullstyle =' style="background-image:url('.$c_urlImageForView.');'.$c_bgStyle.'" ';
if ($c_bgType == 'solid')
$c_bg_fullstyle =' style="background:'.TPColorpicker::get($c_bgColor).';" ';
if ($c_bgType == 'trans')
$c_bg_extraClass = 'mini-transparent';
if ($c_thumb_for_admin=="on")
$c_bg_fullstyle =' style="background-image:url('.$c_real_thumbURL.');background-size:cover;background-position:center center" ';
/* END OF BG SETTINGS */
$slidecounter++;
$title = $t_slide->getParam('title', 'Slide');
$slideName = $title;
$arrChildrenIDs = $t_slide->getArrChildrenIDs();
$class = 'tipsy_enabled_top';
$titleclass = '';
$c_topclass = '';
$urlEditSlide = self::getViewUrl(RevSliderAdmin::VIEW_SLIDE,"id=$slidelistID");
if($slideID == $slidelistID || in_array($slideID, $arrChildrenIDs)){
$class .= ' selected';
$c_topclass = ' selected';
$titleclass = ' ';
$urlEditSlide = 'javascript:void(0)';
}
$addParams = "class='".$class."'";
$slideName = str_replace("'", "", $slideName);
?>
<li id="slidelist_item_<?php echo $slidelistID; ?>" class="<?php echo $c_topclass; ?>">
<a href="<?php echo $urlEditSlide; ?>" <?php echo $addParams; ?>>
<span class="mini-transparent mini-as-bg"></span>
<span class="slide-media-container <?php echo $c_bg_extraClass; ?>" <?php echo $c_bg_fullstyle; ?>></span>
<i class="slide-link-forward eg-icon-forward"></i>
</a>
<span class="slide-link-published-wrapper">
<?php
if($the_slidertype !== 'hero'){
if($c_isvisible == 'published'){
?>
<span class="slide-published"></span>
<span class="slide-unpublished pubclickable"></span>
<?php
}else{
?>
<span class="slide-unpublished"></span>
<span class="slide-published pubclickable"></span>
<?php
}
}else{ //we are a hero blog, Slides are not published/unpublished here, but rather the active Slide can be choosen
if($active_slide == $slidelistID || $active_slide == -1){
?>
<span class="slide-hero-published"></span>
<?php
$active_slide = -99; //so that if it was -1, it will not be done again. First slide is just active
}else{
?>
<span class="slide-hero-unpublished pubclickable"></span>
<?php
}
}
?>
</span>
<div class="slide-link-content">
<span class="slide-link">
<span class="slide-link-nr">#<?php echo $slidecounter; ?></span>
<input class="slidetitleinput" name="slidetitle" value="<?php echo esc_attr(stripslashes($title)); ?>" />
<span class="slidelint-edit-button"></span>
</span>
<div class="slide-link-toolbar">
<?php
if($slidelistID != $slideID && !in_array($slideID, $arrChildrenIDs)){
?>
<a class="slide-link-toolbar-button slide-moveto" href="#"><span class=""><i class="eg-icon-forward"></i><span><?php _e("Copy / Move",'revslider'); ?></span></span></a>
<?php
}
?>
<a class="slide-link-toolbar-button slide-duplicate" href="#"><span class=""><i class="eg-icon-picture"></i><span><?php _e("Duplicate",'revslider'); ?></span></span></a>
<a class="slide-link-toolbar-button slide-add-as-template" href="#"><span class=""><i class="eg-icon-menu"></i><span><?php _e("Add to Templates",'revslider'); ?></span></span></a>
<a class="slide-link-toolbar-button slide-remove" href="#"><span class=""><i class="eg-icon-trash"></i><span><?php _e("Delete",'revslider'); ?></span></span></a>
</div>
</div>
</li>
<?php
}
?>
<li class="eg-drag-disabled">
<a href="javascript:void(0);" class="add_slide">
<div class="slide-media-container" style="border:1px dashed #ddd; border-bottom:none;">
<i style="position:absolute; top:50%;left:50%; font-size:25px; color:#ddd;margin-left:-17px;margin-top:-7px;" class="eg-icon-plus"></i>
</div>
<div class="slide-link-content">
<span class="slide-link" style="width:100%;text-align: center;font-weight:600;"><?php _e("Add Slide",'revslider'); ?></span>
</div>
</a>
<div class="slide-link-content">
<div class="slide-link-toolbar">
<a id="link_add_slide" href="javascript:void(0);" class="slide-link-toolbar-button"><span class="slide-add"><i class="eg-icon-picture-1" style="margin-right:5px"></i><span><?php _e("Add Blank Slide", 'revslider'); ?></span></span></a>
<a id="link_add_bulk_slide" href="javascript:void(0);" class="slide-link-toolbar-button"><span class="slide-add"><i class="eg-icon-picture" style="margin-right:5px"></i><span><?php _e("Add Bulk Slides", 'revslider'); ?></span></span></a>
<a id="rs_copy_slide_from_slider" href="javascript:void(0);" class="slide-link-toolbar-button">
<span class="slide-copy-from-slider"><i class="eg-icon-menu" style="margin-right:5px"></i><span><?php _e("Add from Template", 'revslider'); ?></span></span>
</a>
</div>
<span class="slide-link" style="text-align:center">
<?php _e("Add Slide", 'revslider'); ?>
</span>
</div>
<div class="small-triangle-bar"></div>
</li>
<li>
<div id="loader_add_slide" class="loader_round" style="display:none"></div>
</li>
</ul>
<div class="clear"></div>
</div>
</div>
<script>
jQuery("document").ready(function() {
jQuery('.list_slide_links li').each(function() {
var li=jQuery(this);
li.hover(function() {
var li = jQuery(this),
tb = li.find('.slide-link-toolbar');
li.removeClass("nothovered");
tb.show();
}, function() {
var li = jQuery(this),
tb = li.find('.slide-link-toolbar');
li.addClass("nothovered");
if (!li.hasClass("infocus"))
tb.hide();
})
});
var oldslidetitle = "";
jQuery('.slidetitleinput').focus(function() {
oldslidetitle=jQuery(this).val();
jQuery(this).closest("li").addClass("infocus");
}).blur(function() {
jQuery(this).val(oldslidetitle);
var li = jQuery(this).closest("li")
li.removeClass("infocus");
if (li.hasClass("nothovered")) {
tb = li.find('.slide-link-toolbar');
tb.hide();
}
});
jQuery('.slidetitleinput').on("change",function() {
var titleinp = jQuery(this),
slide_title = titleinp.val(),
slide_id = jQuery(this).closest('li').attr('id').replace('slidelist_item_', '');
oldslidetitle = slide_title;
titleinp.blur();
if(UniteAdminRev.sanitize_input(slide_title) == ''){
alert('<?php _e('Slide name should not be empty', 'revslider'); ?>');
return false;
}
var data = {slideID:slide_id,slideTitle:slide_title};
UniteAdminRev.ajaxRequest('change_slide_title', data, function(response){});
if(jQuery(this).closest('li').hasClass('selected')){ //set input field to new value
jQuery('input[name="title"]').val(slide_title);
}
})
jQuery('.slidelint-edit-button').click(function() {
var titleinp = jQuery(this).siblings('.slidetitleinput'),
slide_title = titleinp.val(),
slide_id = jQuery(this).closest('li').attr('id').replace('slidelist_item_', '');
oldslidetitle = slide_title;
titleinp.blur();
if(UniteAdminRev.sanitize_input(slide_title) == ''){
alert('<?php _e('Slide name should not be empty', 'revslider'); ?>');
return false;
}
var data = {slideID:slide_id,slideTitle:slide_title};
UniteAdminRev.ajaxRequest('change_slide_title', data, function(response){});
if(jQuery(this).closest('li').hasClass('selected')){ //set input field to new value
jQuery('input[name="title"]').val(slide_title);
}
});
// OPEN THE TEMPLATE LIST ON CLICK OF ADD SLIDE TEMPLATE
jQuery('#rs_copy_slide_from_slider').click(function() {
RevSliderAdmin.load_slide_template_html();
});
});
</script>