| Dir : /home/trave494/v1world.us/wp-content/themes/neve/header-footer-grid/Core/Components/ |
| Server: Linux ngx353.inmotionhosting.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64 IP: 209.182.202.254 |
| Dir : //home/trave494/v1world.us/wp-content/themes/neve/header-footer-grid/Core/Components/Button.php |
<?php
/**
* Button Component class for Header Footer Grid.
*
* Name: Header Footer Grid
* Author: Bogdan Preda <bogdan.preda@themeisle.com>
*
* @version 1.0.0
* @package HFG
*/
namespace HFG\Core\Components;
use HFG\Core\Settings\Manager as SettingsManager;
use HFG\Main;
use Neve\Core\Settings\Config;
use Neve\Core\Styles\Dynamic_Selector;
/**
* Class Button
*
* @package HFG\Core\Components
*/
class Button extends Abstract_Component {
const COMPONENT_ID = 'button_base';
const LINK_ID = 'link_setting';
const TEXT_ID = 'text_setting';
const STYLE_ID = 'style_setting';
/**
* Default spacing value
*
* @var array
*/
protected $default_padding_value = array(
'mobile' => array(
'top' => 8,
'right' => 12,
'bottom' => 8,
'left' => 12,
),
'tablet' => array(
'top' => 8,
'right' => 12,
'bottom' => 8,
'left' => 12,
),
'desktop' => array(
'top' => 8,
'right' => 12,
'bottom' => 8,
'left' => 12,
),
'mobile-unit' => 'px',
'tablet-unit' => 'px',
'desktop-unit' => 'px',
);
/**
* Button constructor.
*
* @param string $panel Builder panel.
*/
public function __construct( $panel ) {
parent::__construct( $panel );
if ( neve_is_new_skin() ) {
$this->default_selector = '.builder-item--' . $this->get_id();
return;
}
$this->default_selector = '.builder-item > .item--inner.builder-item--' . $this->get_id() . ' > .component-wrap > a.button.button-primary';
}
/**
* Button constructor.
*
* @since 1.0.0
* @access public
*/
public function init() {
$this->set_property( 'label', __( 'Button', 'neve' ) );
$this->set_property( 'id', $this->get_class_const( 'COMPONENT_ID' ) );
$this->set_property( 'component_slug', 'hfg-button' );
$this->set_property( 'width', 2 );
$this->set_property( 'section', 'header_button' );
$this->set_property( 'icon', 'admin-links' );
$this->set_property( 'is_auto_width', true );
}
/**
* Called to register component controls.
*
* @since 1.0.0
* @access public
*/
public function add_settings() {
SettingsManager::get_instance()->add(
[
'id' => self::LINK_ID,
'group' => $this->get_class_const( 'COMPONENT_ID' ),
'tab' => SettingsManager::TAB_GENERAL,
'transport' => 'post' . $this->get_class_const( 'COMPONENT_ID' ),
'sanitize_callback' => 'wp_filter_nohtml_kses',
'default' => '#',
'label' => __( 'Link', 'neve' ),
'type' => 'text',
'section' => $this->section,
'use_dynamic_fields' => array( 'url' ),
'conditional_header' => $this->get_builder_id() === 'header',
]
);
SettingsManager::get_instance()->add(
[
'id' => self::TEXT_ID,
'group' => $this->get_class_const( 'COMPONENT_ID' ),
'tab' => SettingsManager::TAB_GENERAL,
'transport' => 'post' . $this->get_class_const( 'COMPONENT_ID' ),
'sanitize_callback' => 'wp_filter_nohtml_kses',
'default' => __( 'Button', 'neve' ),
'label' => __( 'Text', 'neve' ),
'type' => 'text',
'section' => $this->section,
'use_dynamic_fields' => array( 'string' ),
'conditional_header' => $this->get_builder_id() === 'header',
]
);
SettingsManager::get_instance()->add(
[
'id' => self::STYLE_ID,
'group' => $this->get_class_const( 'COMPONENT_ID' ),
'tab' => SettingsManager::TAB_STYLE,
'transport' => 'post' . $this->get_class_const( 'COMPONENT_ID' ),
'sanitize_callback' => 'neve_sanitize_button_appearance',
'label' => __( 'Appearance', 'neve' ),
'type' => 'neve_button_appearance',
'section' => $this->section,
'conditional_header' => $this->get_builder_id() === 'header',
'live_refresh_selector' => true,
'live_refresh_css_prop' => [
'cssVar' => [
'vars' => [
'--primaryBtnBg' => 'background',
'--primaryBtnColor' => 'text',
'--primaryBtnHoverBg' => 'backgroundHover',
'--primaryBtnHoverColor' => 'textHover',
'--primaryBtnBorderRadius' => [
'key' => 'borderRadius',
'suffix' => 'px',
],
'--primaryBtnBorderWidth' => [
'key' => 'borderWidth',
'suffix' => 'px',
],
],
'selector' => '.builder-item--' . $this->get_id(),
],
],
]
);
}
/**
* Add legacy style.
*
* @param array $css_array css array.
*
* @return array
*/
private function add_legacy_style( $css_array ) {
$id = $this->get_id() . '_' . self::STYLE_ID;
$css_array[] = [
Dynamic_Selector::KEY_SELECTOR => $this->default_selector,
Dynamic_Selector::KEY_RULES => [
Config::CSS_PROP_BACKGROUND_COLOR => $id . '.background',
Config::CSS_PROP_COLOR => $id . '.text',
Config::CSS_PROP_BORDER_RADIUS => [
Dynamic_Selector::META_KEY => $id . '.borderRadius',
],
Config::CSS_PROP_CUSTOM_BTN_TYPE => [
Dynamic_Selector::META_KEY => $id . '.type',
],
Config::CSS_PROP_BORDER_WIDTH => [
Dynamic_Selector::META_KEY => $id . '.borderWidth',
],
],
];
$css_array[] = [
Dynamic_Selector::KEY_SELECTOR => $this->default_selector . ':hover',
Dynamic_Selector::KEY_RULES => [
Config::CSS_PROP_BACKGROUND_COLOR => $id . '.backgroundHover',
Config::CSS_PROP_COLOR => $id . '.textHover',
],
];
return parent::add_style( $css_array );
}
/**
* Method to add Component css styles.
*
* @param array $css_array An array containing css rules.
*
* @return array
* @since 1.0.0
* @access public
*/
public function add_style( array $css_array = array() ) {
if ( ! neve_is_new_skin() ) {
return $this->add_legacy_style( $css_array );
}
$id = $this->get_id() . '_' . self::STYLE_ID;
$value = get_theme_mod( $id );
$rules = [
'--primaryBtnBg' => [ Dynamic_Selector::META_KEY => $id . '.background' ],
'--primaryBtnColor' => [ Dynamic_Selector::META_KEY => $id . '.text' ],
'--primaryBtnHoverBg' => [ Dynamic_Selector::META_KEY => $id . '.backgroundHover' ],
'--primaryBtnHoverColor' => [ Dynamic_Selector::META_KEY => $id . '.textHover' ],
'--primaryBtnBorderRadius' => [
Dynamic_Selector::META_KEY => $id . '.borderRadius',
'directional-prop' => Config::CSS_PROP_BORDER_RADIUS,
],
];
if ( isset( $value['type'] ) && $value['type'] === 'outline' ) {
$rules['--primaryBtnBorderWidth'] = [
Dynamic_Selector::META_KEY => $id . '.borderWidth',
'directional-prop' => Config::CSS_PROP_BORDER_WIDTH,
];
}
$css_array[] = [
Dynamic_Selector::KEY_SELECTOR => $this->default_selector,
Dynamic_Selector::KEY_RULES => $rules,
];
return parent::add_style( $css_array );
}
/**
* The render method for the component.
*
* @since 1.0.0
* @access public
*/
public function render_component() {
Main::get_instance()->load( 'components/component-button' );
}
}