ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / sparklp6 / public_html / sparklerfilters-org / components / com_sppagebuilder / addons / navigation

<?php
/**
 * @package SP Page Builder
 * @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 ('Restricted access');

class SppagebuilderAddonNavigation extends SppagebuilderAddons{

public function render() {

$class = (isset($this->addon->settings->class) && $this->addon->settings->class) ? $this->addon->settings->class : '';
		$links = (isset($this->addon->settings->sp_link_list_item) && $this->addon->settings->sp_link_list_item) ? $this->addon->settings->sp_link_list_item : array();
        $type = (isset($this->addon->settings->type) && $this->addon->settings->type) ? $this->addon->settings->type : "nav";
        $align = (isset($this->addon->settings->align) && $this->addon->settings->align) ? $this->addon->settings->align : "left";
        $icon_position = (isset($this->addon->settings->icon_position) && $this->addon->settings->icon_position) ? $this->addon->settings->icon_position : 'left';
        $scroll_to = (isset($this->addon->settings->scroll_to) && $this->addon->settings->scroll_to) ? $this->addon->settings->scroll_to : false;
        $sticky_menu = (isset($this->addon->settings->sticky_menu) && $this->addon->settings->sticky_menu) ? $this->addon->settings->sticky_menu : false;
        $responsive_menu = (isset($this->addon->settings->responsive_menu)) ? $this->addon->settings->responsive_menu : true;
        $nav_type = "sppb-link-list-${type}";
        $nav_align = " sppb-nav-align-${align}";
        
        $output = '';

$sticky_row_attr = '';
        if($sticky_menu){
            $sticky_row_attr = ' data-sticky-it="true"';
        }

$responsive_menu_cls = '';
        if($responsive_menu){
            $responsive_menu_cls = ' sppb-link-list-responsive';
        }

$output .= '<div class="sppb-link-list-wrap ' . $nav_type . $nav_align . $responsive_menu_cls . '" ' . $sticky_row_attr . '>';
            $output .= ($responsive_menu) ? '<div class="sppb-responsive-bars"><span class="sppb-responsive-bar"></span><span class="sppb-responsive-bar"></span><span class="sppb-responsive-bar"></span></div>' : '';
            $output .= '<ul>';
            
            if(count((array) $links)){
                foreach($links as $key => $link){
                    $target = isset($link->target) ? 'target="' . $link->target . '"' : '';
                    $icon = isset($link->icon) ? '<i class="fa ' . $link->icon . '"></i>' : '';
                    $scroll_to_attr = ($scroll_to) ? ' data-scroll-to="true" ' : '';
                    $active = (isset($link->active) && $link->active) ? ' sppb-active' : '';
                    
                    $title = (isset($link->title) && $link->title) ? $link->title : '';

$link_text = '';
                    if($icon_position == 'right'){
                        $link_text = $title . ' ' . $icon;
                    } else if($icon_position == 'top'){
                        $link_text = $icon . '<br />' . $title;
                    } else {
                        $link_text = $icon . ' ' . $title;
                    }

$output .= '<li class="' . (isset($link->class) ? $link->class : '') . $active . '"><a href="' . (isset($link->url) ? $link->url : '') . '" ' . $target . $scroll_to_attr . '>' . $link_text . '</a></li>';
                }
            }
            $output .= '</ul>';
        $output .= '</div>';

return $output;
    }
    
    public function css() {
        $addon_id = '#sppb-addon-' . $this->addon->id;
        $icon_position = (isset($this->addon->settings->icon_position) && $this->addon->settings->icon_position) ? $this->addon->settings->icon_position : 'left';

$css = '';

$link = '';
        $link_sm = '';
        $link_xs = '';
        $link_hover = '';

$link .= (isset($this->addon->settings->link_bg) && $this->addon->settings->link_bg) ? 'background-color: ' . $this->addon->settings->link_bg . ';' : '';

if(isset($this->addon->settings->link_margin) && is_object($this->addon->settings->link_margin)){
            $link .= (isset($this->addon->settings->link_margin->md) && $this->addon->settings->link_margin->md) ? SppagebuilderHelperSite::getPaddingMargin($this->addon->settings->link_margin->md, 'margin') : '';
            $link_sm .= (isset($this->addon->settings->link_margin->sm) && $this->addon->settings->link_margin->sm) ? SppagebuilderHelperSite::getPaddingMargin($this->addon->settings->link_margin->sm, 'margin') : '';
            $link_xs .= (isset($this->addon->settings->link_margin->xs) && $this->addon->settings->link_margin->xs) ? SppagebuilderHelperSite::getPaddingMargin($this->addon->settings->link_margin->xs, 'margin') : '';
        } else {
            $link .= (isset($this->addon->settings->link_margin) && $this->addon->settings->link_margin) ? SppagebuilderHelperSite::getPaddingMargin($this->addon->settings->link_margin, 'margin') : '';
            $link_sm .= (isset($this->addon->settings->link_margin_sm) && $this->addon->settings->link_margin_sm) ? SppagebuilderHelperSite::getPaddingMargin($this->addon->settings->link_margin_sm, 'margin') : '';
            $link_xs .= (isset($this->addon->settings->link_margin_xs) && $this->addon->settings->link_margin_xs) ? SppagebuilderHelperSite::getPaddingMargin($this->addon->settings->link_margin_xs, 'margin') : '';
        }

if(isset($this->addon->settings->link_padding) && is_object($this->addon->settings->link_padding)){
            $link .= (isset($this->addon->settings->link_padding->md) && $this->addon->settings->link_padding->md) ? SppagebuilderHelperSite::getPaddingMargin($this->addon->settings->link_padding->md, 'padding') : '';
            $link_sm .= (isset($this->addon->settings->link_padding->sm) && $this->addon->settings->link_padding->sm) ? SppagebuilderHelperSite::getPaddingMargin($this->addon->settings->link_padding->sm, 'padding') : '';
            $link_xs .= (isset($this->addon->settings->link_padding->xs) && $this->addon->settings->link_padding->xs) ? SppagebuilderHelperSite::getPaddingMargin($this->addon->settings->link_padding->xs, 'padding') : '';
        } else {
            $link .= (isset($this->addon->settings->link_padding) && $this->addon->settings->link_padding) ? SppagebuilderHelperSite::getPaddingMargin($this->addon->settings->link_padding, 'padding') : '';
            $link_sm .= (isset($this->addon->settings->link_padding_sm) && $this->addon->settings->link_padding_sm) ? SppagebuilderHelperSite::getPaddingMargin($this->addon->settings->link_padding_sm, 'padding') : '';
            $link_xs .= (isset($this->addon->settings->link_padding_xs) && $this->addon->settings->link_padding_xs) ? SppagebuilderHelperSite::getPaddingMargin($this->addon->settings->link_padding_xs, 'padding') : '';
        }
        if(isset($this->addon->settings->link_border_radius) && is_object($this->addon->settings->link_border_radius)){
            $link .= (isset($this->addon->settings->link_border_radius->md) && $this->addon->settings->link_border_radius->md) ? 'border-radius: ' . $this->addon->settings->link_border_radius->md . 'px;' : '';
            $link_sm .= (isset($this->addon->settings->link_border_radius->sm) && $this->addon->settings->link_border_radius->sm) ? 'border-radius: ' . $this->addon->settings->link_border_radius->sm . 'px;' : '';
            $link_xs .= (isset($this->addon->settings->link_border_radius->xs) && $this->addon->settings->link_border_radius->xs) ? 'border-radius: ' . $this->addon->settings->link_border_radius->xs . 'px;' : '';
        } else {
            $link .= (isset($this->addon->settings->link_border_radius) && $this->addon->settings->link_border_radius) ? 'border-radius: ' . $this->addon->settings->link_border_radius . 'px;' : '';
            $link_sm .= (isset($this->addon->settings->link_border_radius_sm) && $this->addon->settings->link_border_radius_sm) ? 'border-radius: ' . $this->addon->settings->link_border_radius_sm . 'px;' : '';
            $link_xs .= (isset($this->addon->settings->link_border_radius_xs) && $this->addon->settings->link_border_radius_xs) ? 'border-radius: ' . $this->addon->settings->link_border_radius_xs . 'px;' : '';
        }
        if(isset($this->addon->settings->link_fontsize) && is_object($this->addon->settings->link_fontsize)){
            $link .= (isset($this->addon->settings->link_fontsize->md) && $this->addon->settings->link_fontsize->md) ? 'font-size: ' . $this->addon->settings->link_fontsize->md . 'px;' : '';
            $link_sm .= (isset($this->addon->settings->link_fontsize->sm) && $this->addon->settings->link_fontsize->sm) ? 'font-size: ' . $this->addon->settings->link_fontsize->sm . 'px;' : '';
            $link_xs .= (isset($this->addon->settings->link_fontsize->xs) && $this->addon->settings->link_fontsize->xs) ? 'font-size: ' . $this->addon->settings->link_fontsize->xs . 'px;' : '';
        } else {
            $link .= (isset($this->addon->settings->link_fontsize) && $this->addon->settings->link_fontsize) ? 'font-size: ' . $this->addon->settings->link_fontsize . 'px;' : '';
            $link_sm .= (isset($this->addon->settings->link_fontsize_sm) && $this->addon->settings->link_fontsize_sm) ? 'font-size: ' . $this->addon->settings->link_fontsize_sm . 'px;' : '';
            $link_xs .= (isset($this->addon->settings->link_fontsize_xs) && $this->addon->settings->link_fontsize_xs) ? 'font-size: ' . $this->addon->settings->link_fontsize_xs . 'px;' : '';
        }
        if(isset($this->addon->settings->link_lineheight) && is_object($this->addon->settings->link_lineheight)){
            $link .= (isset($this->addon->settings->link_lineheight->md) && $this->addon->settings->link_lineheight->md) ? 'line-height: ' . $this->addon->settings->link_lineheight->md . 'px;' : '';
            $link_sm .= (isset($this->addon->settings->link_lineheight->sm) && $this->addon->settings->link_lineheight->sm) ? 'line-height: ' . $this->addon->settings->link_lineheight->sm . 'px;' : '';
            $link_xs .= (isset($this->addon->settings->link_lineheight->xs) && $this->addon->settings->link_lineheight->xs) ? 'line-height: ' . $this->addon->settings->link_lineheight->xs . 'px;' : '';
        } else {
            $link .= (isset($this->addon->settings->link_lineheight) && $this->addon->settings->link_lineheight) ? 'line-height: ' . $this->addon->settings->link_lineheight . 'px;' : '';
            $link_sm .= (isset($this->addon->settings->link_lineheight_sm) && $this->addon->settings->link_lineheight_sm) ? 'line-height: ' . $this->addon->settings->link_lineheight_sm . 'px;' : '';
            $link_xs .= (isset($this->addon->settings->link_lineheight_xs) && $this->addon->settings->link_lineheight_xs) ? 'line-height: ' . $this->addon->settings->link_lineheight_xs . 'px;' : '';
        }

if(isset($this->addon->settings->link_font_style) && is_object($this->addon->settings->link_font_style)){
            if(isset($this->addon->settings->link_font_style->underline) && $this->addon->settings->link_font_style->underline) {
                $link .= 'text-decoration: underline;';
            }
        
            if(isset($this->addon->settings->link_font_style->italic) && $this->addon->settings->link_font_style->italic) {
                $link .= 'font-style: italic;';
            }
        
            if(isset($this->addon->settings->link_font_style->uppercase) && $this->addon->settings->link_font_style->uppercase) {
                $link .= 'text-transform: uppercase;';
            }
        
            if(isset($this->addon->settings->link_font_style->weight) && $this->addon->settings->link_font_style->weight) {
                $link .= 'font-weight: ' . $this->addon->settings->link_font_style->weight . ';';
            }
        }
        $link .= (isset($this->addon->settings->link_text_transform) && $this->addon->settings->link_text_transform) ? 'text-transform: ' . $this->addon->settings->link_text_transform  . '; ' : '';
        $link .= (isset($this->addon->settings->link_letterspace) && $this->addon->settings->link_letterspace) ? 'letter-spacing:' . $this->addon->settings->link_letterspace . ';' : '';

if($icon_position == 'top'){
            $link .= 'text-align:center;';
        }

$link_hover .= (isset($this->addon->settings->link_bg_hover) && $this->addon->settings->link_bg_hover) ? 'background-color: ' . $this->addon->settings->link_bg_hover . ';' : '';

$link_active = '';
        $link_active_sm = '';
        $link_active_xs = '';

if(isset($this->addon->settings->link_border_radius_active) && is_object($this->addon->settings->link_border_radius_active)){
            $link_active .= (isset($this->addon->settings->link_border_radius_active->md) && $this->addon->settings->link_border_radius_active->md) ? 'border-radius: ' . $this->addon->settings->link_border_radius_active->md . 'px;' : '';
            $link_active_sm .= (isset($this->addon->settings->link_border_radius_active->sm) && $this->addon->settings->link_border_radius_active->sm) ? 'border-radius: ' . $this->addon->settings->link_border_radius_active->sm . 'px;' : '';
            $link_active_xs .= (isset($this->addon->settings->link_border_radius_active->xs) && $this->addon->settings->link_border_radius_active->xs) ? 'border-radius: ' . $this->addon->settings->link_border_radius_active->xs . 'px;' : '';
        } else {
            $link_active .= (isset($this->addon->settings->link_border_radius_active) && $this->addon->settings->link_border_radius_active) ? 'border-radius: ' . $this->addon->settings->link_border_radius_active . 'px;' : '';
            $link_active_sm .= (isset($this->addon->settings->link_border_radius_active_sm) && $this->addon->settings->link_border_radius_active_sm) ? 'border-radius: ' . $this->addon->settings->link_border_radius_active_sm . 'px;' : '';
            $link_active_xs .= (isset($this->addon->settings->link_border_radius_active_xs) && $this->addon->settings->link_border_radius_active_xs) ? 'border-radius: ' . $this->addon->settings->link_border_radius_active_xs . 'px;' : '';
        }

$link_active .= (isset($this->addon->settings->link_bg_active) && $this->addon->settings->link_bg_active) ? 'background-color: ' . $this->addon->settings->link_bg_active . ';' : '';
        $link_active .= (isset($this->addon->settings->link_color_active) && $this->addon->settings->link_color_active) ? 'color: ' . $this->addon->settings->link_color_active . ';' : '';

// Icon Style
        $link_icon = '';
        $link_icon_sm = '';
        $link_icon_xs = '';
        if(isset($this->addon->settings->icon_size) && is_object($this->addon->settings->icon_size)){
            $link_icon .= (isset($this->addon->settings->icon_size->md) && $this->addon->settings->icon_size->md) ? 'font-size: ' . $this->addon->settings->icon_size->md . 'px;line-height: ' . $this->addon->settings->icon_size->md . 'px;' : '';
            $link_icon_sm .= (isset($this->addon->settings->icon_size->sm) && $this->addon->settings->icon_size->sm) ? 'font-size: ' . $this->addon->settings->icon_size->sm . 'px;line-height: ' . $this->addon->settings->icon_size->sm . 'px;' : '';
            $link_icon_xs .= (isset($this->addon->settings->icon_size->xs) && $this->addon->settings->icon_size->xs) ? 'font-size: ' . $this->addon->settings->icon_size->xs . 'px;line-height: ' . $this->addon->settings->icon_size->xs . 'px;' : '';
        } else {
            $link_icon .= (isset($this->addon->settings->icon_size) && $this->addon->settings->icon_size) ? 'font-size: ' . $this->addon->settings->icon_size . 'px;line-height: ' . $this->addon->settings->icon_size . 'px;' : '';
            $link_icon_sm .= (isset($this->addon->settings->icon_size_sm) && $this->addon->settings->icon_size_sm) ? 'font-size: ' . $this->addon->settings->icon_size_sm . 'px;line-height: ' . $this->addon->settings->icon_size_sm . 'px;' : '';
            $link_icon_xs .= (isset($this->addon->settings->icon_size_xs) && $this->addon->settings->icon_size_xs) ? 'font-size: ' . $this->addon->settings->icon_size_xs . 'px;ine-height: ' . $this->addon->settings->icon_size_xs . 'px;' : '';
        }

if(isset($this->addon->settings->icon_margin) && is_object($this->addon->settings->icon_margin)){
            $link_icon .= (isset($this->addon->settings->icon_margin->md) && $this->addon->settings->icon_margin->md) ? SppagebuilderHelperSite::getPaddingMargin($this->addon->settings->icon_margin->md, 'margin') : '';
            $link_icon_sm .= (isset($this->addon->settings->icon_margin->sm) && $this->addon->settings->icon_margin->sm) ? SppagebuilderHelperSite::getPaddingMargin($this->addon->settings->icon_margin->sm, 'margin') : '';
            $link_icon_xs .= (isset($this->addon->settings->icon_margin->xs) && $this->addon->settings->icon_margin->xs) ? SppagebuilderHelperSite::getPaddingMargin($this->addon->settings->icon_margin->xs, 'margin') : '';
        } else {
            $link_icon .= (isset($this->addon->settings->icon_margin) && $this->addon->settings->icon_margin) ? SppagebuilderHelperSite::getPaddingMargin($this->addon->settings->icon_margin, 'margin') : '';
            $link_icon_sm .= (isset($this->addon->settings->icon_margin_sm) && $this->addon->settings->icon_margin_sm) ? SppagebuilderHelperSite::getPaddingMargin($this->addon->settings->icon_margin_sm, 'margin') : '';
            $link_icon_xs .= (isset($this->addon->settings->icon_margin_xs) && $this->addon->settings->icon_margin_xs) ? SppagebuilderHelperSite::getPaddingMargin($this->addon->settings->icon_margin_xs, 'margin') : '';
        }

$responsive_bars = '';
        $responsive_bars .= (isset($this->addon->settings->responsive_bar_bg) && $this->addon->settings->responsive_bar_bg) ? 'background-color: ' . $this->addon->settings->responsive_bar_bg . ';' : '';
        $responsive_bars_active = '';
        $responsive_bars_active .= (isset($this->addon->settings->responsive_bar_bg_active) && $this->addon->settings->responsive_bar_bg_active) ? 'background-color: ' . $this->addon->settings->responsive_bar_bg_active . ';' : '';

$responsive_bar = '';
        $responsive_bar .= (isset($this->addon->settings->responsive_bar_color) && $this->addon->settings->responsive_bar_color) ? 'background-color: ' . $this->addon->settings->responsive_bar_color . ';' : '';
        $responsive_bar_active = '';
        $responsive_bar_active .= (isset($this->addon->settings->responsive_bar_color_active) && $this->addon->settings->responsive_bar_color_active) ? 'background-color: ' . $this->addon->settings->responsive_bar_color_active . ';' : '';

if($link){
            $css .=  $addon_id . ' li a{' . $link . '}';
        }
        if($link_icon){
            $css .=  $addon_id . ' li a i{' . $link_icon . '}';
        }
        if($link_hover){
            $css .=  $addon_id . ' li a:hover{' . $link_hover . '}';
        }
        if($link_active){
            $css .=  $addon_id . ' li.sppb-active a{' . $link_active . '}';
        }

if($responsive_bars){
            $css .=  $addon_id . ' .sppb-responsive-bars{' . $responsive_bars . '}';
        }
        if($responsive_bars_active){
            $css .=  $addon_id . ' .sppb-responsive-bars.open{' . $responsive_bars_active . '}';
        }
        if($responsive_bar){
            $css .=  $addon_id . ' .sppb-responsive-bar{' . $responsive_bar . '}';
        }
        if($responsive_bar_active){
            $css .=  $addon_id . ' .sppb-responsive-bars.open .sppb-responsive-bar{' . $responsive_bar_active . '}';
        }

if($link_sm || $link_icon_sm || $link_active_sm){
            $css .= '@media (min-width: 768px) and (max-width: 991px) {';
                if($link_sm){
                    $css .=  $addon_id . ' li a{' . $link_sm . '}';
                }
                if($link_icon_sm){
                    $css .=  $addon_id . ' li a i{' . $link_icon_sm . '}';
                }
                if($link_active_sm){
                    $css .=  $addon_id . ' li.sppb-active a{' . $link_active_sm . '}';
                }
            $css .= '}';
        }

if($link_xs || $link_icon_xs || $link_active_xs){
            $css .= '@media (max-width: 767px) {';
                if($link_xs){
                    $css .=  $addon_id . ' li a{' . $link_xs . '}';
                }
                if($link_icon_xs){
                    $css .=  $addon_id . ' li a i{' . $link_icon_xs . '}';
                }
                if($link_active_xs){
                    $css .=  $addon_id . ' li.sppb-active a{' . $link_active_xs . '}';
                }
            $css .= '}';
        }

return $css;
    }

public static function getTemplate() {
        $output = '
        <#
            var addonId = "sppb-addon-"+data.id;
            var navclass = (typeof data.class !== "undefined" && data.class) ? data.class : "";
            var links = (typeof data.sp_link_list_item  !== "undefined" && data.sp_link_list_item) ? data.sp_link_list_item : [];
            var type = (typeof data.type !== "undefined" && data.type) ? data.type : "nav";
            var align = (typeof data.align !== "undefined" && data.align) ? data.align : "left";
            var icon_position = (typeof data.icon_position !== "undefined" && data.icon_position) ? data.icon_position : "left";
            var scroll_to = (typeof data.scroll_to !== "undefined" && data.scroll_to) ? data.scroll_to : false;
            var sticky_menu = (typeof data.sticky_menu !== "undefined" && data.sticky_menu) ? data.sticky_menu : false;
            var responsive_menu = (typeof data.responsive_menu !== "undefined") ? data.responsive_menu : true;

var margin = window.getMarginPadding(data.link_margin, "margin");
			var padding = window.getMarginPadding(data.link_padding, "padding");
			var icon_margin = window.getMarginPadding(data.icon_margin, "margin");

var nav_type = "sppb-link-list-" + type;
            var nav_align = "sppb-nav-align-" + align;

var sticky_row_attr = "";
            if(sticky_menu){
                sticky_row_attr = \' data-sticky-it="true"\';
            }

<li class="{{ link.class }} {{ active }}"><a href="{{ link.url }}" {{{ target }}} {{{ scroll_to_attr }}}>{{{ link_text }}}</a></li>
            <# }); #>
            </ul>
        </div>
        ';

return $output;
	}

}

[+] assets
[-] site.php [edit]
[-] admin.php [edit]
[+] ..