File: /var/www/html/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/iconbox/iconbox.php
<?php
/**
* Icon Box
*
* Shortcode which creates a content block with icon to the left or above
*/
if( ! defined( 'ABSPATH' ) ) { exit; } // Exit if accessed directly
if( ! class_exists( 'avia_sc_icon_box' ) )
{
class avia_sc_icon_box extends aviaShortcodeTemplate
{
/**
* Create the config array for the shortcode button
*/
function shortcode_insert_button()
{
$this->config['version'] = '1.0';
$this->config['self_closing'] = 'no';
$this->config['base_element'] = 'yes';
$this->config['name'] = __( 'Icon Box', 'avia_framework' );
$this->config['tab'] = __( 'Content Elements', 'avia_framework' );
$this->config['icon'] = AviaBuilder::$path['imagesURL'] . 'sc-icon_box.png';
$this->config['order'] = 90;
$this->config['target'] = 'avia-target-insert';
$this->config['shortcode'] = 'av_icon_box';
$this->config['tooltip'] = __( 'Creates a content block with icon to the left or above', 'avia_framework' );
$this->config['preview'] = 1;
$this->config['disabling_allowed'] = true;
$this->config['id_name'] = 'id';
$this->config['id_show'] = 'yes';
}
function extra_assets()
{
wp_enqueue_style( 'avia-module-icon', AviaBuilder::$path['pluginUrlRoot'] . 'avia-shortcodes/icon/icon.css', array( 'avia-layout' ), false );
wp_enqueue_style( 'avia-module-iconbox', AviaBuilder::$path['pluginUrlRoot'] . 'avia-shortcodes/iconbox/iconbox.css', array( 'avia-layout' ), false );
}
/**
* Popup Elements
*
* If this function is defined in a child class the element automatically gets an edit button, that, when pressed
* opens a modal window that allows to edit the element properties
*
* @return void
*/
function popup_elements()
{
$this->elements = array(
array(
'type' => 'tab_container',
'nodescription' => true
),
array(
'type' => 'tab',
'name' => __( 'Content', 'avia_framework' ),
'nodescription' => true
),
array(
'type' => 'template',
'template_id' => $this->popup_key( 'content_iconbox' )
),
array(
'type' => 'tab_close',
'nodescription' => true
),
array(
'type' => 'tab',
'name' => __( 'Styling', 'avia_framework' ),
'nodescription' => true
),
array(
'type' => 'template',
'template_id' => 'toggle_container',
'templates_include' => array(
$this->popup_key( 'styling_general' ),
$this->popup_key( 'styling_colors' ),
$this->popup_key( 'styling_font_sizes' ),
),
'nodescription' => true
),
array(
'type' => 'tab_close',
'nodescription' => true
),
array(
'type' => 'tab',
'name' => __( 'Advanced', 'avia_framework' ),
'nodescription' => true
),
array(
'type' => 'toggle_container',
'nodescription' => true
),
array(
'type' => 'template',
'template_id' => $this->popup_key( 'advanced_heading' ),
'nodescription' => true
),
array(
'type' => 'template',
'template_id' => $this->popup_key( 'advanced_link' ),
'nodescription' => true
),
array(
'type' => 'template',
'template_id' => 'screen_options_toggle',
'lockable' => true
),
array(
'type' => 'template',
'template_id' => 'developer_options_toggle',
'args' => array( 'sc' => $this )
),
array(
'type' => 'toggle_container_close',
'nodescription' => true
),
array(
'type' => 'tab_close',
'nodescription' => true
),
array(
'type' => 'template',
'template_id' => 'element_template_selection_tab',
'args' => array( 'sc' => $this )
),
array(
'type' => 'tab_container_close',
'nodescription' => true
)
);
}
/**
* Create and register templates for easier maintainance
*
* @since 4.6.4
*/
protected function register_dynamic_templates()
{
/**
* Content Tab
* ===========
*/
$c = array(
array(
'name' => __( 'IconBox Icon', 'avia_framework' ),
'desc' => __( 'Select an IconBox Icon below', 'avia_framework' ),
'id' => 'icon',
'type' => 'iconfont',
'std' => '',
'lockable' => true,
'locked' => array( 'icon', 'font' )
),
array(
'name' => __( 'Title', 'avia_framework' ),
'desc' => __( 'Add an IconBox title here', 'avia_framework' ),
'id' => 'title',
'type' => 'input',
'std' => __( 'IconBox Title', 'avia_framework' ),
'lockable' => true
),
array(
'name' => __( 'Content', 'avia_framework' ),
'desc' => __( 'Add some content for this IconBox', 'avia_framework' ),
'id' => 'content',
'type' => 'tiny_mce',
'std' => __( 'Click to add your own text here', 'avia_framework' ),
'lockable' => true
)
);
AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'content_iconbox' ), $c );
/**
* Styling Tab
* ============
*/
$c = array(
array(
'name' => __( 'IconBox Styling', 'avia_framework' ),
'desc' => __( 'Defines the styling of the iconbox and the position of the icon', 'avia_framework' ),
'id' => 'position',
'type' => 'select',
'std' => 'left',
'lockable' => true,
'subtype' => array(
__( 'Display small icon at the left side of the title', 'avia_framework' ) => 'left',
__( 'Display icon at the left side of the whole content block', 'avia_framework' ) => 'left_content',
__( 'Display icon at the right side of the whole content block', 'avia_framework' ) => 'right_content',
__( 'Display icon above the title', 'avia_framework' ) => 'top'
)
),
array(
'name' => __( 'Icon display', 'avia_framework' ),
'desc' => __( 'Select how to display the icon beside your content', 'avia_framework' ),
'id' => 'icon_style',
'type' => 'select',
'std' => '',
'lockable' => true,
'required' => array( 'position', 'contains','content' ),
'subtype' => array(
__( 'Small with border', 'avia_framework' ) => '',
__( 'Big without border', 'avia_framework' ) => 'av-icon-style-no-border',
)
),
array(
'name' => __( 'Content block', 'avia_framework' ),
'desc' => __( 'Select if the iconbox should receive a border around the content', 'avia_framework' ),
'id' => 'boxed',
'type' => 'select',
'std' => '',
'lockable' => true,
'required' => array( 'position', 'equals', 'top' ),
'subtype' => array(
__( 'Boxed content block with borders', 'avia_framework' ) => '',
__( 'No box around content', 'avia_framework' ) => 'av-no-box',
)
),
);
$template = array(
array(
'type' => 'template',
'template_id' => 'toggle',
'title' => __( 'General Styling', 'avia_framework' ),
'content' => $c
),
);
AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'styling_general' ), $template );
$c = array(
array(
'name' => __( 'Font Colors', 'avia_framework' ),
'desc' => __( 'Either use the themes default colors or apply some custom ones', 'avia_framework' ),
'id' => 'font_color',
'type' => 'select',
'std' => '',
'lockable' => true,
'subtype' => array(
__( 'Default', 'avia_framework' ) => '',
__( 'Define Custom Colors', 'avia_framework' ) => 'custom'),
),
array(
'name' => __( 'Custom Title Font Color', 'avia_framework' ),
'desc' => __( 'Select a custom font color. Leave empty to use the default', 'avia_framework' ),
'id' => 'custom_title',
'type' => 'colorpicker',
'std' => '',
'container_class' => 'av_half av_half_first',
'lockable' => true,
'required' => array( 'font_color', 'equals', 'custom' )
),
array(
'name' => __( 'Custom Content Font Color', 'avia_framework' ),
'desc' => __( 'Select a custom font color. Leave empty to use the default', 'avia_framework' ),
'id' => 'custom_content',
'type' => 'colorpicker',
'std' => '',
'container_class' => 'av_half',
'lockable' => true,
'required' => array( 'font_color', 'equals', 'custom' )
),
array(
'name' => __( 'Icon Colors', 'avia_framework' ),
'desc' => __( 'Either use the themes default colors or apply some custom ones', 'avia_framework' ),
'id' => 'color',
'type' => 'select',
'std' => '',
'lockable' => true,
'subtype' => array(
__( 'Default', 'avia_framework' ) => '',
__( 'Define Custom Colors', 'avia_framework' ) => 'custom'),
),
array(
'name' => __( 'Custom Background Color', 'avia_framework' ),
'desc' => __( 'Select a custom background color. Leave empty to use the default', 'avia_framework' ),
'id' => 'custom_bg',
'type' => 'colorpicker',
'std' => '',
'container_class' => 'av_third av_third_first',
'lockable' => true,
'required' => array( 'color', 'equals', 'custom' )
),
array(
'name' => __( 'Custom Font Color', 'avia_framework' ),
'desc' => __( 'Select a custom font color. Leave empty to use the default', 'avia_framework' ),
'id' => 'custom_font',
'type' => 'colorpicker',
'std' => '',
'container_class' => 'av_third',
'lockable' => true,
'required' => array( 'color', 'equals', 'custom' )
),
array(
'name' => __( 'Custom Border Color', 'avia_framework' ),
'desc' => __( 'Select a custom border color. Leave empty to use the default', 'avia_framework' ),
'id' => 'custom_border',
'type' => 'colorpicker',
'std' => '',
'container_class' => 'av_third',
'lockable' => true,
'required' => array( 'color', 'equals', 'custom' )
)
);
$template = array(
array(
'type' => 'template',
'template_id' => 'toggle',
'title' => __( 'Colors', 'avia_framework' ),
'content' => $c
),
);
AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'styling_colors' ), $template );
$c = array(
array(
'name' => __( 'Title Font Sizes', 'avia_framework' ),
'desc' => __( 'Select a custom font size for the title. Using non default values might need CSS styling.', 'avia_framework' ),
'type' => 'template',
'template_id' => 'font_sizes_icon_switcher',
'lockable' => true,
'textfield' => true,
'subtype' => array(
'default' => AviaHtmlHelper::number_array( 10, 50, 1, array( __( 'Use default', 'avia_framework' ) => '' ), 'px' ),
'medium' => AviaHtmlHelper::number_array( 10, 40, 1, array( __( 'Use desktop setting', 'avia_framework' ) => '', __( 'Hidden', 'avia_framework' ) => 'hidden' ), 'px' ),
'small' => AviaHtmlHelper::number_array( 10, 40, 1, array( __( 'Use desktop setting', 'avia_framework' ) => '', __( 'Hidden', 'avia_framework' ) => 'hidden' ), 'px' ),
'mini' => AviaHtmlHelper::number_array( 10, 40, 1, array( __( 'Use desktop setting', 'avia_framework' ) => '', __( 'Hidden', 'avia_framework' ) => 'hidden' ), 'px' )
),
'id_sizes' => array(
'default' => 'custom_title_size',
'medium' => 'av-medium-font-size-title',
'small' => 'av-small-font-size-title',
'mini' => 'av-mini-font-size-title'
)
),
array(
'name' => __( 'Content Font Sizes', 'avia_framework' ),
'desc' => __( 'Select a custom font size for the content.', 'avia_framework' ),
'type' => 'template',
'template_id' => 'font_sizes_icon_switcher',
'lockable' => true,
'textfield' => true,
'subtype' => array(
'default' => AviaHtmlHelper::number_array( 10, 50, 1, array( __( 'Use default', 'avia_framework' ) => '' ), 'px' ),
'medium' => AviaHtmlHelper::number_array( 10, 40, 1, array( __( 'Use desktop setting', 'avia_framework' ) => '', __( 'Hidden', 'avia_framework' ) => 'hidden' ), 'px' ),
'small' => AviaHtmlHelper::number_array( 10, 40, 1, array( __( 'Use desktop setting', 'avia_framework' ) => '', __( 'Hidden', 'avia_framework' ) => 'hidden' ), 'px' ),
'mini' => AviaHtmlHelper::number_array( 10, 40, 1, array( __( 'Use desktop setting', 'avia_framework' ) => '', __( 'Hidden', 'avia_framework' ) => 'hidden' ), 'px' )
),
'id_sizes' => array(
'default' => 'custom_content_size',
'medium' => 'av-medium-font-size',
'small' => 'av-small-font-size',
'mini' => 'av-mini-font-size'
)
),
);
$template = array(
array(
'type' => 'template',
'template_id' => 'toggle',
'title' => __( 'Font Sizes', 'avia_framework' ),
'content' => $c
),
);
AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'styling_font_sizes' ), $template );
/**
* Advanced Tab
* ============
*/
$c = array(
array(
'type' => 'template',
'template_id' => 'heading_tag',
'theme_default' => 'h3',
'context' => __CLASS__,
'lockable' => true
),
);
$template = array(
array(
'type' => 'template',
'template_id' => 'toggle',
'title' => __( 'Heading', 'avia_framework' ),
'content' => $c
),
);
AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'advanced_heading' ), $template );
$c = array(
array(
'type' => 'template',
'template_id' => 'linkpicker_toggle',
'name' => __( 'Title Link?', 'avia_framework' ),
'desc' => __( 'Do you want to apply a link to the title?', 'avia_framework' ),
'lockable' => true,
'subtypes' => array( 'no', 'manually', 'single', 'taxonomy' ),
'no_toggle' => true
),
array(
'name' => __( 'Apply link to icon', 'avia_framework' ),
'desc' => __( 'Do you want to apply the link to the icon?', 'avia_framework' ),
'id' => 'linkelement',
'type' => 'select',
'std' => '',
'lockable' => true,
'required' => array( 'link', 'not', '' ),
'subtype' => array(
__( 'No, apply link to the title', 'avia_framework' ) => '',
__( 'Yes, apply link to icon and title', 'avia_framework' ) => 'both',
__( 'Yes, apply link to icon only', 'avia_framework' ) => 'only_icon'
)
),
);
$template = array(
array(
'type' => 'template',
'template_id' => 'toggle',
'title' => __( 'Link Settings', 'avia_framework' ),
'content' => $c
),
);
AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'advanced_link' ), $template );
}
/**
* Editor Element - this function defines the visual appearance of an element on the AviaBuilder Canvas
* Most common usage is to define some markup in the $params['innerHtml'] which is then inserted into the drag and drop container
* Less often used: $params['data'] to add data attributes, $params['class'] to modify the className
*
*
* @param array $params this array holds the default values for $content and $args.
* @return $params the return array usually holds an innerHtml key that holds item specific markup.
*/
function editor_element( $params )
{
$default = array();
$locked = array();
$attr = $params['args'];
$content = $params['content'];
Avia_Element_Templates()->set_locked_attributes( $attr, $this, $this->config['shortcode'], $default, $locked, $content );
extract( av_backend_icon( array( 'args' => $attr ) ) ); // creates $font and $display_char if the icon was passed as param 'icon' and the font as 'font'
$inner = "<div class='avia_iconbox avia_textblock avia_textblock_style' data-update_element_template='yes'>";
$inner .= '<div ' . $this->class_by_arguments_lockable( 'position', $attr, $locked ) . '>';
$inner .= '<span ' . $this->class_by_arguments_lockable( 'font', $font, $locked ) . '>';
$inner .= '<span ' . $this->update_option_lockable( array( 'icon', 'icon_fakeArg' ), $locked ) . " class='avia_iconbox_icon'>{$display_char}</span>";
$inner .= "</span>";
$inner .= "<div class='avia_iconbox_content_wrap'>";
$inner .= "<h4 class='avia_iconbox_title' " . $this->update_option_lockable( 'title', $locked ) . '>' . html_entity_decode( $attr['title'] ) . '</h4>';
$inner .= "<div class='avia_iconbox_content' " . $this->update_option_lockable( 'content', $locked ) . '>' . stripslashes( wpautop( trim( html_entity_decode( $content ) ) ) ) . '</div>';
$inner .= '</div>';
$inner .= '</div>';
$inner .= '</div>';
$params['innerHtml'] = $inner;
$params['class'] = '';
return $params;
}
/**
* Create custom stylings
*
* @since 4.8.4
* @param array $args
* @return array
*/
protected function get_element_styles( array $args )
{
$result = parent::get_element_styles( $args );
extract( $result );
$default = array(
'title' => 'Title',
'icon' => 'ue800',
'position' => 'left',
'link' => '',
'linktarget' => '',
'linkelement' => '',
'font' => '',
'boxed' => '',
'color' => '',
'custom_bg' => '',
'custom_border' => '',
'custom_font' => '',
'font_color' => '',
'custom_title' => '',
'icon_style' => '',
'custom_content' => '',
'custom_title_size' => '',
'custom_content_size' => ''
);
$default = $this->sync_sc_defaults_array( $default, 'no_modal_item', 'no_content' );
$locked = array();
Avia_Element_Templates()->set_locked_attributes( $atts, $this, $shortcodename, $default, $locked, $content );
Avia_Element_Templates()->add_template_class( $meta, $atts, $default );
$meta = aviaShortcodeTemplate::set_frontend_developer_heading_tag( $atts, $meta );
$atts = shortcode_atts( $default, $atts, $this->config['shortcode'] );
if( $atts['position'] != 'top' )
{
$atts['boxed'] = '';
}
// backwards comp. - prepare responsive font sizes for media query
$atts['size'] = $atts['custom_content_size'];
$atts['size-title'] = $atts['custom_title_size'];
$element_styling->create_callback_styles( $atts );
$classes = array(
'iconbox',
'iconbox_' . $atts['position'],
$element_id,
$atts['boxed'],
$atts['icon_style']
);
$element_styling->add_classes( 'container', $classes );
$element_styling->add_classes_from_array( 'container', $meta, 'el_class' );
$element_styling->add_responsive_classes( 'container', 'hide_element', $atts );
$element_styling->add_responsive_font_sizes( 'content', 'size', $atts, $this );
$element_styling->add_responsive_font_sizes( 'title', 'size-title', $atts, $this );
if( $atts['position'] == 'top' && empty( $atts['boxed'] ) )
{
$element_styling->add_classes( 'container', 'main_color' );
}
if( $atts['color'] == 'custom' )
{
if( ! empty( $atts['custom_bg'] ) )
{
$element_styling->add_styles( 'icon', array( 'background-color' => $atts['custom_bg'] ) );
}
if( ! empty( $atts['custom_border'] ) )
{
$element_styling->add_styles( 'icon', array( 'border' => "1px solid {$atts['custom_border']}" ) );
}
if( ! empty( $atts['custom_font'] ) )
{
$element_styling->add_styles( 'icon', array( 'color' => $atts['custom_font'] ) );
}
}
if( $atts['font_color'] == 'custom' )
{
if( ! empty( $atts['custom_title'] ) )
{
$element_styling->add_styles( 'title', array( 'color' => $atts['custom_title'] ) );
}
if( ! empty( $atts['custom_content'] ) )
{
$element_styling->add_styles( 'content', array( 'color' => $atts['custom_content'] ) );
$element_styling->add_classes( 'content', 'av_inherit_color' );
}
}
// if( ! empty( $atts['custom_title_size'] ) )
// {
// $element_styling->add_styles( 'title', array( 'font-size' => $atts['custom_title_size'] . 'px' ) );
// }
// if( ! empty( $atts['custom_content_size'] ) )
// {
// $element_styling->add_styles( 'content', array( 'font-size' => $atts['custom_content_size'] . 'px' ) );
// }
$selectors = array(
'container' => ".iconbox.{$element_id}",
'icon' => ".iconbox.{$element_id} .iconbox_icon",
'title' => "#top #wrap_all .iconbox.{$element_id} .iconbox_content_title",
'content' => ".iconbox.{$element_id} .iconbox_content_container"
);
$element_styling->add_selectors( $selectors );
$result['default'] = $default;
$result['atts'] = $atts;
$result['content'] = $content;
$result['meta'] = $meta;
return $result;
}
/**
* Frontend Shortcode Handler
*
* @param array $atts array of attributes
* @param string $content text within enclosing form of shortcode element
* @param string $shortcodename the shortcode found, when == callback name
* @return string $output returns the modified html string
*/
function shortcode_handler( $atts, $content = '', $shortcodename = '', $meta = '' )
{
$result = $this->get_element_styles( compact( array( 'atts', 'content', 'shortcodename', 'meta' ) ) );
extract( $result );
extract( $atts );
$display_char = av_icon( $icon, $font );
$display_char_wrapper = array();
$link = AviaHelper::get_url( $link );
$blank = AviaHelper::get_link_target( $linktarget );
if( ! empty( $link ) )
{
$linktitle = $title;
switch( $linkelement )
{
case 'both':
if( $title )
{
$title = "<a href='{$link}' title='" . esc_attr( $linktitle ) . "' $blank>$linktitle</a>";
}
$display_char_wrapper['start'] = "a href='{$link}' title='" . esc_attr($linktitle) . "' {$blank}";
$display_char_wrapper['end'] = 'a';
break;
case 'only_icon':
$display_char_wrapper['start'] = "a href='{$link}' title='" . esc_attr($linktitle) . "' {$blank}";
$display_char_wrapper['end'] = 'a';
break;
default:
if( $title )
{
$title = "<a href='{$link}' title='" . esc_attr( $linktitle ) . "' {$blank} >$linktitle</a>";
}
$display_char_wrapper['start'] = 'div';
$display_char_wrapper['end'] = 'div';
break;
}
}
if( empty( $display_char_wrapper ) )
{
$display_char_wrapper['start'] = 'div';
$display_char_wrapper['end'] = 'div';
}
// add blockquotes to the content
$icon_html = '<' . $display_char_wrapper['start'] . ' class="iconbox_icon heading-color" ' . $display_char . '></' . $display_char_wrapper['end'] . '>';
$markup_entry = avia_markup_helper( array( 'context' => 'entry', 'echo' => false, 'custom_markup' => $meta['custom_markup'] ) );
$markup_title = avia_markup_helper( array( 'context' => 'entry_title', 'echo' => false, 'custom_markup' => $meta['custom_markup'] ) );
$markup_content = avia_markup_helper( array( 'context' => 'entry_content', 'echo' => false, 'custom_markup' => $meta['custom_markup'] ) );
$style_tag = $element_styling->get_style_tag( $element_id );
$container_class = $element_styling->get_class_string( 'container' );
$content_class = $element_styling->get_class_string( 'content' );
$output = '';
$output .= $style_tag;
$output .= "<article {$meta['custom_el_id']} class='{$container_class}' {$markup_entry}>";
if( $position == 'left_content' || $position == 'right_content' )
{
$output .= $icon_html;
$icon_html = '';
}
$output .= '<div class="iconbox_content">';
$output .= '<header class="entry-content-header">';
$output .= $icon_html;
$default_heading = ! empty( $meta['heading_tag'] ) ? $meta['heading_tag'] : 'h3';
$args = array(
'heading' => $default_heading,
'extra_class' => $meta['heading_class']
);
$extra_args = array( $this, $atts, $content, 'title' );
/**
* @since 4.5.5
* @return array
*/
$args = apply_filters( 'avf_customize_heading_settings', $args, __CLASS__, $extra_args );
$heading = ! empty( $args['heading'] ) ? $args['heading'] : $default_heading;
$css = ! empty( $args['extra_class'] ) ? $args['extra_class'] : $meta['heading_class'];
if( $title )
{
$output .= "<{$heading} class='iconbox_content_title {$css}' {$markup_title}>{$title}</{$heading}>";
}
$output .= '</header>';
$output .= "<div class='iconbox_content_container {$content_class}' {$markup_content}>";
$output .= ShortcodeHelper::avia_apply_autop( ShortcodeHelper::avia_remove_autop( $content ) );
$output .= '</div>';
$output .= '</div>';
$output .= '<footer class="entry-footer"></footer>';
$output .= '</article>';
return $output;
}
}
}