Your IP : 216.73.216.218
<?php
/**
* @package SP Page Builder
* @author JoomShaper http://www.joomshaper.com
* @copyright Copyright (c) 2010 - 2016 JoomShaper
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
*/
//no direct accees
defined ('_JEXEC') or die ('restricted aceess');
class SppagebuilderAddonAccordion extends SppagebuilderAddons {
public function render() {
$class = (isset($this->addon->settings->class) && $this->addon->settings->class) ? $this->addon->settings->class : '';
$style = (isset($this->addon->settings->style) && $this->addon->settings->style) ? $this->addon->settings->style : 'panel-default';
$title = (isset($this->addon->settings->title) && $this->addon->settings->title) ? $this->addon->settings->title : '';
$heading_selector = (isset($this->addon->settings->heading_selector) && $this->addon->settings->heading_selector) ? $this->addon->settings->heading_selector : 'h3';
$output = '';
$output = '<div class="sppb-addon sppb-addon-accordion ' . $class . '">';
if($title) {
$output .= '<'.$heading_selector.' class="sppb-addon-title">' . $title . '</'.$heading_selector.'>';
}
$output .= '<div class="sppb-addon-content">';
$output .= '<div class="sppb-panel-group">';
if(isset($this->addon->settings->sp_accordion_item) && count((array) $this->addon->settings->sp_accordion_item)){
foreach ($this->addon->settings->sp_accordion_item as $key => $item) {
$output .= '<div class="sppb-panel sppb-'. $style .'">';
$output .= '<div class="sppb-panel-heading'. (($key == 0) ? ' active' : '') .'">';
$output .= '<span class="sppb-panel-title">';
if(isset($item->icon) && $item->icon != '') {
$output .= '<i class="fa ' . $item->icon . '"></i> ';
}
$output .= $item->title;
$output .= '</span>';
$output .= '<span class="sppb-toggle-direction"><i class="fa fa-chevron-right"></i></span>';
$output .= '</div>';
$output .= '<div class="sppb-panel-collapse"' . (($key != 0) ? ' style="display: none;"' : '') . '>';
$output .= '<div class="sppb-panel-body">';
$output .= $item->content;
$output .= '</div>';
$output .= '</div>';
$output .= '</div>';
}
}
$output .= '</div>';
$output .= '</div>';
$output .= '</div>';
return $output;
}
public function js() {
$addon_id = '#sppb-addon-' . $this->addon->id;
$openitem = (isset($this->addon->settings->openitem) && $this->addon->settings->openitem) ? $this->addon->settings->openitem : '';
if ($openitem) {
$js ="jQuery(document).ready(function($){'use strict';
$( '".$addon_id."' + ' .sppb-addon-accordion .sppb-panel-heading').removeClass('active');
$( '".$addon_id."' + ' .sppb-addon-accordion .sppb-panel-collapse')." . $openitem . "();
});";
return $js;
}
return ;
}
public static function getTemplate()
{
$output = '<div class="sppb-addon sppb-addon-accordion {{ data.class }}">
<# if( !_.isEmpty( data.title ) ){ #><{{ data.heading_selector }} class="sppb-addon-title">{{ data.title }}</{{ data.heading_selector }}><# } #>
<div class="sppb-addon-content">
<div class="sppb-panel-group">
<# _.each(data.sp_accordion_item, function(accordion_item, key){ #>
<# var activeClass = ((key == 0 || data.openitem == "show") && data.openitem != "hide") ? "active" : ""; #>
<div class="sppb-panel sppb-{{ data.style }}">
<div class="sppb-panel-heading {{ activeClass }}">
<span class="sppb-panel-title">
<# if(accordion_item.icon != ""){ #>
<i class="fa {{ accordion_item.icon }}"></i>
<# } #>
{{ accordion_item.title }}
</span>
<span class="sppb-toggle-direction"><i class="fa fa-chevron-right"></i></span>
</div>
<# var panelStyle = ((key != 0 || data.openitem == "hide") && data.openitem != "show") ? "display: none;" : ""; #>
<div class="sppb-panel-collapse" style="{{ panelStyle }}">
<div class="sppb-panel-body">
<#
var htmlContent = "";
_.each(accordion_item.content, function(content){
htmlContent += content;
});
#>
{{{ htmlContent }}}
</div>
</div>
</div>
<# }); #>
</div>
</div>
</div>';
return $output;
}
}