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

PATH: home / grupasm / www / wp-content / themes / enfold / config-templatebuilder / avia-shortcodes / table

<?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( '!(\$|€|¥|£|¢|¤|%|‰|&cent;|&curren;|&pound;|&yen;|&euro;)!' , '<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;
		}

}
}

[+] ..
[-] table.css [edit]
[-] table.php [edit]