Your IP : 216.73.216.201
<?php
/**
* @package Aspasia
* @author JoomShaper http://www.joomshaper.com
* @copyright Copyright (c) 2010 - 2017 JoomShaper
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
*/
//no direct accees
defined('_JEXEC') or die('resticted aceess');
class SppagebuilderAddonSlideshow_full extends SppagebuilderAddons {
public function render() {
$autoplay = (isset($this->addon->settings->autoplay) && $this->addon->settings->autoplay) ? $this->addon->settings->autoplay : '';
$controllers = (isset($this->addon->settings->controllers) && $this->addon->settings->controllers) ? $this->addon->settings->controllers : '';
$arrows = (isset($this->addon->settings->arrows) && $this->addon->settings->arrows) ? $this->addon->settings->arrows : '';
$class = (isset($this->addon->settings->class) && $this->addon->settings->class) ? $this->addon->settings->class : '';
//Check Auto Play
$slide_autoplay = ($autoplay) ? 'data-sppb-slide-ride="true"' : '';
$slide_controllers = ($controllers) ? 'data-sppb-slidefull-controllers="true"' : '';
//output
$output = '<div class="sppb-addon sppb-slider-wrapper sppb-slider-fullwidth-wrapper' . $class . '">';
$output .= '<div class="sppb-slider-item-wrapper">';
$output .= '<div id="slide-fullwidth" class="owl-carousel owl-theme" ' . $slide_controllers . ' ' . $slide_autoplay . ' >';
foreach ($this->addon->settings->sp_slideshow_full_item as $key => $slide_item) {
// if have bg
$bg_image = ($slide_item->bg) ? 'style="background-image: url(' . JURI::base() . $slide_item->bg . '); background-repeat: no-repeat;
background-size: cover; background-position: center center;"' : '';
// *** animation *** //
// Title animation
$title_animation = '';
if (isset($slide_item->title_animation) && $slide_item->title_animation) {
$slide_item->title_animation .= ' sppb-wow ' . $slide_item->title_animation;
}
$title_data_attr = '';
if (isset($slide_item->title_animationduration) && $slide_item->title_animationduration)
$title_data_attr .= ' data-sppb-wow-duration="' . $slide_item->title_animationduration . 'ms"';
if (isset($slide_item->title_animationdelay) && $slide_item->title_animationdelay)
$title_data_attr .= ' data-sppb-wow-delay="' . $slide_item->title_animationdelay . 'ms"';
// sub title animation
$subtitle_animation = '';
if (isset($slide_item->subtitle_animation) && $slide_item->subtitle_animation) {
$slide_item->subtitle_animation .= ' sppb-wow ' . $slide_item->subtitle_animation;
}
$subtitle_data_attr = '';
if (isset($slide_item->subtitle_animationduration) && $slide_item->subtitle_animationduration)
$subtitle_data_attr .= ' data-sppb-wow-duration="' . $slide_item->subtitle_animationduration . 'ms"';
if (isset($slide_item->subtitle_animationdelay) && $slide_item->subtitle_animationdelay)
$subtitle_data_attr .= ' data-sppb-wow-delay="' . $slide_item->subtitle_animationdelay . 'ms"';
// content animation
if (isset($slide_item->cotent_animation) && $slide_item->cotent_animation) {
$slide_item->cotent_animation .= ' sppb-wow ' . $slide_item->cotent_animation;
}
$content_data_attr = '';
if (isset($slide_item->cotent_animationduration) && $slide_item->cotent_animationduration)
$content_data_attr .= ' data-sppb-wow-duration="' . $slide_item->cotent_animationduration . 'ms"';
if (isset($slide_item->cotent_animationdelay) && $slide_item->cotent_animationdelay)
$content_data_attr .= ' data-sppb-wow-delay="' . $slide_item->cotent_animationdelay . 'ms"';
// Button animation
if (isset($slide_item->button_animation) && $slide_item->button_animation) {
$slide_item->button_animation .= ' sppb-wow ' . $slide_item->button_animation;
}
$button_data_attr = '';
if (isset($slide_item->button_animationduration) && $slide_item->button_animationduration)
$button_data_attr .= ' data-sppb-wow-duration="' . $slide_item->button_animationduration . 'ms"';
if (isset($slide_item->button_animationdelay) && $slide_item->button_animationdelay)
$button_data_attr .= ' data-sppb-wow-delay="' . $slide_item->button_animationdelay . 'ms"';
// Before button icon
$button_one_before_icon = (isset($slide_item->button_one_before_icon) && $slide_item->button_one_before_icon) ? '<i class="fa ' . $slide_item->button_one_before_icon . '"></i>' : '';
$output .= '<div class="sppb-slideshow-fullwidth-item item">';
$output .= '<div class="sppb-slide-item-bg sppb-slideshow-fullwidth-item-bg" ' . $bg_image . '>';
$output .= '<div class="container">';
$output .= '<div class="sppb-row">';
$output .= '<div class="col-sm-8 col-md-7 col-lg-5">';
$output .= '<div class="sppb-slideshow-fullwidth-item-text">';
if (($slide_item->title) || ($slide_item->content)) {
$sub_title = ($slide_item->sub_title) ? '<small class="sppb-slidehsow-sub-title ' . $slide_item->subtitle_animation . '" ' . $subtitle_data_attr . '>' . $slide_item->sub_title . '</small>' : '';
if ($slide_item->title) {
$output .= '<h1 class="sppb-fullwidth-title ' . $slide_item->title_animation . '" ' . $title_data_attr . '> ' . $slide_item->title . $sub_title . ' </h1>';
}
if ($slide_item->content) {
$output .= '<p class="details ' . $slide_item->cotent_animation . '" ' . $content_data_attr . '>' . $slide_item->content . '</p>';
}
if (($slide_item->button_one_text && $slide_item->button_one_url)) {
$output .= '<div class="sppb-fw-slider-button-wrapper">';
if ($slide_item->button_one_text && $slide_item->button_one_url) {
$output .= '<a target="' . $slide_item->target . '" href="' . $slide_item->button_one_url . '" class="btn btn-primary ' . $slide_item->button_animation . '" ' . $button_data_attr . '>' . $button_one_before_icon . ' ' . $slide_item->button_one_text . '</a>';
}
$output .= '</div>';
}
}
$output .= '</div>'; // END:: /.sppb-slideshow-fullwidth-item-text
$output .= '</div>'; // END:: /.col-sm-8 col-md-7 col-lg-5
$output .= '</div>'; // END:: /.sppb-row
$output .= '</div>'; // END:: /.container
$output .= '</div>'; // END:: /.sppb-slideshow-fullwidth-item-bg
$output .= '</div>'; // END:: /.sppb-slideshow-fullwidth-item
}
$output .= '</div>'; //END:: /.sppb-slider-items
$output .= '</div>'; // END:: /.sppb-slider-item-wrapper
// has next/previous arrows
if ($arrows) {
$output .= '<div class="customNavigation">';
$output .= '<div class="container">';
$output .= '<a class="sppbSlidePrev"><i class="fa fa-angle-left"></i></a>';
$output .= '<a class="sppbSlideNext"><i class="fa fa-angle-right"></i></a>';
$output .= '</div>';
$output .= '</div>'; // END:: /.customNavigation
}
$output .= '</div>'; // /.sppb-slider-wrapper
return $output;
}
public function scripts() {
$app = JFactory::getApplication();
$base_path = JURI::base() . '/templates/' . $app->getTemplate() . '/js/';
return array($base_path . 'owl.carousel.min.js');
}
public function js() {
$addon_id = '#sppb-addon-' . $this->addon->id;
return'
jQuery(document).ready(function($){"use strict";
var $slideFullwidth = $("' . $addon_id . ' #slide-fullwidth");
var $autoplay = $slideFullwidth.attr("data-sppb-slide-ride");
if ($autoplay == "true") { var $autoplay = true; } else { var $autoplay = false};
var $controllers = $slideFullwidth.attr("data-sppb-slidefull-controllers");
if ($controllers == "true") { var $controllers = true; } else { var $controllers = false};
$slideFullwidth.owlCarousel({
margin: 0,
loop: true,
video:true,
autoplay: $autoplay,
animateIn: "fadeIn",
animateOut: "fadeOut",
autoplayHoverPause: true,
autoplaySpeed: 1500,
responsive: {
0: {
items: 1
},
600: {
items: 1
},
1000: {
items: 1
}
},
dots: $controllers,
});
$(".sppbSlidePrev").click(function(){
$slideFullwidth.trigger("prev.owl.carousel", [400]);
});
$(".sppbSlideNext").click(function(){
$slideFullwidth.trigger("next.owl.carousel",[400]);
});
$("' . $addon_id . ' #slide-fullwidth .owl-controls").addClass("container");
});
';
}
public function stylesheets() {
$app = JFactory::getApplication();
$base_path = JURI::base() . '/templates/' . $app->getTemplate() . '/css/';
return array($base_path . 'owl.carousel.css', $base_path . 'owl.theme.css', $base_path . 'owl.transitions.css', $base_path . 'slide-animate.css');
}
public function css() {
$addon_id = '#sppb-addon-' . $this->addon->id;
$addont_styles = '';
$addont_styles .= (isset($this->addon->settings->background) && $this->addon->settings->background) ? 'background: ' . $this->addon->settings->background . '; ' : '';
$addont_styles .= (isset($this->addon->settings->color) && $this->addon->settings->color) ? 'color: ' . $this->addon->settings->color . '; ' : '';
$css = '';
if ($addont_styles) {
$css .= $addon_id . ' .sppb-slider-fullwidth-wrapper .sppb-slider-item-wrapper {';
$css .= $addont_styles;
$css .= '}';
}
return $css;
}
public static function getTemplate() {
$output = '
<style type="text/css">
<# _.each (data.sp_slideshow_full_item, function(slide_item, item_key) { #>
#sppb-addon-{{ data.id }} .item-{{ data.id }}-{{ item_key }} .sppb-slideshow-fullwidth-item-bg{
background-image: url({{ pagebuilder_base + slide_item.bg }});
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
<# }); #>
</style>
<#
var autoplay = (!_.isEmpty(data.autoplay)) ? data.autoplay : "";
var controllers = (!_.isEmpty(data.controllers)) ? data.controllers : "";
var arrows = (!_.isEmpty(data.arrows)) ? data.arrows : "";
var contentClass = (!_.isEmpty(data.class)) ? data.class : "";
var slide_autoplay = (autoplay) ? \'data-sppb-slide-ride="true"\' : "";
var slide_controllers = (controllers) ? \'data-sppb-slidefull-controllers="true"\' : "";
#>
<div class="sppb-addon sppb-slider-wrapper sppb-slider-fullwidth-wrapper {{contentClass}}">
<div class="sppb-slider-item-wrapper">
<div id="slide-fullwidth" class="owl-carousel owl-theme" {{{slide_controllers}}} {{{slide_autoplay}}}>
<# _.each (data.sp_slideshow_full_item, function (slide_item, item_key) {
var title_animation = "";
if (!_.isEmpty(slide_item.title_animation)) {
title_animation += " sppb-wow " + slide_item.title_animation;
}
var title_data_attr = "";
if (!_.isEmpty(slide_item.title_animationduration)){
title_data_attr += \' data-sppb-wow-duration="\' + slide_item.title_animationduration + \'ms"\';
}
if (!_.isEmpty(slide_item.title_animationdelay)) {
title_data_attr += \' data-sppb-wow-delay="\' + slide_item.title_animationdelay + \'ms"\';
}
var subtitle_animation = "";
if (!_.isEmpty(slide_item.subtitle_animation)) {
subtitle_animation += " sppb-wow " + slide_item.subtitle_animation;
}
var subtitle_data_attr = "";
if (!_.isEmpty(slide_item.subtitle_animationduration)) {
subtitle_data_attr += \' data-sppb-wow-duration="\' + slide_item.subtitle_animationduration + \'ms"\';
}
if (!_.isEmpty(slide_item.subtitle_animationdelay)) {
subtitle_data_attr += \' data-sppb-wow-delay="\' + slide_item.subtitle_animationdelay + \'ms"\';
}
var cotent_animation ="";
if (!_.isEmpty(slide_item.cotent_animation)) {
cotent_animation += " sppb-wow " + slide_item.cotent_animation;
}
var content_data_attr = "";
if (!_.isEmpty(slide_item.cotent_animationduration)){
content_data_attr += \' data-sppb-wow-duration="\' + slide_item.cotent_animationduration + \'ms"\';
}
if (!_.isEmpty(slide_item.cotent_animationdelay)) {
content_data_attr += \' data-sppb-wow-delay="\' + slide_item.cotent_animationdelay + \'ms"\';
}
var button_animation = "";
if (!_.isEmpty(slide_item.button_animation)) {
button_animation += \' sppb-wow \' + slide_item.button_animation;
}
var button_data_attr = "";
if (!_.isEmpty(slide_item.button_animationduration)) {
button_data_attr += \' data-sppb-wow-duration="\' + slide_item.button_animationduration + \'ms"\';
}
if (!_.isEmpty(slide_item.button_animationdelay)) {
button_data_attr += \' data-sppb-wow-delay="\' + slide_item.button_animationdelay + \'ms"\';
}
var button_one_before_icon = (!_.isEmpty(slide_item.button_one_before_icon)) ? \'<i class="fa \' + slide_item.button_one_before_icon + \'"></i>\' : "";
var sub_title = (!_.isEmpty(slide_item.sub_title)) ? \'<small class="sppb-slidehsow-sub-title \' + subtitle_animation + \'" \' + subtitle_data_attr + \'>\' + slide_item.sub_title + \'</small>\' : "";
#>
<div class="sppb-slideshow-fullwidth-item item-{{ data.id }}-{{ item_key }}">
<div class="sppb-slide-item-bg sppb-slideshow-fullwidth-item-bg {{data.bg_image}}">
<div class="container">
<div class="sppb-row">
<div class="col-sm-8 col-md-7 col-lg-5">
<div class="sppb-slideshow-fullwidth-item-text">
<# if ((slide_item.title) || (slide_item.content)) {
if (slide_item.title) { #>
<h1 class="sppb-fullwidth-title {{title_animation}}" {{{title_data_attr}}}> {{{slide_item.title}}} <span>{{{sub_title}}}</span> </h1>
<# }
if (slide_item.content) {#>
<p class="details {{ cotent_animation }}" {{{ content_data_attr }}}>{{{slide_item.content}}}</p>
<# }
if ((slide_item.button_one_text && slide_item.button_one_url)) { #>
<div class="sppb-fw-slider-button-wrapper">
<# if (slide_item.button_one_text && slide_item.button_one_url) { #>
<a target="{{slide_item.target }}" href="{{slide_item.button_one_url }}" class="btn btn-primary {{button_animation}}" {{{button_data_attr}}}>{{{button_one_before_icon}}} {{slide_item.button_one_text}}</a>
<# } #>
</div>
<# } #>
<# } #>
</div>
</div>
</div>
</div>
</div>
</div>
<# }) #>
</div>
</div>
<# if (arrows) { #>
<div class="customNavigation">
<div class="container">
<a class="sppbSlidePrev"><i class="fa fa-angle-left"></i></a>
<a class="sppbSlideNext"><i class="fa fa-angle-right"></i></a>
</div>
</div>
<# } #>
</div>
';
return $output;
}
}