Your IP : 216.73.216.162
class-layout-builder.php 0000666 00000031104 15114703270 0011324 0 ustar 00 <?php
/**
* Add Panel Builder to WP Customize
*
* Class Customify_Customize_Layout_Builder
*/
class Customify_Customize_Layout_Builder {
static $_instance;
private $registered_items = array();
private $registered_builders = array();
/**
* Initial
*/
function init() {
do_action( 'customify/customize-builder/init' );
if ( is_admin() ) {
add_action( 'customize_controls_enqueue_scripts', array( $this, 'scripts' ) );
add_action( 'customize_controls_print_footer_scripts', array( $this, 'template' ) );
add_action( 'wp_ajax_customify_builder_save_template', array( $this, 'ajax_save_template' ) );
add_action( 'wp_ajax_customify_builder_export_template', array( $this, 'ajax_export_template' ) );
}
}
/**
* Register builder panel
*
* @see Customify_Customize_Builder_Panel
*
* @param string $id ID of panel.
* @param Customify_Customize_Builder_Panel $class Panel class name.
*
* @return bool
*/
public function register_builder( $id, $class ) {
if ( ! isset( $id ) ) {
return false;
}
if ( ! is_object( $class ) ) {
if ( ! class_exists( $class ) ) {
return false;
}
$class = new $class();
}
if ( ! $class instanceof Customify_Customize_Builder_Panel ) {
$name = get_class( $class );
_doing_it_wrong( $name, sprintf( __( 'Class <strong>%s</strong> do not extends class <strong>Customify_Customize_Builder_Panel</strong>.', 'customify' ), $name ), '1.0.0' );
return false;
}
add_filter( 'customify/customizer/config', array( $class, '_customize' ), 35, 2 );
$this->registered_builders[ $id ] = $class;
}
/**
* Get builder class
*
* @since 0.2.9
*
* @param string $builder_id
* @return object|bool
*/
public function get_builder( $builder_id ) {
return isset( $this->registered_builders[ $builder_id ] ) ? $this->registered_builders[ $builder_id ] : false;
}
/**
* Add an item builder to panel
*
* @see Customify_Customize_Layout_Builder::register_builder();
*
* @param string $builder_id Id of panel.
* @param object $class Class to handle this item.
*
* @return bool
*/
function register_item( $builder_id, $class ) {
if ( ! $builder_id ) {
return false;
}
if ( is_object( $class ) ) {
} else {
if ( ! class_exists( $class ) ) {
return false;
}
$class = new $class();
}
if ( ! isset( $this->registered_items[ $builder_id ] ) ) {
$this->registered_items[ $builder_id ] = array();
}
$this->registered_items[ $builder_id ][ $class->id ] = $class;
return true;
}
/**
* Get all items for builder panel
*
* @param string $builder_id Id of panel.
*
* @return array|mixed
*/
function get_builder_items( $builder_id ) {
if ( ! $builder_id ) {
return apply_filters( 'customify/builder/' . $builder_id . '/items', array() );
}
if ( ! isset( $this->registered_items[ $builder_id ] ) ) {
return apply_filters( 'customify/builder/' . $builder_id . '/items', array() );
}
$items = array();
foreach ( $this->registered_items[ $builder_id ] as $name => $obj ) {
if ( method_exists( $obj, 'item' ) ) {
$item = $obj->item();
$items[ $item['id'] ] = $item;
}
}
$items = apply_filters( 'customify/builder/' . $builder_id . '/items', $items );
return $items;
}
/**
* Get all customize settings of all items for builder panel
*
* @param string $builder_id Id of panel.
* @param WP_Customize_Manager $wp_customize WP Customize.
*
* @return array|bool
*/
public function get_items_customize( $builder_id, $wp_customize = null ) {
if ( ! $builder_id ) {
return false;
}
if ( ! isset( $this->registered_items[ $builder_id ] ) ) {
return false;
}
$items = array();
foreach ( $this->registered_items[ $builder_id ] as $name => $obj ) {
if ( method_exists( $obj, 'customize' ) ) {
$item = $obj->customize( $wp_customize );
if ( is_array( $item ) ) {
foreach ( $item as $it ) {
$items[] = $it;
}
}
}
}
return $items;
}
/**
* Get a builder item for builder panel
*
* @param string $builder_id Id of panel.
* @param string $item_id Builder item id.
*
* @return bool
*/
function get_builder_item( $builder_id, $item_id ) {
if ( ! $builder_id ) {
return false;
}
if ( ! isset( $this->registered_items[ $builder_id ] ) ) {
return false;
}
if ( ! isset( $this->registered_items[ $builder_id ][ $item_id ] ) ) {
return false;
}
return $this->registered_items[ $builder_id ][ $item_id ];
}
/**
* Handle event save template
*/
function ajax_save_template() {
if ( ! current_user_can( 'edit_theme_options' ) ) {
wp_send_json_error( __( 'Access denied', 'customify' ) );
}
$id = isset( $_POST['id'] ) ? sanitize_text_field( $_POST['id'] ) : false;
$control = isset( $_POST['control'] ) ? sanitize_text_field( $_POST['control'] ) : '';
$save_name = isset( $_POST['name'] ) ? sanitize_text_field( $_POST['name'] ) : '';
if ( ! $save_name ) {
$save_name = sprintf( __( 'Saved %s', 'customify' ), date_i18n( 'Y-m-d H:i:s' ) );
}
$fn = false;
if ( ! isset( $this->registered_builders[ $id ] ) ) {
wp_send_json_error( __( 'No Support', 'customify' ) );
} else {
$fn = array( $this->registered_builders[ $id ], '_customize' );
}
$theme_name = wp_get_theme()->get( 'Name' );
$option_name = "{$theme_name}_{$id}_saved_templates";
$saved_templates = get_option( $option_name );
if ( ! is_array( $saved_templates ) ) {
$saved_templates = array();
}
if ( isset( $_POST['remove'] ) ) {
$remove = sanitize_text_field( $_POST['remove'] );
if ( isset( $saved_templates[ $remove ] ) ) {
unset( $saved_templates[ $remove ] );
}
update_option( $option_name, $saved_templates );
wp_send_json_success();
}
$config = call_user_func_array( $fn, array() );
$new_template_data = array();
foreach ( $config as $k => $field ) {
if ( 'panel' != $field['type'] && 'section' != $field['type'] ) {
$name = $field['name'];
$value = get_theme_mod( $name );
if ( is_array( $value ) ) {
$value = array_filter( $value );
}
if ( $value && ! empty( $value ) ) {
$new_template_data[ $name ] = $value;
}
}
}
if ( ! $save_name ) {
$key_id = date_i18n( 'Y-m-d H:i:s', current_time( 'timestamp' ) );
$save_name = sprintf( __( 'Saved %s', 'customify' ), $key_id );
} else {
$key_id = $save_name;
}
$saved_templates[ $key_id ] = array(
'name' => $save_name,
'image' => '',
'data' => $new_template_data,
);
update_option( $option_name, $saved_templates );
$html = '<li class="saved_template li-boxed" data-control-id="' . esc_attr( $control ) . '" data-id="' . esc_attr( $key_id ) . '" data-data="' . esc_attr( wp_json_encode( $new_template_data ) ) . '">' . esc_html( $save_name ) . ' <a href="#" class="load-tpl">' . __( 'Load', 'customify' ) . '</a><a href="#" class="remove-tpl">' . __( 'Remove', 'customify' ) . '</a></li>'; // WPCS: XSS OK.
wp_send_json_success(
array(
'key_id' => $key_id,
'name' => $save_name,
'li' => $html,
)
);
die();
}
/**
* Handle event export template
*/
function ajax_export_template() {
if ( ! current_user_can( 'edit_theme_options' ) ) {
wp_send_json_error( __( 'Access denied', 'customify' ) );
}
$id = isset( $_GET['id'] ) ? sanitize_text_field( wp_unslash( $_GET['id'] ) ) : false;
$name = isset( $_GET['name'] ) ? sanitize_text_field( wp_unslash( $_GET['name'] ) ) : false;
$theme_name = wp_get_theme()->get( 'Name' );
$option_name = "{$theme_name}_{$id}_saved_templates";
$data = get_option( $option_name );
$var = null;
if ( $name ) {
if ( isset( $data[ $name ] ) ) {
$var = $data[ $name ]['data'];
$var = array_filter( $var );
}
} else {
$var = $data;
}
var_export( $var ); // phpcs:ignore
die();
}
/**
* Get all builders registered.
*
* @return array
*/
public function get_builders() {
$builders = array();
foreach ( $this->registered_builders as $id => $builder ) {
$config = $builder->get_config();
$config['items'] = apply_filters( 'customify/builder/' . $id . '/items', $this->get_builder_items( $id ) );
$config['rows'] = apply_filters( 'customify/builder/' . $id . '/rows', $builder->get_rows_config() );
$builders[ $id ] = $config;
}
return $builders;
}
/**
* Add script to Customize
*/
function scripts() {
$suffix = Customify()->get_asset_suffix();
wp_enqueue_script(
'customify-builder-v1',
esc_url( get_template_directory_uri() ) . '/assets/js/customizer/builder-v1' . $suffix . '.js',
array(
'customize-controls',
'jquery-ui-resizable',
'jquery-ui-droppable',
'jquery-ui-draggable',
),
false,
true
);
wp_enqueue_script(
'customify-builder-v2',
esc_url( get_template_directory_uri() ) . '/assets/js/customizer/builder-v2' . $suffix . '.js',
array(
'customize-controls',
'jquery-ui-resizable',
'jquery-ui-droppable',
'jquery-ui-draggable',
),
false,
true
);
wp_enqueue_script(
'customify-layout-builder',
esc_url( get_template_directory_uri() ) . '/assets/js/customizer/builder' . $suffix . '.js',
array(
'customify-builder-v1',
'customify-builder-v2',
),
false,
true
);
wp_localize_script(
'jquery',
'Customify_Layout_Builder',
array(
'footer_moved_widgets_text' => '',
'builders' => $this->get_builders(),
'is_rtl' => is_rtl(),
'change_version_nonce' => wp_create_nonce( 'change_version_nonce' ),
'swicth_version' => __( 'Switch Builder Version', 'customify' ),
'hide_switcher' => apply_filters( 'customify_hide_header_builder_switcher', get_theme_mod( 'hide_header_builder_switcher' ) ),
'header_builder_version' => get_theme_mod( 'header_builder_version' ),
)
);
}
static function get_instance() {
if ( is_null( self::$_instance ) ) {
self::$_instance = new self();
}
return self::$_instance;
}
/**
* Panel Builder Template
*/
function template() {
require_once get_template_directory() . '/inc/panel-builder/v1/templates/rows.php';
require_once get_template_directory() . '/inc/panel-builder/v2/templates/rows.php';
?>
<script type="text/html" id="tmpl-customify--builder-panel">
<div class="customify--customize-builder">
<div class="customify--cb-inner">
<div class="customify--cb-header">
<div class="customify--cb-devices-switcher">
</div>
<div class="customify--cb-actions">
<?php do_action( 'customify/builder-panel/actions-buttons' ); ?>
<a data-id="{{ data.id }}_templates" class="focus-section button button-secondary" href="#"><?php _e( 'Templates', 'customify' ); ?></a>
<a class="button button-secondary customify--panel-close" href="#">
<span class="close-text"><?php _e( 'Close', 'customify' ); ?></span>
<span class="panel-name-text">{{ data.title }}</span>
</a>
</div>
</div>
<div class="customify--cb-body"></div>
</div>
</div>
</script>
<script type="text/html" id="tmpl-customify--cb-item">
<div class="grid-stack-item item-from-list for-s-{{ data.section }}"
title="{{ data.name }}"
data-id="{{ data.id }}"
data-section="{{ data.section }}"
data-control="{{ data.control }}"
data-gs-x="{{ data.x }}"
data-gs-y="{{ data.y }}"
data-gs-width="{{ data.width }}"
data-df-width="{{ data.width }}"
data-gs-height="1"
>
<div class="item-tooltip" data-section="{{ data.section }}">{{ data.name }}</div>
<div class="grid-stack-item-content">
<span class="customify--cb-item-name" data-section="{{ data.section }}">{{ data.name }}</span>
<span class="customify--cb-item-remove customify-cb-icon"></span>
<span class="customify--cb-item-setting customify-cb-icon" data-section="{{ data.section }}"></span>
</div>
</div>
</script>
<?php
if ( ! apply_filters( 'customify/is_pro_activated', false ) ) {
?>
<script type="text/html" id="customify-upsell-tmpl">
<p class="customify-upsell-panel"><?php _e( 'Enjoy building? Upgrade to <a target="_blank" href="https://pressmaximum.com/customify/pro-upgrade/?utm_source=theme_dashboard&utm_medium=links&utm_campaign=panel_text">Customify Pro</a> to get more builder items and other premium features</a>.', 'customify' ); ?></p>
</script>
<?php
}
}
}
/**
* Alias of class Customify_Customize_Layout_Builder
*
* @see Customify_Customize_Layout_Builder
*
* @return Customify_Customize_Layout_Builder
*/
function Customify_Customize_Layout_Builder() {
return Customify_Customize_Layout_Builder::get_instance();
}
v1/v1-templates.php 0000666 00000000000 15114703270 0010117 0 ustar 00 v1/templates/rows.php 0000666 00000004151 15114703270 0010600 0 ustar 00 <script type="text/html" id="tmpl-customify--cb-panel">
<div class="customify--cp-rows">
<# if ( ! _.isUndefined( data.rows.top ) ) { #>
<div class="customify--row-top customify--cb-row" data-id="{{ data.id }}_top">
<a class="customify--cb-row-settings" title="{{ data.rows.top }}" data-id="top" href="#"></a>
<div class="customify--row-inner">
<div class="row--grid">
<?php
for ( $i = 1; $i <= 12; $i ++ ) {
echo '<div></div>';
}
?>
</div>
<div class="customify--cb-items grid-stack gridster" data-id="top"></div>
</div>
</div>
<# } #>
<# if ( ! _.isUndefined( data.rows.main ) ) { #>
<div class="customify--row-main customify--cb-row" data-id="{{ data.id }}_main">
<a class="customify--cb-row-settings" title="{{ data.rows.main }}" data-id="main" href="#"></a>
<div class="customify--row-inner">
<div class="row--grid">
<?php
for ( $i = 1; $i <= 12; $i ++ ) {
echo '<div></div>';
}
?>
</div>
<div class="customify--cb-items grid-stack gridster" data-id="main"></div>
</div>
</div>
<# } #>
<# if ( ! _.isUndefined( data.rows.bottom ) ) { #>
<div class="customify--row-bottom customify--cb-row" data-id="{{ data.id }}_bottom">
<a class="customify--cb-row-settings" title="{{ data.rows.bottom }}" data-id="bottom" href="#"></a>
<div class="customify--row-inner">
<div class="row--grid">
<?php
for ( $i = 1; $i <= 12; $i ++ ) {
echo '<div></div>';
}
?>
</div>
<div class="customify--cb-items grid-stack gridster" data-id="bottom"></div>
</div>
</div>
<# } #>
</div>
<# if ( data.device != 'desktop' ) { #>
<# if ( ! _.isUndefined( data.rows.sidebar ) ) { #>
<div class="customify--cp-sidebar">
<div class="customify--row-bottom customify--cb-row" data-id="{{ data.id }}_sidebar">
<a class="customify--cb-row-settings" title="{{ data.rows.sidebar }}" data-id="sidebar" href="#"></a>
<div class="customify--row-inner">
<div class="customify--cb-items customify--sidebar-items" data-id="sidebar"></div>
</div>
</div>
<div>
<# } #>
<# } #>
</script>
v2/templates/rows.php 0000666 00000004731 15114703270 0010605 0 ustar 00 <script type="text/html" id="tmpl-customify--cb-panel-v2">
<div class="cp-rows-v2 customify--cp-rows">
<# if ( ! _.isUndefined( data.rows.top ) ) { #>
<div class="customify--row-top customify--cb-row" data-row-id="top" data-id="{{ data.id }}_top">
<a class="customify--cb-row-settings" title="{{ data.rows.top }}" data-id="top" href="#"></a>
<div class="customify--row-inner">
<div class="col-items-wrapper"><div data-id="left" class="col-items col-left"></div></div>
<div class="col-items-wrapper"><div data-id="center" class="col-items col-center"></div></div>
<div class="col-items-wrapper"><div data-id="right" class="col-items col-right"></div></div>
</div>
</div>
<# } #>
<# if ( ! _.isUndefined( data.rows.main ) ) { #>
<div class="customify--row-main customify--cb-row" data-row-id="main" data-id="{{ data.id }}_main">
<a class="customify--cb-row-settings" title="{{ data.rows.main }}" data-id="main" href="#"></a>
<div class="customify--row-inner">
<div class="col-items-wrapper"><div data-id="left" class="col-items col-left"></div></div>
<div class="col-items-wrapper"><div data-id="center" class="col-items col-center"></div></div>
<div class="col-items-wrapper"><div data-id="right" class="col-items col-right"></div></div>
</div>
</div>
<# } #>
<# if ( ! _.isUndefined( data.rows.bottom ) ) { #>
<div class="customify--row-bottom customify--cb-row" data-row-id="bottom" data-id="{{ data.id }}_bottom">
<a class="customify--cb-row-settings" title="{{ data.rows.bottom }}" data-id="bottom" href="#"></a>
<div class="customify--row-inner">
<div class="col-items-wrapper"><div data-id="left" class="col-items col-left"></div></div>
<div class="col-items-wrapper"><div data-id="center" class="col-items col-center"></div></div>
<div class="col-items-wrapper"><div data-id="right" class="col-items col-right"></div></div>
</div>
</div>
<# } #>
</div>
<# if ( data.device != 'desktop' ) { #>
<# if ( ! _.isUndefined( data.rows.sidebar ) ) { #>
<div class="customify--cp-sidebar">
<div class="customify--row-sidebar customify--cb-row" data-row-id="sidebar" data-id="{{ data.id }}_sidebar">
<a class="customify--cb-row-settings" title="{{ data.rows.sidebar }}" data-id="sidebar" href="#"></a>
<div class="customify--row-inner">
<div class="col-items-wrapper"><div data-id="sidebar" class="col-items col-sidebar"></div></div>
</div>
</div>
<div>
<# } #>
<# } #>
</script> class-layout-builder-frontend.php 0000666 00000042572 15114703270 0013154 0 ustar 00 <?php
/**
* Builder frontemd class
*
* @since 0.2.9
*/
class Customify_Layout_Builder_Frontend extends Customify_Abstract_Layout_Frontend {
public static $_instance;
protected $control_id = 'header_builder_panel';
public $id = 'header';
protected $render_items = array();
protected $rows = array();
protected $data = false;
protected $config_items = false;
public function __construct() {
}
public static function get_instance() {
if ( is_null( self::$_instance ) ) {
self::$_instance = new self();
}
return self::$_instance;
}
public function get_id() {
return $this->id;
}
public function set_id( $id ) {
$this->id = $id;
$this->data = null;
}
public function set_control_id( $id ) {
$this->control_id = $id;
$this->data = null;
}
/**
* Set config items
*
* @param array $config_items Config items.
*/
public function set_config_items( $config_items ) {
$this->config_items = $config_items;
}
/**
* Get Panel Settings Data
*
* @return array|bool
*/
function get_settings() {
if ( $this->data ) {
return $this->data;
}
$data = Customify()->get_setting( $this->control_id );
$data = wp_parse_args(
$data,
array(
'desktop' => '',
'tablet' => '',
'mobile' => '',
)
);
foreach ( $data as $k => $v ) {
if ( ! is_array( $v ) ) {
$v = array();
}
$data[ $k ] = $v;
}
$this->data = $data;
return $data;
}
/**
* Get settings for row
*
* @param string $row_id Row ID.
* @param string $device Device ID.
*
* @return bool
*/
public function get_row_settings( $row_id, $device = 'desktop' ) {
$data = $this->get_settings();
if ( isset( $data[ $device ] ) ) {
if ( isset( $data[ $device ][ $row_id ] ) ) {
return ! empty( $data[ $device ][ $row_id ] ) ? $data[ $device ][ $row_id ] : false;
}
}
return false;
}
/**
* Render items to HTML
*
* @param array $list_items List Items.
*
* @return array
*/
function render_items( $list_items = array() ) {
$setting = $this->get_settings();
$items = array();
// Loop devices.
foreach ( $setting as $device => $device_settings ) {
foreach ( $device_settings as $row_id => $row_items ) {
if ( ! isset( $this->rows[ $row_id ] ) ) {
$this->rows[ $row_id ] = array();
}
// if this row not empty.
if ( is_array( $row_items ) && count( $row_items ) ) {
$this->rows[ $row_id ][ $device ] = $device;
// Loop items of this row.
foreach ( $row_items as $item_index => $item ) {
$return_render = null;
$item = wp_parse_args(
$item,
array(
'x' => '',
'width' => '1',
'id' => '',
)
);
if ( ! $item['id'] ) {
continue;
}
$item_config = isset( $this->config_items[ $item['id'] ] ) ? $this->config_items[ $item['id'] ] : array();
if ( ! isset( $items[ $item['id'] ] ) ) {
$items[ $item['id'] ] = array(
'render_content' => '',
'devices' => array(),
'rows' => array(),
'id' => $item['id'],
);
}
if ( ! $items[ $item['id'] ] ['render_content'] ) {
// START render builder item.
ob_start();
$has_cb = false;
/**
* Hook before builder item
*
* @since 0.2.1
*/
do_action( 'customify/builder/' . $this->id . '/before-item/' . $item['id'] );
$object_item = Customify_Customize_Layout_Builder()->get_builder_item( $this->id, $item['id'] );
// Call render in registered class.
if ( $object_item ) {
if ( method_exists( $object_item, 'render' ) ) {
$return_render = call_user_func_array(
array(
$object_item,
'render',
),
array( $item_config, $item )
);
$has_cb = true;
}
}
// Call render by function if class do not exists.
if ( ! $has_cb ) {
$id = str_replace( '-', '_', $item['id'] );
$fn = 'customify_builder_' . $id . '_item';
$return_render = false;
if ( function_exists( $fn ) ) {
$return_render = call_user_func_array( $fn, array( $item_config, $item ) );
$has_cb = true;
} else {
$fn = 'customify_builder_' . $this->id . '_' . $id . '_item';
if ( function_exists( $fn ) ) {
$return_render = call_user_func_array( $fn, array( $item_config, $item ) );
$has_cb = true;
}
}
}
/**
* Hook after builder item
*
* @since 0.2.1
*/
do_action( 'customify/builder/' . $this->id . '/after-item/' . $item['id'] );
// Get item output.
$ob_render = ob_get_clean();
// END render builder item.
if ( ! $return_render ) {
if ( $ob_render ) {
$return_render = $ob_render;
}
}
if ( $return_render ) {
$items[ $item['id'] ] ['render_content'] = $return_render;
}
}
$items[ $item['id'] ]['added'] = false;
$items[ $item['id'] ]['devices'][ $device ] = array(
'x' => $item['x'],
'width' => $item['width'],
'id' => $item['id'],
'row' => $row_id,
);
if ( isset( $items[ $item['id'] ]['rows'][ $row_id ] ) ) {
$items[ $item['id'] ]['rows'][ $row_id ] = array(
$items[ $item['id'] ]['rows'][ $row_id ],
);
$items[ $item['id'] ]['rows'][ $row_id ][] = $device;
} else {
$items[ $item['id'] ]['rows'][ $row_id ] = $device;
}
}
}
}
}
$this->render_items = $items;
return $items;
}
/**
* Sort items by their position on the grid.
*
* @param array $items List item to sort.
*
* @return array
*/
private function _sort_items_by_position( $items = array() ) {
$ordered_items = array();
foreach ( $items as $key => $item ) {
$ordered_items[ $key ] = $item['x'];
}
array_multisort( $ordered_items, SORT_ASC, $items );
return $items;
}
public function render_row( $items, $id = '', $device = 'desktop' ) {
$row_html = '';
$max_columns = 12;
$items = $this->_sort_items_by_position( array_values( $items ) );
$last_item = false;
$prev_item = false;
$group_items = array();
$gi = 0;
$n = count( $items );
$index = 0;
ob_start();
while ( $index < $n ) {
$item = $items[ $index ];
if ( $gi < 0 ) {
$gi = 0;
}
if ( $n > $index + 1 ) {
$next_item = $items[ $index + 1 ];
} else {
$next_item = false;
}
$item_id = $item['id'];
$merge_key = $this->id . '_' . $item_id . '_merge';
$merge = Customify()->get_setting( $merge_key, $device );
$merge_next = false;
$merge_prev = false;
if ( 'no' == $merge || '0' == $merge ) {
$merge = false;
}
if ( $next_item ) {
$merge_key_next = $this->id . '_' . $next_item['id'] . '_merge';
$merge_next = Customify()->get_setting( $merge_key_next, $device );
}
if ( 'no' == $merge_next || '0' == $merge_next ) {
$merge_next = false;
}
if ( $prev_item ) {
$merge_prev = $prev_item['__merge'];
}
/*
Increment group_index:
a:
n-1: = prev || no
n = no || left
n+1 = no || next
b:
n-1: = prev || no
n = next
n+1 = prev || no
*/
if (
( ! $merge_prev || 'prev' == $merge_prev )
&& ( ! $merge || 'next' == $merge )
&& ( ! $merge_next || 'next' == $merge_next )
) {
$gi ++;
} elseif (
( ! $merge_prev || 'prev' == $merge_prev )
&& ( 'next' == $merge )
&& ( ! $merge_next || 'prev' == $merge_next )
) {
$gi ++;
}
if ( ! isset( $group_items[ $gi ] ) ) {
$group_items[ $gi ] = $item;
$group_items[ $gi ]['items'] = array();
$group_items[ $gi ]['items'][] = $item;
} else {
$group_items[ $gi ]['width'] = ( $item['x'] + $item['width'] ) - $group_items[ $gi ]['x'];
$group_items[ $gi ]['items'][] = $item;
}
$prev_item = $item;
$prev_item['__merge'] = $merge;
if ( 0 == $index && ( ! $merge || 'prev' == $merge ) && ( ! $merge_next || 'next' == $merge_next ) ) {
$gi ++;
}
$index ++;
}
$index = 0;
$number_group_item = count( $group_items );
foreach ( $group_items as $item ) {
if ( isset( $items[ $index + 1 ] ) ) {
$next_item = $items[ $index + 1 ];
} else {
$next_item = false;
}
$first_id = $item['id'];
$x = intval( $item['x'] );
$width = intval( $item['width'] );
if ( ! $next_item ) {
if ( $x + $width < $max_columns ) {
$width += $max_columns - ( $x + $width );
}
}
$atts = array();
$classes = array();
$number_item = count( $item['items'] );
if ( 'footer' != $this->id ) {
$classes[] = "customify-col-{$width}_md-{$width}_sm-{$width}";
} else {
if ( $number_group_item > 1 ) {
$classes[] = "customify-col-{$width}_md-{$width}_sm-6_xs-12";
} else {
$classes[] = "customify-col-{$width}_md-{$width}_sm-12_xs-12";
}
}
if ( $x > 0 ) {
if ( ! $last_item ) {
$atts[] = 'off-' . $x;
} else {
$o = intval( $last_item['width'] ) + intval( $last_item['x'] );
if ( $x - $o > 0 ) {
$atts[] = 'off-' . ( $x - $o );
}
}
}
if ( 'footer' == $this->id ) {
$atts[] = '_sm-0';
}
$classes[] = 'builder-item builder-first--' . $first_id;
if ( count( $item['items'] ) > 1 ) {
$classes[] = 'builder-item--group';
}
$classes = apply_filters( 'customify/builder/item-wrapper-classes', $classes, $item );
$classes = join( ' ', $classes );
$row_items_html = '';
foreach ( $item['items'] as $_it ) {
$item_id = $_it['id'];
$content = $this->render_items[ $item_id ]['render_content'];
if ( $content ) {
$item_config = isset( $this->config_items[ $item_id ] ) ? $this->config_items[ $item_id ] : array();
if ( ! isset( $item_config['section'] ) ) {
$item_config['section'] = '';
}
$item_classes = array();
$item_classes[] = 'item--inner';
$item_classes[] = 'builder-item--' . $item_id;
if ( strpos( $item_id, '-menu' ) ) {
$item_classes[] = 'has_menu';
}
if ( is_customize_preview() ) {
$item_classes[] = ' builder-item-focus';
}
$item_classes = join( ' ', $item_classes );
$row_items_html .= '<div class="' . esc_attr( $item_classes ) . '" data-section="' . $item_config['section'] . '" data-item-id="' . esc_attr( $item_id ) . '" >';
$row_items_html .= $this->setup_item_content( $content, $id, $device );
if ( is_customize_preview() ) {
$row_items_html .= '<span class="item--preview-name">' . esc_html( $item_config['name'] ) . '</span>';
}
$row_items_html .= '</div>';
}
}
if ( $row_items_html ) {
echo '<div class="' . esc_attr( $classes ) . '" data-push-left="' . join( ' ', $atts ) . '">';
echo $row_items_html;
echo '</div>';
}
$last_item = $item;
$index ++;
} // End loop items.
// Get item output.
$row_html = ob_get_clean();
return $row_html;
}
public function render( $row_ids = array( 'top', 'main', 'bottom' ) ) {
$setting = $this->get_settings();
$items = $this->render_items();
foreach ( $row_ids as $row_id ) {
$show = customify_is_builder_row_display( $this->id, $row_id );
if ( $show && isset( $this->rows[ $row_id ] ) ) {
$show_on_devices = $this->rows[ $row_id ];
if ( ! empty( $show_on_devices ) ) {
$classes = array();
$_id = sprintf( '%1$s-%2$s', $this->id, $row_id );
$classes[] = $_id;
$classes[] = $this->id . '--row';
$desktop_items = $this->get_row_settings( $row_id, 'desktop' );
$mobile_items = $this->get_row_settings( $row_id, 'mobile' );
$atts = array();
if ( ! empty( $desktop_items ) || ! empty( $mobile_items ) ) {
$align_classes = 'customify-grid-middle';
if ( 'footer' != $this->id ) {
if ( empty( $desktop_items ) ) {
$classes[] = 'hide-on-desktop';
}
if ( empty( $mobile_items ) ) {
$classes[] = 'hide-on-mobile hide-on-tablet';
}
} else {
$align_classes = 'customify-grid-top';
}
$row_layout = Customify()->get_setting( $this->id . '_' . $row_id . '_layout' );
$row_text_mode = Customify()->get_setting( $this->id . '_' . $row_id . '_text_mode' );
if ( $row_layout ) {
$classes[] = sanitize_text_field( $row_layout );
}
$classes = apply_filters( 'customify/builder/row-classes', $classes, $row_id, $this );
$atts['class'] = join( ' ', $classes );
$atts['id'] = 'cb-row--' . $_id;
$atts['data-row-id'] = $row_id;
$atts = apply_filters( 'customify/builder/row-attrs', $atts, $row_id, $this );
$string_atts = '';
foreach ( $atts as $k => $s ) {
if ( is_array( $s ) ) {
$s = wp_json_encode( $s );
}
$string_atts .= ' ' . sanitize_text_field( $k ) . '="' . esc_attr( $s ) . '" ';
}
if ( $desktop_items ) {
$html_desktop = $this->render_row( $desktop_items, $row_id, 'desktop' );
} else {
$html_desktop = false;
}
if ( $mobile_items ) {
$html_mobile = $this->render_row( $mobile_items, $row_id, 'mobile' );
} else {
$html_mobile = false;
}
// Row inner class.
// Check if the row is header or footer.
$inner_class = array();
if ( 'header' == $this->id ) {
$inner_class[] = 'header--row-inner';
} else {
$inner_class[] = 'footer--row-inner';
}
$inner_class[] = $_id . '-inner';
if ( $row_text_mode ) {
$inner_class['row_text_mode'] = $row_text_mode;
}
$inner_class = apply_filters( 'customify/builder/inner-row-classes', $inner_class, $row_id, $this );
if ( $html_mobile || $html_desktop ) {
?>
<div <?php echo $string_atts; ?> data-show-on="<?php echo esc_attr( join( ' ', $show_on_devices ) ); ?>">
<div class="<?php echo join( ' ', $inner_class ); ?>">
<div class="customify-container">
<?php
if ( $html_desktop ) {
if ( $html_desktop ) {
$c = 'cb-row--desktop hide-on-mobile hide-on-tablet';
if ( empty( $mobile_items ) ) {
$c = '';
}
echo '<div class="customify-grid ' . esc_attr( $c . ' ' . $align_classes ) . '">';
echo $html_desktop;
echo '</div>';
}
}
if ( $html_mobile ) {
echo '<div class="cb-row--mobile hide-on-desktop customify-grid ' . esc_attr( $align_classes ) . '">';
echo $html_mobile;
echo '</div>';
}
?>
</div>
</div>
</div>
<?php
}
}
}
}
} // end for each row_ids.
}
/**
* Render sidebar row
*/
public function render_mobile_sidebar() {
$id = 'sidebar';
$mobile_items = $this->get_row_settings( $id, 'mobile' );
$menu_sidebar_skin = Customify()->get_setting( 'header_sidebar_skin_mode' );
if ( ! is_array( $mobile_items ) ) {
$mobile_items = array();
}
if ( ! empty( $mobile_items ) || is_customize_preview() ) {
$classes = array( 'header-menu-sidebar menu-sidebar-panel' );
if ( '' != $menu_sidebar_skin ) {
$classes[] = $menu_sidebar_skin;
}
echo '<div id="header-menu-sidebar" class="' . esc_attr( join( ' ', $classes ) ) . '">';
echo '<div id="header-menu-sidebar-bg" class="header-menu-sidebar-bg">';
echo '<div id="header-menu-sidebar-inner" class="header-menu-sidebar-inner">';
foreach ( $mobile_items as $item ) {
$item_id = $item['id'];
$content = $this->render_items[ $item['id'] ]['render_content'];
$item_config = isset( $this->config_items[ $item_id ] ) ? $this->config_items[ $item_id ] : array();
$item_config = wp_parse_args(
$item_config,
array(
'section' => '',
'name' => '',
)
);
$classes = 'builder-item-sidebar mobile-item--' . $item_id;
if ( strpos( $item_id, 'menu' ) ) {
$classes = $classes . ' mobile-item--menu ';
}
$inner_classes = 'item--inner';
if ( is_customize_preview() ) {
$inner_classes = $inner_classes . ' builder-item-focus ';
}
$content = $this->setup_item_content( $content, $id, 'mobile' );
echo '<div class="' . esc_attr( $classes ) . '">';
echo '<div class="' . esc_attr( $inner_classes ) . '" data-item-id="' . esc_attr( $item_id ) . '" data-section="' . $item_config['section'] . '">';
echo $content;
if ( is_customize_preview() ) {
echo '<span class="item--preview-name">' . esc_html( $item_config['name'] ) . '</span>';
}
echo '</div>';
echo '</div>';
}
echo '</div>';
echo '</div>';
echo '</div>';
}
}
}
/**
* Deprecated class name
*
* @deprecated 0.2.7
*/
class Customify_Customize_Layout_Builder_Frontend extends Customify_Layout_Builder_Frontend {}
/**
* Alias of class Customify_Layout_Builder_Frontend
*
* @see Customify_Layout_Builder_Frontend
*
* @return Customify_Layout_Builder_Frontend
*/
function Customify_Layout_Builder_Frontend() {
return Customify_Layout_Builder_Frontend::get_instance();
}
/**
* Alias of class Customify_Layout_Builder_Frontend
*
* @see Customify_Layout_Builder_Frontend
* @deprecated 2.0.7
*
* @return Customify_Layout_Builder_Frontend
*/
function Customify_Customize_Layout_Builder_Frontend() {
return Customify_Layout_Builder_Frontend();
}
builder-functions.php 0000666 00000006004 15114703270 0010715 0 ustar 00 <?php
/**
* Maybe Header builder version.
* Beacause the version 2 easier to use than version 1.
* You can swicth to version whenever you want by manual.
*
* @TODO: Change header builder to version 2
*
* @since 0.2.9
*/
function customify_maybe_change_header_version() {
$current_ver = get_theme_mod( 'header_builder_version' );
if ( 'v2' == $current_ver ) {
return;
}
$ver1_data = get_theme_mod( 'header_builder_panel' );
// If data of version 1 do not exists.
if ( ! $ver1_data || empty( $ver1_data ) ) {
set_theme_mod( 'header_builder_version', 'v2' );
set_theme_mod( 'hide_header_builder_switcher', 'yes' );
}
}
/**
* Display Header Layout
*/
function customify_customize_render_header() {
if ( ! customify_is_header_display() ) {
return;
}
/**
* @since 0.2.9
*/
customify_maybe_change_header_version();
$config = Customify_Customize_Layout_Builder()->get_builder( 'header' )->get_config();
$control_id = 'header_builder_panel';
$version = false;
if ( isset( $config['version_id'] ) ) {
$version = Customify()->get_setting( $config['version_id'] );
}
if ( $version && isset( $config['versions'] ) ) {
$control_id = $config['versions'][ $version ]['control_id'];
}
$list_items = Customify_Customize_Layout_Builder()->get_builder_items( 'header' );
$fn = 'Customify_Layout_Builder_Frontend';
if ( $version ) {
if ( function_exists( $fn . '_' . strtoupper( $version ) ) ) {
$fn = $fn . '_' . strtoupper( $version );
}
}
/**
* @var Customify_Layout_Builder_Frontend $builder
*/
$builder = call_user_func_array( $fn, array() );
$header_classes = array( 'site-header', 'header-' . $version );
echo $builder->close_icon( ' close-panel close-sidebar-panel' );
/**
* Hook before header
*
* @since 0.2.2
* @since 0.2.9
*/
do_action( 'customify/before-header' );
echo '<header id="masthead" class="' . join( ' ', $header_classes ) . '">';
echo '<div id="masthead-inner" class="site-header-inner">';
$builder->set_id( 'header' );
$builder->set_control_id( $control_id );
$builder->set_config_items( $list_items );
$builder->render();
$builder->render_mobile_sidebar();
echo '</div>';
echo '</header>';
/**
* Hook after header
*
* @since 0.2.2
*/
do_action( 'customify/after-header' );
}
/**
* Display Footer Layout
*/
function customify_customize_render_footer() {
if ( ! customify_is_footer_display() ) {
return;
}
/**
* Hook before footer
*
* @since 0.2.2
*/
do_action( 'customify/before-footer' );
echo '<footer class="site-footer" id="site-footer">';
Customify_Customize_Layout_Builder_Frontend()->set_id( 'footer' );
Customify_Customize_Layout_Builder_Frontend()->set_control_id( 'footer_builder_panel' );
$list_items = Customify_Customize_Layout_Builder()->get_builder_items( 'footer' );
Customify_Customize_Layout_Builder_Frontend()->set_config_items( $list_items );
Customify_Customize_Layout_Builder_Frontend()->render();
echo '</footer>';
/**
* Hook before footer
*
* @since 0.2.2
*/
do_action( 'customify/after-footer' );
}
class-layout-builder-frontend-v2.php 0000666 00000031711 15114703270 0013472 0 ustar 00 <?php
/**
* Builder frontemd class
*
* @since 0.2.9
*/
class Customify_Layout_Builder_Frontend_V2 extends Customify_Abstract_Layout_Frontend {
public static $_instance;
protected $control_id = 'header_builder_panel_v2';
public $id = 'header';
protected $render_items = null;
protected $rows = array();
protected $flag_cols = array();
protected $flag_rows = array();
protected $data = false;
protected $config_items = false;
public function __construct() {
}
public static function get_instance() {
if ( is_null( self::$_instance ) ) {
self::$_instance = new self();
}
return self::$_instance;
}
/**
* Render builder items.
*
* @since 0.2.9
*
* @param string $item_id
* @param string $col_id
* @param string $row_id
* @param string $device
* @return array
*/
public function render_item( $item_id, $col_id, $row_id, $device ) {
// $key = $item_id . '_' . $col_id . '_' . $row_id;
$key = $item_id;
if ( ! is_array( $this->render_items ) ) {
$this->render_items = array();
}
// Flag to check row has items.
$this->rows[ $row_id ][ $device ] = $device;
// Flag to check col has item.
$flag_key_col = $col_id . '-' . $row_id . '-' . $device;
$this->flag_cols[ $flag_key_col ] = true;
// Flag to check row has item.
$flag_key_row = $row_id . '-' . $device;
$this->flag_rows[ $flag_key_row ] = true;
// Check if already render.
if ( isset( $this->render_items[ $key ] ) ) {
return $this->render_items[ $key ];
}
$item = array(
'_row_id' => $row_id,
'_col_id' => $col_id,
'_id' => $item_id,
'_device' => $device,
'content' => false,
);
// START render builder item.
ob_start();
$has_cb = false;
$return_render = false;
$item_config = isset( $this->config_items[ $item_id ] ) ? $this->config_items[ $item_id ] : array();
/**
* Hook before builder item
*
* @since 0.2.1
*/
do_action( 'customify/builder/' . $this->id . '/before-item/' . $item_id );
$object_item = Customify_Customize_Layout_Builder()->get_builder_item( $this->id, $item_id );
// Call render in registered class.
if ( $object_item ) {
if ( method_exists( $object_item, 'render' ) ) {
$return_render = call_user_func_array(
array(
$object_item,
'render',
),
array( $item_config, $item_id )
);
$has_cb = true;
}
}
// Call render by function if class do not exists.
if ( ! $has_cb ) {
$id = str_replace( '-', '_', $item_id );
$fn = 'customify_builder_' . $id . '_item';
if ( function_exists( $fn ) ) {
$return_render = call_user_func_array( $fn, array( $item_config, $item ) );
$has_cb = true;
} else {
$fn = 'customify_builder_' . $this->id . '_' . $id . '_item';
if ( function_exists( $fn ) ) {
$return_render = call_user_func_array( $fn, array( $item_config, $item ) );
$has_cb = true;
}
}
}
/**
* Hook after builder item
*
* @since 0.2.1
*/
do_action( 'customify/builder/' . $this->id . '/after-item/' . $item_id );
// Get item output.
$ob_render = ob_get_clean();
// END render builder item.
if ( ! $return_render ) {
if ( $ob_render ) {
$return_render = $ob_render;
}
}
if ( $return_render ) {
$item ['content'] = $return_render;
}
$this->render_items[ $key ] = $item;
return $item;
}
/**
* Render items to HTML
*
* @param array $list_items List Items.
*
* @return array
*/
function render_items( $list_items = array() ) {
if ( ! is_null( $this->render_items ) ) {
return $this->render_items;
}
$setting = $this->get_settings();
$items = array();
// Loop devices.
foreach ( $setting as $device => $device_settings ) {
foreach ( $device_settings as $row_id => $row_cols ) {
if ( is_array( $row_cols ) && ! empty( $row_cols ) ) {
foreach ( $row_cols as $col_id => $col_items ) {
foreach ( $col_items as $index => $item ) {
$this->render_item( $item['id'], $col_id, $row_id, $device );
}
}
}
}
}
if ( is_null( $this->render_items ) ) {
$this->render_items = array();
}
return $this->render_items;
}
/**
* Get rendered item
*
* @param string $item_id
* @return array|bool
*/
public function get_render_item( $item_id ) {
if ( is_null( $this->render_items ) ) {
$this->render_items();
}
if ( isset( $this->render_items[ $item_id ] ) ) {
return $this->render_items[ $item_id ];
}
return false;
}
public function render_row( $row_settings, $id = '', $device = 'desktop' ) {
$flag_key_row = $id . '-' . $device;
// Check if the row are not showing.
if ( ! isset( $this->flag_rows[ $flag_key_row ] ) ) {
return false;
}
ob_start();
$count = 0;
$no_cols = array();
$row_clases = array( 'row-v2', 'row-v2-' . $id );
$has_center = false;
foreach ( $row_settings as $col_id => $col_items ) {
$flag_key_col = $col_id . '-' . $id . '-' . $device;
// Check if current column has items.
if ( isset( $this->flag_cols[ $flag_key_col ] ) ) {
$count ++;
if ( 'center' == $col_id ) {
$has_center = true;
}
echo '<div class="col-v2 col-v2-' . $col_id . '">';
foreach ( $col_items as $item_index => $col_item ) {
$item = $this->get_render_item( $col_item['id'] );
if ( $item ) {
$item_id = $col_item['id'];
$content = $item['content'];
if ( $content ) {
$item_config = isset( $this->config_items[ $item_id ] ) ? $this->config_items[ $item_id ] : array();
if ( ! isset( $item_config['section'] ) ) {
$item_config['section'] = '';
}
$item_classes = array();
$item_classes[] = 'item--inner';
$item_classes[] = 'builder-item--' . $item_id;
if ( strpos( $item_id, '-menu' ) ) {
$item_classes[] = 'has_menu';
}
if ( is_customize_preview() ) {
$item_classes[] = ' builder-item-focus';
}
$item_classes = join( ' ', $item_classes );
$row_items_html = '';
$row_items_html .= '<div class="' . esc_attr( $item_classes ) . '" data-section="' . $item_config['section'] . '" data-item-id="' . esc_attr( $item_id ) . '" >';
$row_items_html .= $this->setup_item_content( $content, $id, $device );
if ( is_customize_preview() ) {
$row_items_html .= '<span class="item--preview-name">' . esc_html( $item_config['name'] ) . '</span>';
}
$row_items_html .= '</div>';
echo $row_items_html;
}
}
}
echo '</div>';
} else {
$no_key = 'no-' . $col_id;
$no_cols[ $no_key ] = $no_key;
} // End check show col.
} // and loop cols
$row_innner_html = ob_get_clean();
if ( $has_center ) {
if ( isset( $no_cols['no-left'] ) ) {
$row_innner_html = '<div class="col-v2 col-v2-left"></div>' . $row_innner_html;
}
if ( isset( $no_cols['no-right'] ) ) {
$row_innner_html .= '<div class="col-v2 col-v2-right"></div>';
}
}
if ( ! empty( $no_cols ) ) {
$row_clases = array_merge( $row_clases, $no_cols );
} else {
$row_clases[] = 'full-cols';
}
$row_html = '<div class="' . esc_attr( join( ' ', $row_clases ) ) . '">';
$row_html .= $row_innner_html;
$row_html .= '</div>';
return $row_html;
}
public function render( $row_ids = array( 'top', 'main', 'bottom' ) ) {
$setting = $this->get_settings();
$items = $this->render_items();
foreach ( $row_ids as $row_id ) {
$show = customify_is_builder_row_display( $this->id, $row_id );
if ( $show && isset( $this->rows[ $row_id ] ) ) {
$show_on_devices = $this->rows[ $row_id ];
if ( ! empty( $show_on_devices ) ) {
$classes = array();
$_id = sprintf( '%1$s-%2$s', $this->id, $row_id );
$classes[] = $_id;
$classes[] = $this->id . '--row';
$desktop_row = $this->get_row_settings( $row_id, 'desktop' );
$mobile_row = $this->get_row_settings( $row_id, 'mobile' );
$atts = array();
if ( ! empty( $desktop_row ) || ! empty( $mobile_row ) ) {
$align_classes = 'customify-grid-middle';
if ( empty( $desktop_row ) ) {
$classes[] = 'hide-on-desktop';
}
if ( empty( $mobile_row ) ) {
$classes[] = 'hide-on-mobile hide-on-tablet';
}
$row_layout = Customify()->get_setting( $this->id . '_' . $row_id . '_layout' );
$row_text_mode = Customify()->get_setting( $this->id . '_' . $row_id . '_text_mode' );
if ( $row_layout ) {
$classes[] = sanitize_text_field( $row_layout );
}
$classes = apply_filters( 'customify/builder/row-classes', $classes, $row_id, $this );
$atts['class'] = join( ' ', $classes );
$atts['id'] = 'cb-row--' . $_id;
$atts['data-row-id'] = $row_id;
$atts = apply_filters( 'customify/builder/row-attrs', $atts, $row_id, $this );
$string_atts = '';
foreach ( $atts as $k => $s ) {
if ( is_array( $s ) ) {
$s = wp_json_encode( $s );
}
$string_atts .= ' ' . sanitize_text_field( $k ) . '="' . esc_attr( $s ) . '" ';
}
if ( $desktop_row ) {
$html_desktop = $this->render_row( $desktop_row, $row_id, 'desktop' );
} else {
$html_desktop = false;
}
if ( $mobile_row ) {
$html_mobile = $this->render_row( $mobile_row, $row_id, 'mobile' );
} else {
$html_mobile = false;
}
// Row inner class.
// Check if the row is header or footer.
$inner_class = array();
if ( 'header' == $this->id ) {
$inner_class[] = 'header--row-inner';
} else {
$inner_class[] = 'footer--row-inner';
}
$inner_class[] = $_id . '-inner';
if ( $row_text_mode ) {
$inner_class['row_text_mode'] = $row_text_mode;
}
$inner_class = apply_filters( 'customify/builder/inner-row-classes', $inner_class, $row_id, $this );
if ( $html_mobile || $html_desktop ) {
?>
<div <?php echo $string_atts; ?> data-show-on="<?php echo esc_attr( join( ' ', $show_on_devices ) ); ?>">
<div class="<?php echo join( ' ', $inner_class ); ?>">
<div class="customify-container">
<?php
if ( $html_desktop ) {
$c = 'cb-row--desktop hide-on-mobile hide-on-tablet';
echo '<div class="customify-grid ' . esc_attr( $c . ' ' . $align_classes ) . '">';
echo $html_desktop;
echo '</div>';
}
if ( $html_mobile ) {
echo '<div class="cb-row--mobile hide-on-desktop customify-grid ' . esc_attr( $align_classes ) . '">';
echo $html_mobile;
echo '</div>';
}
?>
</div>
</div>
</div>
<?php
}
}
}
}
} // end for each row_ids.
}
/**
* Render sidebar row
*/
public function render_mobile_sidebar() {
$id = 'sidebar';
$mobile_items = $this->get_row_settings( $id, 'mobile' );
$menu_sidebar_skin = Customify()->get_setting( 'header_sidebar_skin_mode' );
if ( ! is_array( $mobile_items ) ) {
$mobile_items = array();
}
if ( ! empty( $mobile_items ) || is_customize_preview() ) {
$classes = array( 'header-menu-sidebar menu-sidebar-panel' );
if ( '' != $menu_sidebar_skin ) {
$classes[] = $menu_sidebar_skin;
}
echo '<div id="header-menu-sidebar" class="' . esc_attr( join( ' ', $classes ) ) . '">';
echo '<div id="header-menu-sidebar-bg" class="header-menu-sidebar-bg">';
echo '<div id="header-menu-sidebar-inner" class="header-menu-sidebar-inner">';
foreach ( $mobile_items as $row_id => $col_items ) {
foreach ( $col_items as $item_index => $item ) {
$item_id = $item['id'];
$item = $this->get_render_item( $item_id );
$content = $item['content'];
$item_config = isset( $this->config_items[ $item_id ] ) ? $this->config_items[ $item_id ] : array();
$item_config = wp_parse_args(
$item_config,
array(
'section' => '',
'name' => '',
)
);
$classes = 'builder-item-sidebar mobile-item--' . $item_id;
if ( strpos( $item_id, 'menu' ) ) {
$classes = $classes . ' mobile-item--menu ';
}
$inner_classes = 'item--inner';
if ( is_customize_preview() ) {
$inner_classes = $inner_classes . ' builder-item-focus ';
}
$content = $this->setup_item_content( $content, $id, 'mobile' );
echo '<div class="' . esc_attr( $classes ) . '">';
echo '<div class="' . esc_attr( $inner_classes ) . '" data-item-id="' . esc_attr( $item_id ) . '" data-section="' . $item_config['section'] . '">';
echo $content;
if ( is_customize_preview() ) {
echo '<span class="item--preview-name">' . esc_html( $item_config['name'] ) . '</span>';
}
echo '</div>';
echo '</div>';
}
}
echo '</div>';
echo '</div>';
echo '</div>';
}
}
}
/**
* Alias of class Customify_Layout_Builder_Frontend_V2
*
* @see Customify_Layout_Builder_Frontend
*
* @return Customify_Layout_Builder_Frontend_V2
*/
function Customify_Layout_Builder_Frontend_V2() {
return Customify_Layout_Builder_Frontend_V2::get_instance();
}
class-builder-panel.php 0000666 00000004231 15114703270 0011107 0 ustar 00 <?php
/**
* Customizer Builder Panel Base.
*
* Extend this in other Builder Panel.
*/
class Customify_Customize_Builder_Panel {
public $id = '';
/**
* Get Rows Config
*
* @todo Set custom name for each row
*
* Available rows: top, main, bottom, sidebar.
*
* @return array
*/
public function get_rows_config() {
return array();
}
/**
* Add add customize config for each row
*
* If you want to add config for special row e.g: `top`:
* You can add more method in your class example:
* function `row_top_config` for row `top` settings
* function `row_main_config` for row `main` settings
*
* @return array
*/
public function row_config() {
return array();
}
/**
* Add customize settings for this panel if needed.
*
* @return array
*/
function customize() {
return array();
}
/**
* Get builder items for this builder panel.
*
* @return array|mixed
*/
function get_items() {
return Customify_Customize_Layout_Builder()->get_builder_items( $this->id );
}
/**
* Get all customize settings and register them into WP Customize
*
* @see Customify_Customizer::register()
*
* @param array $configs List configs.
* @param null $wp_customize WP customize.
*
* @return array
*/
function _customize( $configs = array(), $wp_customize = null ) {
if ( ! is_array( $configs ) ) {
$configs = array();
}
$config = $this->customize( $wp_customize );
$rows = apply_filters( 'customify/builder/' . $this->id . '/rows', $this->get_rows_config() );
foreach ( $rows as $id => $name ) {
$m = 'row_' . $id . '_config';
if ( method_exists( $this, $m ) ) {
$r = call_user_func_array( array( $this, $m ), array( $this->id . '_' . $id, $name ) );
$config = array_merge( $config, $r );
} else {
if ( method_exists( $this, 'row_config' ) ) {
$config = array_merge( $config, $this->row_config( $this->id . '_' . $id, $name ) );
}
}
}
$items_config = Customify_Customize_Layout_Builder()->get_items_customize( $this->id, $wp_customize );
if ( is_array( $items_config ) ) {
$config = array_merge( $config, $items_config );
}
return array_merge( $configs, $config );
}
}
class-abstract-layout-frontend.php 0000666 00000006534 15114703270 0013327 0 ustar 00 <?php
/**
* Abstract class builder frontend
*
* @since 0.2.9
*/
abstract class Customify_Abstract_Layout_Frontend {
protected $control_id = 'header_builder_panel';
public $id = 'header';
protected $render_items = array();
protected $rows = array();
protected $data = false;
protected $config_items = false;
public function get_id() {
return $this->id;
}
public function set_id( $id ) {
$this->id = $id;
$this->data = null;
}
public function set_control_id( $id ) {
$this->control_id = $id;
$this->data = null;
}
/**
* Set config items
*
* @param array $config_items Config items.
*/
public function set_config_items( $config_items ) {
$this->config_items = $config_items;
}
/**
* Get Panel Settings Data
*
* @return array|bool
*/
function get_settings() {
if ( $this->data ) {
return $this->data;
}
$data = Customify()->get_setting( $this->control_id );
$data = wp_parse_args(
$data,
array(
'desktop' => '',
'tablet' => '',
'mobile' => '',
)
);
foreach ( $data as $k => $v ) {
if ( ! is_array( $v ) ) {
$v = array();
}
$data[ $k ] = $v;
}
$this->data = $data;
return $data;
}
/**
* Get settings for row
*
* @param string $row_id Row ID.
* @param string $device Device ID.
*
* @return bool
*/
public function get_row_settings( $row_id, $device = 'desktop' ) {
$data = $this->get_settings();
if ( isset( $data[ $device ] ) ) {
if ( isset( $data[ $device ][ $row_id ] ) ) {
return ! empty( $data[ $device ][ $row_id ] ) ? $data[ $device ][ $row_id ] : false;
}
}
return false;
}
/**
* Sort items by their position on the grid.
*
* @param array $items List item to sort.
*
* @return array
*/
private function _sort_items_by_position( $items = array() ) {
$ordered_items = array();
foreach ( $items as $key => $item ) {
$ordered_items[ $key ] = $item['x'];
}
array_multisort( $ordered_items, SORT_ASC, $items );
return $items;
}
/**
* Close item HTML markup
*
* @param string $class Icon class.
*
* @return string
*/
public function close_icon( $class = '' ) {
$menu_sidebar_skin = Customify()->get_setting( 'header_sidebar_text_mode' );
$close = '<a class="close is-size-medium ' . $menu_sidebar_skin . esc_attr( $class ) . '" href="#">
<span class="hamburger hamburger--squeeze is-active">
<span class="hamburger-box">
<span class="hamburger-inner"><span class="screen-reader-text">' . __( 'Menu', 'customify' ) . '</span></span>
</span>
</span>
<span class="screen-reader-text">' . __( 'Close', 'customify' ) . '</span>
</a>';
return $close;
}
/**
* Setup Item content
*
* @todo Ensure item have not duplicate id
*
* @param string $content Content.
* @param string $id ID.
* @param string $device Device ID.
*
* @return mixed
*/
public function setup_item_content( $content, $id, $device ) {
$content = str_replace( '__id__', $id, $content );
$content = str_replace( '__device__', $device, $content );
/**
*
* Ensure only one H! tag for the site title
*
* @since 0.2.3
*/
$content = str_replace( '__site_device_tag__', 'desktop' == $device ? 'h1' : 'h2', $content );
return $content;
}
public function render( $row_ids = array( 'top', 'main', 'bottom' ) ) {
}
}
class-panel-builder.php 0000666 00000002124 15114703270 0011106 0 ustar 00 <?php
/**
* Customify builder init
*
* @since 0.2.9
* @package customify
*/
class Customify_Panel_Builder {
public function __construct() {
$this->includes();
$this->init();
}
public function includes() {
$path = get_template_directory();
require_once $path . '/inc/panel-builder/class-abstract-layout-frontend.php';
require_once $path . '/inc/panel-builder/class-builder-panel.php';
require_once $path . '/inc/panel-builder/class-layout-builder.php';
require_once $path . '/inc/panel-builder/class-layout-builder-frontend.php';
require_once $path . '/inc/panel-builder/class-layout-builder-frontend-v2.php';
require_once $path . '/inc/panel-builder/builder-functions.php';
}
private function init() {
/**
* Initial Layout Builder
*/
Customify_Customize_Layout_Builder()->init();
/**
* Add Header Content To Frontend
*/
add_action( 'customify/site-start', 'customify_customize_render_header' );
/**
* Add Footer Content To Frontend
*/
add_action( 'customify/site-end', 'customify_customize_render_footer' );
}
}
new Customify_Panel_Builder();