<?php
/**
* Table
*
* Creates a data or pricing table
*/
if ( ! defined( 'ABSPATH' ) ) { exit; } // Exit if accessed directly
if ( ! class_exists( 'avia_sc_table' ) )
{
class avia_sc_table extends aviaShortcodeTemplate
{
/**
*
* @var int
*/
static $table_count = 0;
/**
*
* @since 4.5.6
* @var array
*/
protected $screen_options;
/**
*
* @since 4.5.6
* @param AviaBuilder $builder
*/
public function __construct( $builder )
{
$this->screen_options = array();
parent::__construct( $builder );
}
/**
* @since 4.5.6
*/
public function __destruct()
{
parent::__destruct();
unset( $this->screen_options );
}
/**
* Create the config array for the shortcode button
*/
function shortcode_insert_button()
{
$this->config['version'] = '1.0';
$this->config['self_closing'] = 'no';
$this->config['auto_repair'] = 'no';
$this->config['name'] = __( 'Table', 'avia_framework' );
$this->config['tab'] = __( 'Content Elements', 'avia_framework' );
$this->config['icon'] = AviaBuilder::$path['imagesURL'] . 'sc-table.png';
$this->config['order'] = 35;
$this->config['target'] = 'avia-target-insert';
$this->config['shortcode'] = 'av_table';
$this->config['modal_data'] = array( 'modal_class' => 'bigscreen', 'before_save' => 'before_table_save' );
$this->config['shortcode_nested'] = array( 'av_row', 'av_cell','av_button' );
$this->config['tooltip'] = __( 'Creates a data or pricing table', 'avia_framework' );
$this->config['preview'] = false;
$this->config['disabling_allowed'] = true;
$this->config['id_name'] = 'id';
$this->config['id_show'] = 'yes';
$this->config['alb_desc_id'] = 'alb_description';
}
function admin_assets()
{
$ver = AviaBuilder::VERSION;
wp_register_script('avia_table_js', AviaBuilder::$path['assetsURL'] . 'js/avia-table.js', array( 'avia_modal_js' ), $ver, true );
Avia_Builder()->add_registered_admin_script( 'avia_table_js' );
}
function extra_assets()
{
//load css
wp_enqueue_style( 'avia-module-table', AviaBuilder::$path['pluginUrlRoot'] . 'avia-shortcodes/table/table.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_table' )
),
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_table' ),
$this->popup_key( 'styling_caption' )
),
'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' => 'screen_options_toggle',
'templates_include' => array(
$this->popup_key( 'advanced_table_responsive' ),
'screen_options_visibility'
)
),
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' => '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' => __( 'Table Builder', 'avia_framework' ),
'desc' => __( 'Start by adding columns and rows, then add content and styling to each.', 'avia_framework' ),
'id' => 'table',
'container_class' => 'avia-element-fullwidth',
'type' => 'table',
'row_style' => array(
__( 'Default Row', 'avia_framework' ) => '',
__( 'Heading Row', 'avia_framework' ) => 'avia-heading-row',
__( 'Pricing Row', 'avia_framework' ) => 'avia-pricing-row',
__( 'Button Row', 'avia_framework' ) => 'avia-button-row'
),
'column_style' => array(
__('Default Column', 'avia_framework' ) => '',
__('Highlight Column', 'avia_framework' ) => 'avia-highlight-col',
__('Description Column', 'avia_framework' ) => 'avia-desc-col',
__('Center Text Column', 'avia_framework' ) => 'avia-center-col'
)
),
);
AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'content_table' ), $c );
/**
* Styling Tab
* ===========
*/
$c = array(
array(
'name' => __( 'Table Purpose', 'avia_framework' ),
'desc' => __( 'Choose if the table should be used to display tabular data or to display pricing options. (Difference: Pricing tables are flashier and try to stand out)', 'avia_framework' ),
'id' => 'purpose',
'type' => 'select',
'std' => 'pricing',
'subtype' => array(
__( 'Use the table as a Pricing Table', 'avia_framework' ) => 'pricing',
__( 'Use the table to display tabular data', 'avia_framework' ) => 'tabular'
)
),
array(
'name' => __( 'Table Design', 'avia_framework' ),
'desc' => __( 'Use either the default or minimal design', 'avia_framework' ),
'id' => 'pricing_table_design',
'type' => 'select',
'std' => 'avia_pricing_default',
'subtype' => array(
__( 'Default', 'avia_framework') => 'avia_pricing_default',
__( 'Minimal', 'avia_framework') => 'avia_pricing_minimal'
)
),
array(
'name' => __( 'Empty Cells', 'avia_framework' ),
'desc' => __( 'Empty Cells are by default hidden. If you want to force equal height across all columns set them to display', 'avia_framework' ),
'id' => 'pricing_hidden_cells',
'type' => 'select',
'std' => '',
'required' => array( 'purpose', 'equals', 'pricing' ),
'subtype' => array(
__( 'Hide empty Cells', 'avia_framework' ) => '',
__( 'Show empty Cells', 'avia_framework' ) => 'avia_show_empty_cells'
)
),
);
$template = array(
array(
'type' => 'template',
'template_id' => 'toggle',
'title' => __( 'Table Styling', 'avia_framework' ),
'content' => $c
),
);
AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'styling_table' ), $template );
$c = array(
array(
'name' => __( 'Table Caption', 'avia_framework' ),
'desc' => __( 'Add a short caption to the table so visitors know what the data is about', 'avia_framework' ),
'id' => 'caption',
'type' => 'input',
'std' => '',
'required' => array( 'purpose', 'equals', 'tabular' )
),
);
$template = array(
array(
'type' => 'template',
'template_id' => 'toggle',
'title' => __( 'Caption', 'avia_framework' ),
'content' => $c
),
);
AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'styling_caption' ), $template );
/**
* Advanced Tab
* ===========
*/
$c = array(
array(
'name' => __( 'Responsive Styling', 'avia_framework' ),
'desc' => __( 'Select which table styling should be used if the screen is too small for the table.', 'avia_framework' ),
'id' => 'responsive_styling',
'type' => 'select',
'std' => 'avia_responsive_table',
'required' => array( 'purpose', 'equals', 'tabular' ),
'subtype' => array(
__( 'Adjust table to screen size', 'avia_framework' ) => 'avia_responsive_table',
__( 'Make entire table scrollable', 'avia_framework' ) => 'avia_scrollable_table'
)
),
);
AviaPopupTemplates()->register_dynamic_template( $this->popup_key( 'advanced_table_responsive' ), $c );
}
/**
* 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 )
{
$params = parent::editor_element( $params );
return $params;
}
/**
* Editor Sub Element - this function defines the visual appearance of an element that is displayed within a modal window and on click opens its own modal window
* Works in the same way as Editor Element
* @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_sub_element( $params )
{
$template = $this->update_template( 'label', __( 'Element', 'avia_framework' ) . ': {{label}}' );
$params['content'] = null;
$params['innerHtml'] = '';
$params['innerHtml'] .= "<div class='avia_image_container' {$template}>" . __( 'Element', 'avia_framework' ) . ": {$params['args']['label']}</div>";
$params['data'] = array( 'modal_class' => 'mediumscreen' );
return $params;
}
/**
* 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 = '' )
{
$this->screen_options = AviaHelper::av_mobile_sizes( $atts );
$atts = shortcode_atts( array(
'purpose' => 'pricing',
'caption' => '',
'responsive_styling' => 'avia_responsive_table',
'pricing_hidden_cells' => '',
'pricing_table_design' => 'avia_pricing_default'
), $atts, $this->config['shortcode'] );
$depth = 2;
$table_rows = ShortcodeHelper::shortcode2array( $content, $depth );
$output = '';
if( empty( $table_rows ) )
{
return $output;
}
self::$table_count ++;
switch( $atts['purpose'] )
{
case 'pricing':
$output .= $this->pricing_table( $table_rows, $atts, $meta );
break;
default:
$output .= $this->data_table( $table_rows, $atts, $meta );
break;
}
return $output;
}
/**
* resort the array so that its easier to do a liststlye output when using pricing tables
*
* @param array $table_rows
* @return array
*/
protected function list_sort_array( $table_rows )
{
$new = array();
foreach( $table_rows as $rk => $row )
{
foreach( $row['content'] as $ck => $cell )
{
$new[$ck]['ul_style'] = $cell['attr']['col_style'];
$new[$ck]['attr'][] = $row['attr'];
$new[$ck]['content'][] = $cell;
}
}
return $new;
}
/**
* Pricing table uses unordered lists to display the table structure
*
* @param array $table_rows
* @param array $atts
* @param array $meta
* @return string
*/
protected function pricing_table( $table_rows, $atts, $meta )
{
extract( $this->screen_options );
$class = "{$atts['pricing_hidden_cells']} {$atts['pricing_table_design']} {$av_display_classes} {$meta['el_class']}";
$sorted_rows = $this->list_sort_array( $table_rows );
$markup = avia_markup_helper( array( 'context' => 'table', 'echo' => false, 'custom_markup' => $meta['custom_markup'] ) );
$output = '';
$output .= "<div {$meta['custom_el_id']} class='avia-table main_color avia-pricing-table-container {$class} avia-table-" . self::$table_count . "' $markup>";
$fallback_values = array();
$empty_cells = false;
foreach( $sorted_rows as $ul_k => $ul )
{
$output .= "<div class='pricing-table-wrap'>";
$output .= "<ul class='pricing-table {$ul['ul_style']}'>";
foreach( $ul['content'] as $key => $li )
{
$content = trim( do_shortcode( $li['content'] ) );
if( empty( $content ) && $content !== '0' )
{
$ul['attr'][ $key ]['row_style'] .= ' empty-table-cell';
$content = "{{content-{$key}}}";
$empty_cells = true;
}
else if( empty( $fallback_values[ $key ] ) )
{
$fallback_values[ $key ] = $content;
}
if( strpos( $ul['attr'][ $key ]['row_style'], 'avia-pricing-row' ) !== false )
{
$content = preg_replace( '!(\$|€|¥|£|¢|¤|%|‰|¢|¤|£|¥|€)!' , '<span class="currency-symbol">$1</span>', $content );
}
$output .= "<li class='{$ul['attr'][$key]['row_style']}'>";
$output .= $key == 0 ? "<div class='first-table-item'>{$content}</div>" : $content;
$output .= $key == 0 ? "<span class='pricing-extra'></span>" :'';
$output .= '</li>';
}
$output .= '</ul>';
$output .= '</div>';
}
if( $empty_cells )
{
foreach( $fallback_values as $key => $value )
{
$output = str_replace( "{{content-{$key}}}", "<span class='fallback-table-val'>{$value}</span>", $output );
}
}
$output .= '</div>';
return $output;
}
/**
* Data table uses the real table html tag to display its structure
*
* @param array $table_rows
* @param array $atts
* @param array $meta
* @return type
*/
protected function data_table( $table_rows, $atts, $meta )
{
extract( $this->screen_options );
$responsive_style = '';
$class = $meta['el_class'] . ' ' . $atts['pricing_table_design'] . ' ' . $av_display_classes;
$markup = avia_markup_helper( array( 'context' => 'table', 'echo' => false, 'custom_markup' => $meta['custom_markup'] ) );
$output = "<div class='avia-data-table-wrap {$atts['responsive_styling']}'>";
$output .= "<table {$meta['custom_el_id']} class='avia-table avia-data-table avia-table-" . self::$table_count . " {$class}' {$markup}>";
$output .= $atts['caption'] ? '<caption>' . $atts['caption'] . '</caption>' : '';
$output .= '<tbody>';
$counter = 0;
foreach( $table_rows as $rk => $row )
{
$responsive_style_nth_modifier = 1;
if( empty( $row['attr'] ) )
{
$row['attr'] = array();
}
$row_attributes = array_merge( array( 'row_style' => '' ), $row['attr'] );
$output .= "<tr class='{$row_attributes['row_style']}'>";
foreach( $row['content'] as $key => $cell )
{
if( empty( $cell['attr'] ) )
{
$cell['attr'] = array();
}
$cell_attributes = array_merge( array( 'col_style' => '' ), $cell['attr'] );
$tag = $row_attributes['row_style'] == 'avia-heading-row' ? 'th' : 'td';
$tag = $cell_attributes['col_style'] == 'avia-desc-col' ? 'th' : $tag;
if( $row_attributes['row_style'] == 'avia-heading-row' && $cell_attributes['col_style'] == 'avia-desc-col' )
{
//fixes issues like
//https://kriesi.at/support/topic/display-of-a-table-displays-wron-headlines-on-mobile/.
$responsive_style_nth_modifier = 0;
}
if( $rk == 0 && $tag == 'th' )
{
$responsive_style .= ".avia-table-" . self::$table_count . " td:nth-of-type(" . ( $counter + $responsive_style_nth_modifier ) . "):before { content: '" . strip_tags( html_entity_decode( $row['content'][ $counter ]['content'] ) ) . "'; } ";
$counter ++;
}
$output .= "<{$tag} class='{$cell_attributes['col_style']}'>";
$output .= do_shortcode( $cell['content'] );
$output .= "</{$tag}>";
}
$output .= '</tr>';
}
$output .= '</tbody>';
$output .= '</table>';
$output .= '</div>';
if( $atts['responsive_styling'] == 'avia_responsive_table' )
{
$output .= "<style type='text/css'>{$responsive_style}</style>";
}
return $output;
}
}
}
Comments
0 B
|👍
/👎