Your IP : 216.73.216.162
home/xbodynamge/lebauwcentre/wp-content/themes/integral/sections/services.php 0000644 00000003237 15113414520 0023665 0 ustar 00 <?php
/**
* Services Section for our theme
*
* @package WordPress
* @subpackage Integral
* @since Integral 1.0
*/
?>
<?php global $integral; ?>
<?php if($integral['services-section-toggle']==1) { ?>
<section id="services" class="services dark <?php echo esc_attr($integral['services-custom-class']); ?>">
<div class="container">
<div class="row">
<div class="col-md-12 heading">
<?php if ($integral['services-title-icon']) { ?><i class="fa <?php echo esc_attr($integral['services-title-icon']); ?>"></i><?php } ?>
<?php if ($integral['services-title']) { ?><h2 class="bigtitle_dark"><span><?php echo esc_html($integral['services-title']); ?></span></h2><?php } ?>
<?php if ($integral['services-subtitle']) { ?><p class="subtitle"><?php echo wp_kses_post($integral['services-subtitle']); ?></p><?php } ?>
</div>
<?php if ($integral['services-text']) { ?>
<div class="col-md-12">
<?php
$my_id = $integral['services-text'];
$post_id = get_post($my_id);
$content = $post_id->post_content;
$content = apply_filters('the_content', $content);
$content = str_replace(']]>', ']]>', $content);
echo $content;
?>
</div>
<?php } ?>
</div>
<?php if ( is_active_sidebar( 'service-widgets' ) ) : ?>
<div class="row multi-columns-row">
<?php dynamic_sidebar( 'service-widgets' ); ?>
</div>
<?php endif; ?>
</div>
</section><!--services-->
<?php } ?> plugins/themeisle-companion/vendor/codeinwp/elementor-extra-widgets/widgets/elementor/services.php 0000644 00000043117 15115140326 0035733 0 ustar 00 home/xbodynamge/dev/wp-content <?php
/**
* Services widget for Elementor builder
*
* @link https://themeisle.com
* @since 1.0.0
*
* @package ThemeIsle\ElementorExtraWidgets
*/
namespace ThemeIsle\ElementorExtraWidgets;
if ( ! defined( 'ABSPATH' ) ) {
exit;
} // End if().
/**
* Class Services
*
* @package ThemeIsle\ElementorExtraWidgets
*/
class Services extends \Elementor\Widget_Base {
/**
* Widget name.
*
* @return string
*/
public function get_name() {
return 'obfx-services';
}
/**
* Widget title.
*
* @return string
*/
public function get_title() {
return __( 'Services', 'themeisle-companion' );
}
/**
* Widget icon.
*
* @return string
*/
public function get_icon() {
return 'fa fa-diamond';
}
/**
* Widget Category
*
* @return array
*/
public function get_categories() {
$category_args = apply_filters( 'elementor_extra_widgets_category_args', array() );
$slug = isset( $category_args['slug'] ) ? $category_args['slug'] : 'obfx-elementor-widgets';
return [ $slug ];
}
/**
* Register Elementor Controls
*/
protected function _register_controls() {
$this->services_content();
$this->style_icon();
$this->style_grid_options();
}
/**
* Content controls
*/
private function services_content() {
$this->start_controls_section(
'section_content',
[
'label' => __( 'Services', 'themeisle-companion' ),
]
);
$this->add_control(
'services_list',
[
'label' => __( 'Services', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::REPEATER,
'default' => [
[
'title' => __( 'Award-Winning', 'themeisle-companion' ),
'text' => __( 'Add some text here to describe your services to the page visitors.', 'themeisle-companion' ),
'icon' => 'fa fa-trophy',
'color' => '#333333',
'type' => 'icon',
],
[
'title' => __( 'Professional', 'themeisle-companion' ),
'text' => __( 'Add some text here to describe your services to the page visitors.', 'themeisle-companion' ),
'icon' => 'fa fa-suitcase',
'color' => '#333333',
'type' => 'icon',
],
[
'title' => __( 'Consulting', 'themeisle-companion' ),
'text' => __( 'Add some text here to describe your services to the page visitors.', 'themeisle-companion' ),
'icon' => 'fa fa-handshake-o',
'color' => '#333333',
'type' => 'icon',
],
],
'fields' => [
[
'type' => \Elementor\Controls_Manager::CHOOSE,
'name' => 'type',
'label_block' => true,
'label' => __( 'Type', 'themeisle-companion' ),
'default' => 'icon',
'options' => [
'icon' => [
'title' => __( 'Icon', 'themeisle-companion' ),
'icon' => 'fa fa-diamond',
],
'image' => [
'title' => __( 'Image', 'themeisle-companion' ),
'icon' => 'fa fa-photo',
],
],
],
[
'type' => \Elementor\Controls_Manager::TEXT,
'name' => 'title',
'label_block' => true,
'label' => __( 'Title & Description', 'themeisle-companion' ),
'default' => __( 'Service Title', 'themeisle-companion' ),
],
[
'type' => \Elementor\Controls_Manager::TEXTAREA,
'name' => 'text',
'placeholder' => __( 'Plan Features', 'themeisle-companion' ),
'default' => __( 'Feature', 'themeisle-companion' ),
],
[
'type' => \Elementor\Controls_Manager::ICON,
'name' => 'icon',
'label' => __( 'Icon', 'themeisle-companion' ),
'default' => 'fa fa-diamond',
'condition' => [
'type' => 'icon',
],
],
[
'type' => \Elementor\Controls_Manager::COLOR,
'name' => 'color',
'label_block' => false,
'label' => __( 'Icon Color', 'themeisle-companion' ),
'default' => '#333333',
'condition' => [
'type' => 'icon',
],
],
[
'type' => \Elementor\Controls_Manager::MEDIA,
'name' => 'image',
'label' => __( 'Image', 'themeisle-companion' ),
'condition' => [
'type' => 'image',
],
],
[
'type' => \Elementor\Controls_Manager::URL,
'name' => 'link',
'label' => __( 'Link to', 'themeisle-companion' ),
'separator' => 'before',
'placeholder' => __( 'https://example.com', 'themeisle-companion' ),
],
],
'title_field' => '{{title}}',
]
);
$this->add_control(
'align',
[
'label' => '<i class="fa fa-arrows"></i> ' . __( 'Icon Position', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => __( 'Left', 'themeisle-companion' ),
'icon' => 'fa fa-angle-left',
],
'top' => [
'title' => __( 'Top', 'themeisle-companion' ),
'icon' => 'fa fa-angle-up',
],
'right' => [
'title' => __( 'Right', 'themeisle-companion' ),
'icon' => 'fa fa-angle-right',
],
],
'default' => 'top',
'prefix_class' => 'obfx-position-',
'toggle' => false,
]
);
// Columns.
$this->add_responsive_control(
'grid_columns',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-columns"></i> ' . __( 'Columns', 'themeisle-companion' ),
'default' => 3,
'tablet_default' => 2,
'mobile_default' => 1,
'options' => [
1 => 1,
2 => 2,
3 => 3,
4 => 4,
5 => 5,
],
]
);
$this->end_controls_section();
}
/**
* Icon Style Controls
*/
private function style_icon() {
$this->start_controls_section(
'section_style_icon',
[
'label' => __( 'Icon / Image', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'icon_space',
[
'label' => __( 'Spacing', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 15,
],
'range' => [
'px' => [
'min' => 0,
'max' => 300,
],
],
'selectors' => [
'{{WRAPPER}}.obfx-position-right .obfx-icon, {{WRAPPER}}.obfx-position-right .obfx-image' => 'margin-left: {{SIZE}}{{UNIT}};',
'{{WRAPPER}}.obfx-position-left .obfx-icon, {{WRAPPER}}.obfx-position-left .obfx-image' => 'margin-right: {{SIZE}}{{UNIT}};',
'{{WRAPPER}}.obfx-position-top .obfx-icon, {{WRAPPER}}.obfx-position-top .obfx-image' => 'margin-bottom: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'icon_size',
[
'label' => __( 'Size', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 6,
'max' => 300,
],
],
'default' => [
'size' => 35,
],
'selectors' => [
'{{WRAPPER}} .obfx-icon' => 'font-size: {{SIZE}}{{UNIT}};',
'{{WRAPPER}} .obfx-image' => 'max-width: {{SIZE}}{{UNIT}};',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_style_content',
[
'label' => __( 'Content', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_responsive_control(
'text_align',
[
'label' => __( 'Alignment', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'toggle' => false,
'default' => 'center',
'options' => [
'left' => [
'title' => __( 'Left', 'themeisle-companion' ),
'icon' => 'fa fa-align-left',
],
'center' => [
'title' => __( 'Center', 'themeisle-companion' ),
'icon' => 'fa fa-align-center',
],
'right' => [
'title' => __( 'Right', 'themeisle-companion' ),
'icon' => 'fa fa-align-right',
],
],
'selectors' => [
'{{WRAPPER}} .obfx-grid .obfx-grid-container .obfx-grid-wrapper .obfx-service-box' => 'text-align: {{VALUE}}; justify-content: {{VALUE}};',
'{{WRAPPER}} .obfx-grid .obfx-grid-container .obfx-grid-wrapper .obfx-service-box .obfx-service-text' => 'text-align: {{VALUE}};',
],
]
);
$this->add_control(
'heading_title',
[
'label' => __( 'Title', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_responsive_control(
'title_bottom_space',
[
'label' => __( 'Spacing', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 0,
'max' => 300,
],
],
'selectors' => [
'{{WRAPPER}} .obfx-service-title' => 'margin-bottom: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'title_color',
[
'label' => __( 'Color', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .obfx-service-title' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'title_typography',
'selector' => '{{WRAPPER}} .obfx-service-title',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
]
);
$this->add_control(
'heading_description',
[
'label' => __( 'Description', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'description_color',
[
'label' => __( 'Color', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .obfx-service-text' => 'color: {{VALUE}};',
],
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_3,
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'description_typography',
'selector' => '{{WRAPPER}} .obfx-service-text',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_3,
]
);
$this->end_controls_section();
}
/**
* Grid Style Controls
*/
private function style_grid_options() {
$this->start_controls_section(
'section_grid_style',
[
'label' => __( 'Grid', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
// Columns margin.
$this->add_control(
'grid_style_columns_margin',
[
'label' => __( 'Columns margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 15,
],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-wrapper' => 'padding-right: calc( {{SIZE}}{{UNIT}} ); padding-left: calc( {{SIZE}}{{UNIT}} );',
'{{WRAPPER}} .obfx-grid-container' => 'margin-left: calc( -{{SIZE}}{{UNIT}} ); margin-right: calc( -{{SIZE}}{{UNIT}} );',
],
]
);
// Row margin.
$this->add_control(
'grid_style_rows_margin',
[
'label' => __( 'Rows margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 30,
],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-wrapper' => 'padding-bottom: {{SIZE}}{{UNIT}};',
],
]
);
// Background.
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'grid_style_background',
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .obfx-grid',
]
);
// Items options.
$this->add_control(
'grid_items_style_heading',
[
'label' => __( 'Items', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
// Items internal padding.
$this->add_control(
'grid_items_style_padding',
[
'label' => __( 'Padding', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-col' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
// Items border radius.
$this->add_control(
'grid_items_style_border_radius',
[
'label' => __( 'Border Radius', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-col' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->items_style_tabs();
$this->end_controls_section();
}
/**
* Items Style Controls
*/
private function items_style_tabs() {
$this->start_controls_tabs( 'tabs_background' );
$this->start_controls_tab(
'tab_background_normal',
[
'label' => __( 'Normal', 'themeisle-companion' ),
]
);
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'grid_items_background',
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .obfx-service-box',
]
);
$this->add_group_control(
\Elementor\Group_Control_Box_Shadow::get_type(),
[
'name' => 'grid_items_box_shadow',
'selector' => '{{WRAPPER}} .obfx-service-box',
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tab_background_hover',
[
'label' => __( 'Hover', 'themeisle-companion' ),
]
);
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'grid_items_background_hover',
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .obfx-service-box:hover',
]
);
$this->add_group_control(
\Elementor\Group_Control_Box_Shadow::get_type(),
[
'name' => 'grid_items_box_shadow_hover',
'selector' => '{{WRAPPER}} .obfx-service-box:hover',
]
);
$this->add_control(
'hover_transition',
[
'label' => __( 'Transition Duration', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 0.3,
],
'range' => [
'px' => [
'max' => 3,
'step' => 0.1,
],
],
'selectors' => [
'{{WRAPPER}} .obfx-service-box' => 'transition: all {{SIZE}}s ease;',
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
}
/**
* Render function to output the pricing table.
*/
protected function render() {
$settings = $this->get_settings();
$this->maybe_load_widget_style();
echo '<div class="obfx-grid"><div class="obfx-grid-container' . ( ! empty( $settings['grid_columns_mobile'] ) ? ' obfx-grid-mobile-' . $settings['grid_columns_mobile'] : '' ) . ( ! empty( $settings['grid_columns_tablet'] ) ? ' obfx-grid-tablet-' . $settings['grid_columns_tablet'] : '' ) . ( ! empty( $settings['grid_columns'] ) ? ' obfx-grid-desktop-' . $settings['grid_columns'] : '' ) . '">';
foreach ( $settings['services_list'] as $service ) {
$icon_tag = 'span';
if ( ! empty( $service['link']['url'] ) ) {
$this->add_render_attribute( 'link', 'href', $settings['link']['url'] );
$icon_tag = 'a';
if ( $service['link']['is_external'] ) {
$this->add_render_attribute( 'link', 'target', '_blank' );
}
if ( $service['link']['nofollow'] ) {
$this->add_render_attribute( 'link', 'rel', 'nofollow' );
}
} ?>
<div class="obfx-grid-wrapper">
<?php
if ( ! empty( $service['link']['url'] ) ) {
$link_props = ' href="' . esc_url( $service['link']['url'] ) . '" ';
if ( $service['link']['is_external'] === 'on' ) {
$link_props .= ' target="_blank" ';
}
if ( $service['link']['nofollow'] === 'on' ) {
$link_props .= ' rel="nofollow" ';
}
echo '<a' . $link_props . '>';
} ?>
<div class="obfx-service-box obfx-grid-col">
<?php
if ( $service['type'] === 'icon' && ! empty( $service['icon'] ) ) { ?>
<span class="obfx-icon-wrap"><i class="obfx-icon <?php echo esc_attr( $service['icon'] ); ?>" style="color: <?php echo esc_attr( $service['color'] ); ?>"></i></span>
<?php
} elseif ( $service['type'] === 'image' && ! empty( $service['image']['url'] ) ) { ?>
<span class="obfx-image-wrap"><img class="obfx-image" src="<?php echo esc_url( $service['image']['url'] ); ?>"/></span>
<?php
}
if ( ! empty( $service['title'] ) || ! empty( $service['text'] ) ) { ?>
<div class="obfx-service-box-content">
<?php if ( ! empty( $service['title'] ) ) { ?>
<h4 class="obfx-service-title"><?php echo esc_attr( $service['title'] ); ?></h4>
<?php
}
if ( ! empty( $service['text'] ) ) { ?>
<p class="obfx-service-text"><?php echo esc_attr( $service['text'] ); ?></p>
<?php } ?>
</div><!-- /.obfx-service-box-content -->
<?php } ?>
</div><!-- /.obfx-service-box -->
<?php
if ( ! empty( $service['link'] ) ) {
echo '</a>';
} ?>
</div><!-- /.obfx-grid-wrapper -->
<?php
}// End foreach().
echo '</div></div>';
}
/**
* Load the widget style dynamically if it is a widget preview
* or enqueue style and scripts if not
*
* This way we are sure that the assets files are loaded only when this block is present in page.
*/
protected function maybe_load_widget_style() {
if ( \Elementor\Plugin::$instance->editor->is_edit_mode() === true && apply_filters( 'themeisle_content_forms_register_default_style', true ) ) { ?>
<style>
<?php echo file_get_contents( plugin_dir_path( dirname( dirname(__FILE__ ) ) ) . 'css/public.css' ) ?>
</style>
<?php
} else {
wp_enqueue_style('eaw-elementor');
}
}
}
plugins/themeisle-companion/vendor/codeinwp/elementor-extra-widgets/widgets/elementor/services.php 0000644 00000043117 15115140456 0036005 0 ustar 00 home/xbodynamge/www/wp-content <?php
/**
* Services widget for Elementor builder
*
* @link https://themeisle.com
* @since 1.0.0
*
* @package ThemeIsle\ElementorExtraWidgets
*/
namespace ThemeIsle\ElementorExtraWidgets;
if ( ! defined( 'ABSPATH' ) ) {
exit;
} // End if().
/**
* Class Services
*
* @package ThemeIsle\ElementorExtraWidgets
*/
class Services extends \Elementor\Widget_Base {
/**
* Widget name.
*
* @return string
*/
public function get_name() {
return 'obfx-services';
}
/**
* Widget title.
*
* @return string
*/
public function get_title() {
return __( 'Services', 'themeisle-companion' );
}
/**
* Widget icon.
*
* @return string
*/
public function get_icon() {
return 'fa fa-diamond';
}
/**
* Widget Category
*
* @return array
*/
public function get_categories() {
$category_args = apply_filters( 'elementor_extra_widgets_category_args', array() );
$slug = isset( $category_args['slug'] ) ? $category_args['slug'] : 'obfx-elementor-widgets';
return [ $slug ];
}
/**
* Register Elementor Controls
*/
protected function _register_controls() {
$this->services_content();
$this->style_icon();
$this->style_grid_options();
}
/**
* Content controls
*/
private function services_content() {
$this->start_controls_section(
'section_content',
[
'label' => __( 'Services', 'themeisle-companion' ),
]
);
$this->add_control(
'services_list',
[
'label' => __( 'Services', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::REPEATER,
'default' => [
[
'title' => __( 'Award-Winning', 'themeisle-companion' ),
'text' => __( 'Add some text here to describe your services to the page visitors.', 'themeisle-companion' ),
'icon' => 'fa fa-trophy',
'color' => '#333333',
'type' => 'icon',
],
[
'title' => __( 'Professional', 'themeisle-companion' ),
'text' => __( 'Add some text here to describe your services to the page visitors.', 'themeisle-companion' ),
'icon' => 'fa fa-suitcase',
'color' => '#333333',
'type' => 'icon',
],
[
'title' => __( 'Consulting', 'themeisle-companion' ),
'text' => __( 'Add some text here to describe your services to the page visitors.', 'themeisle-companion' ),
'icon' => 'fa fa-handshake-o',
'color' => '#333333',
'type' => 'icon',
],
],
'fields' => [
[
'type' => \Elementor\Controls_Manager::CHOOSE,
'name' => 'type',
'label_block' => true,
'label' => __( 'Type', 'themeisle-companion' ),
'default' => 'icon',
'options' => [
'icon' => [
'title' => __( 'Icon', 'themeisle-companion' ),
'icon' => 'fa fa-diamond',
],
'image' => [
'title' => __( 'Image', 'themeisle-companion' ),
'icon' => 'fa fa-photo',
],
],
],
[
'type' => \Elementor\Controls_Manager::TEXT,
'name' => 'title',
'label_block' => true,
'label' => __( 'Title & Description', 'themeisle-companion' ),
'default' => __( 'Service Title', 'themeisle-companion' ),
],
[
'type' => \Elementor\Controls_Manager::TEXTAREA,
'name' => 'text',
'placeholder' => __( 'Plan Features', 'themeisle-companion' ),
'default' => __( 'Feature', 'themeisle-companion' ),
],
[
'type' => \Elementor\Controls_Manager::ICON,
'name' => 'icon',
'label' => __( 'Icon', 'themeisle-companion' ),
'default' => 'fa fa-diamond',
'condition' => [
'type' => 'icon',
],
],
[
'type' => \Elementor\Controls_Manager::COLOR,
'name' => 'color',
'label_block' => false,
'label' => __( 'Icon Color', 'themeisle-companion' ),
'default' => '#333333',
'condition' => [
'type' => 'icon',
],
],
[
'type' => \Elementor\Controls_Manager::MEDIA,
'name' => 'image',
'label' => __( 'Image', 'themeisle-companion' ),
'condition' => [
'type' => 'image',
],
],
[
'type' => \Elementor\Controls_Manager::URL,
'name' => 'link',
'label' => __( 'Link to', 'themeisle-companion' ),
'separator' => 'before',
'placeholder' => __( 'https://example.com', 'themeisle-companion' ),
],
],
'title_field' => '{{title}}',
]
);
$this->add_control(
'align',
[
'label' => '<i class="fa fa-arrows"></i> ' . __( 'Icon Position', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => __( 'Left', 'themeisle-companion' ),
'icon' => 'fa fa-angle-left',
],
'top' => [
'title' => __( 'Top', 'themeisle-companion' ),
'icon' => 'fa fa-angle-up',
],
'right' => [
'title' => __( 'Right', 'themeisle-companion' ),
'icon' => 'fa fa-angle-right',
],
],
'default' => 'top',
'prefix_class' => 'obfx-position-',
'toggle' => false,
]
);
// Columns.
$this->add_responsive_control(
'grid_columns',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-columns"></i> ' . __( 'Columns', 'themeisle-companion' ),
'default' => 3,
'tablet_default' => 2,
'mobile_default' => 1,
'options' => [
1 => 1,
2 => 2,
3 => 3,
4 => 4,
5 => 5,
],
]
);
$this->end_controls_section();
}
/**
* Icon Style Controls
*/
private function style_icon() {
$this->start_controls_section(
'section_style_icon',
[
'label' => __( 'Icon / Image', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'icon_space',
[
'label' => __( 'Spacing', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 15,
],
'range' => [
'px' => [
'min' => 0,
'max' => 300,
],
],
'selectors' => [
'{{WRAPPER}}.obfx-position-right .obfx-icon, {{WRAPPER}}.obfx-position-right .obfx-image' => 'margin-left: {{SIZE}}{{UNIT}};',
'{{WRAPPER}}.obfx-position-left .obfx-icon, {{WRAPPER}}.obfx-position-left .obfx-image' => 'margin-right: {{SIZE}}{{UNIT}};',
'{{WRAPPER}}.obfx-position-top .obfx-icon, {{WRAPPER}}.obfx-position-top .obfx-image' => 'margin-bottom: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'icon_size',
[
'label' => __( 'Size', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 6,
'max' => 300,
],
],
'default' => [
'size' => 35,
],
'selectors' => [
'{{WRAPPER}} .obfx-icon' => 'font-size: {{SIZE}}{{UNIT}};',
'{{WRAPPER}} .obfx-image' => 'max-width: {{SIZE}}{{UNIT}};',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_style_content',
[
'label' => __( 'Content', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_responsive_control(
'text_align',
[
'label' => __( 'Alignment', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'toggle' => false,
'default' => 'center',
'options' => [
'left' => [
'title' => __( 'Left', 'themeisle-companion' ),
'icon' => 'fa fa-align-left',
],
'center' => [
'title' => __( 'Center', 'themeisle-companion' ),
'icon' => 'fa fa-align-center',
],
'right' => [
'title' => __( 'Right', 'themeisle-companion' ),
'icon' => 'fa fa-align-right',
],
],
'selectors' => [
'{{WRAPPER}} .obfx-grid .obfx-grid-container .obfx-grid-wrapper .obfx-service-box' => 'text-align: {{VALUE}}; justify-content: {{VALUE}};',
'{{WRAPPER}} .obfx-grid .obfx-grid-container .obfx-grid-wrapper .obfx-service-box .obfx-service-text' => 'text-align: {{VALUE}};',
],
]
);
$this->add_control(
'heading_title',
[
'label' => __( 'Title', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_responsive_control(
'title_bottom_space',
[
'label' => __( 'Spacing', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 0,
'max' => 300,
],
],
'selectors' => [
'{{WRAPPER}} .obfx-service-title' => 'margin-bottom: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'title_color',
[
'label' => __( 'Color', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .obfx-service-title' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'title_typography',
'selector' => '{{WRAPPER}} .obfx-service-title',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
]
);
$this->add_control(
'heading_description',
[
'label' => __( 'Description', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'description_color',
[
'label' => __( 'Color', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .obfx-service-text' => 'color: {{VALUE}};',
],
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_3,
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'description_typography',
'selector' => '{{WRAPPER}} .obfx-service-text',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_3,
]
);
$this->end_controls_section();
}
/**
* Grid Style Controls
*/
private function style_grid_options() {
$this->start_controls_section(
'section_grid_style',
[
'label' => __( 'Grid', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
// Columns margin.
$this->add_control(
'grid_style_columns_margin',
[
'label' => __( 'Columns margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 15,
],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-wrapper' => 'padding-right: calc( {{SIZE}}{{UNIT}} ); padding-left: calc( {{SIZE}}{{UNIT}} );',
'{{WRAPPER}} .obfx-grid-container' => 'margin-left: calc( -{{SIZE}}{{UNIT}} ); margin-right: calc( -{{SIZE}}{{UNIT}} );',
],
]
);
// Row margin.
$this->add_control(
'grid_style_rows_margin',
[
'label' => __( 'Rows margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 30,
],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-wrapper' => 'padding-bottom: {{SIZE}}{{UNIT}};',
],
]
);
// Background.
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'grid_style_background',
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .obfx-grid',
]
);
// Items options.
$this->add_control(
'grid_items_style_heading',
[
'label' => __( 'Items', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
// Items internal padding.
$this->add_control(
'grid_items_style_padding',
[
'label' => __( 'Padding', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-col' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
// Items border radius.
$this->add_control(
'grid_items_style_border_radius',
[
'label' => __( 'Border Radius', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-col' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->items_style_tabs();
$this->end_controls_section();
}
/**
* Items Style Controls
*/
private function items_style_tabs() {
$this->start_controls_tabs( 'tabs_background' );
$this->start_controls_tab(
'tab_background_normal',
[
'label' => __( 'Normal', 'themeisle-companion' ),
]
);
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'grid_items_background',
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .obfx-service-box',
]
);
$this->add_group_control(
\Elementor\Group_Control_Box_Shadow::get_type(),
[
'name' => 'grid_items_box_shadow',
'selector' => '{{WRAPPER}} .obfx-service-box',
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tab_background_hover',
[
'label' => __( 'Hover', 'themeisle-companion' ),
]
);
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'grid_items_background_hover',
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .obfx-service-box:hover',
]
);
$this->add_group_control(
\Elementor\Group_Control_Box_Shadow::get_type(),
[
'name' => 'grid_items_box_shadow_hover',
'selector' => '{{WRAPPER}} .obfx-service-box:hover',
]
);
$this->add_control(
'hover_transition',
[
'label' => __( 'Transition Duration', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 0.3,
],
'range' => [
'px' => [
'max' => 3,
'step' => 0.1,
],
],
'selectors' => [
'{{WRAPPER}} .obfx-service-box' => 'transition: all {{SIZE}}s ease;',
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
}
/**
* Render function to output the pricing table.
*/
protected function render() {
$settings = $this->get_settings();
$this->maybe_load_widget_style();
echo '<div class="obfx-grid"><div class="obfx-grid-container' . ( ! empty( $settings['grid_columns_mobile'] ) ? ' obfx-grid-mobile-' . $settings['grid_columns_mobile'] : '' ) . ( ! empty( $settings['grid_columns_tablet'] ) ? ' obfx-grid-tablet-' . $settings['grid_columns_tablet'] : '' ) . ( ! empty( $settings['grid_columns'] ) ? ' obfx-grid-desktop-' . $settings['grid_columns'] : '' ) . '">';
foreach ( $settings['services_list'] as $service ) {
$icon_tag = 'span';
if ( ! empty( $service['link']['url'] ) ) {
$this->add_render_attribute( 'link', 'href', $settings['link']['url'] );
$icon_tag = 'a';
if ( $service['link']['is_external'] ) {
$this->add_render_attribute( 'link', 'target', '_blank' );
}
if ( $service['link']['nofollow'] ) {
$this->add_render_attribute( 'link', 'rel', 'nofollow' );
}
} ?>
<div class="obfx-grid-wrapper">
<?php
if ( ! empty( $service['link']['url'] ) ) {
$link_props = ' href="' . esc_url( $service['link']['url'] ) . '" ';
if ( $service['link']['is_external'] === 'on' ) {
$link_props .= ' target="_blank" ';
}
if ( $service['link']['nofollow'] === 'on' ) {
$link_props .= ' rel="nofollow" ';
}
echo '<a' . $link_props . '>';
} ?>
<div class="obfx-service-box obfx-grid-col">
<?php
if ( $service['type'] === 'icon' && ! empty( $service['icon'] ) ) { ?>
<span class="obfx-icon-wrap"><i class="obfx-icon <?php echo esc_attr( $service['icon'] ); ?>" style="color: <?php echo esc_attr( $service['color'] ); ?>"></i></span>
<?php
} elseif ( $service['type'] === 'image' && ! empty( $service['image']['url'] ) ) { ?>
<span class="obfx-image-wrap"><img class="obfx-image" src="<?php echo esc_url( $service['image']['url'] ); ?>"/></span>
<?php
}
if ( ! empty( $service['title'] ) || ! empty( $service['text'] ) ) { ?>
<div class="obfx-service-box-content">
<?php if ( ! empty( $service['title'] ) ) { ?>
<h4 class="obfx-service-title"><?php echo esc_attr( $service['title'] ); ?></h4>
<?php
}
if ( ! empty( $service['text'] ) ) { ?>
<p class="obfx-service-text"><?php echo esc_attr( $service['text'] ); ?></p>
<?php } ?>
</div><!-- /.obfx-service-box-content -->
<?php } ?>
</div><!-- /.obfx-service-box -->
<?php
if ( ! empty( $service['link'] ) ) {
echo '</a>';
} ?>
</div><!-- /.obfx-grid-wrapper -->
<?php
}// End foreach().
echo '</div></div>';
}
/**
* Load the widget style dynamically if it is a widget preview
* or enqueue style and scripts if not
*
* This way we are sure that the assets files are loaded only when this block is present in page.
*/
protected function maybe_load_widget_style() {
if ( \Elementor\Plugin::$instance->editor->is_edit_mode() === true && apply_filters( 'themeisle_content_forms_register_default_style', true ) ) { ?>
<style>
<?php echo file_get_contents( plugin_dir_path( dirname( dirname(__FILE__ ) ) ) . 'css/public.css' ) ?>
</style>
<?php
} else {
wp_enqueue_style('eaw-elementor');
}
}
}
plugins/themeisle-companion/vendor/codeinwp/elementor-extra-widgets/widgets/elementor/services.php 0000644 00000043117 15115141003 0037626 0 ustar 00 home/xbodynamge/lebauwcentre/wp-content <?php
/**
* Services widget for Elementor builder
*
* @link https://themeisle.com
* @since 1.0.0
*
* @package ThemeIsle\ElementorExtraWidgets
*/
namespace ThemeIsle\ElementorExtraWidgets;
if ( ! defined( 'ABSPATH' ) ) {
exit;
} // End if().
/**
* Class Services
*
* @package ThemeIsle\ElementorExtraWidgets
*/
class Services extends \Elementor\Widget_Base {
/**
* Widget name.
*
* @return string
*/
public function get_name() {
return 'obfx-services';
}
/**
* Widget title.
*
* @return string
*/
public function get_title() {
return __( 'Services', 'themeisle-companion' );
}
/**
* Widget icon.
*
* @return string
*/
public function get_icon() {
return 'fa fa-diamond';
}
/**
* Widget Category
*
* @return array
*/
public function get_categories() {
$category_args = apply_filters( 'elementor_extra_widgets_category_args', array() );
$slug = isset( $category_args['slug'] ) ? $category_args['slug'] : 'obfx-elementor-widgets';
return [ $slug ];
}
/**
* Register Elementor Controls
*/
protected function _register_controls() {
$this->services_content();
$this->style_icon();
$this->style_grid_options();
}
/**
* Content controls
*/
private function services_content() {
$this->start_controls_section(
'section_content',
[
'label' => __( 'Services', 'themeisle-companion' ),
]
);
$this->add_control(
'services_list',
[
'label' => __( 'Services', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::REPEATER,
'default' => [
[
'title' => __( 'Award-Winning', 'themeisle-companion' ),
'text' => __( 'Add some text here to describe your services to the page visitors.', 'themeisle-companion' ),
'icon' => 'fa fa-trophy',
'color' => '#333333',
'type' => 'icon',
],
[
'title' => __( 'Professional', 'themeisle-companion' ),
'text' => __( 'Add some text here to describe your services to the page visitors.', 'themeisle-companion' ),
'icon' => 'fa fa-suitcase',
'color' => '#333333',
'type' => 'icon',
],
[
'title' => __( 'Consulting', 'themeisle-companion' ),
'text' => __( 'Add some text here to describe your services to the page visitors.', 'themeisle-companion' ),
'icon' => 'fa fa-handshake-o',
'color' => '#333333',
'type' => 'icon',
],
],
'fields' => [
[
'type' => \Elementor\Controls_Manager::CHOOSE,
'name' => 'type',
'label_block' => true,
'label' => __( 'Type', 'themeisle-companion' ),
'default' => 'icon',
'options' => [
'icon' => [
'title' => __( 'Icon', 'themeisle-companion' ),
'icon' => 'fa fa-diamond',
],
'image' => [
'title' => __( 'Image', 'themeisle-companion' ),
'icon' => 'fa fa-photo',
],
],
],
[
'type' => \Elementor\Controls_Manager::TEXT,
'name' => 'title',
'label_block' => true,
'label' => __( 'Title & Description', 'themeisle-companion' ),
'default' => __( 'Service Title', 'themeisle-companion' ),
],
[
'type' => \Elementor\Controls_Manager::TEXTAREA,
'name' => 'text',
'placeholder' => __( 'Plan Features', 'themeisle-companion' ),
'default' => __( 'Feature', 'themeisle-companion' ),
],
[
'type' => \Elementor\Controls_Manager::ICON,
'name' => 'icon',
'label' => __( 'Icon', 'themeisle-companion' ),
'default' => 'fa fa-diamond',
'condition' => [
'type' => 'icon',
],
],
[
'type' => \Elementor\Controls_Manager::COLOR,
'name' => 'color',
'label_block' => false,
'label' => __( 'Icon Color', 'themeisle-companion' ),
'default' => '#333333',
'condition' => [
'type' => 'icon',
],
],
[
'type' => \Elementor\Controls_Manager::MEDIA,
'name' => 'image',
'label' => __( 'Image', 'themeisle-companion' ),
'condition' => [
'type' => 'image',
],
],
[
'type' => \Elementor\Controls_Manager::URL,
'name' => 'link',
'label' => __( 'Link to', 'themeisle-companion' ),
'separator' => 'before',
'placeholder' => __( 'https://example.com', 'themeisle-companion' ),
],
],
'title_field' => '{{title}}',
]
);
$this->add_control(
'align',
[
'label' => '<i class="fa fa-arrows"></i> ' . __( 'Icon Position', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => __( 'Left', 'themeisle-companion' ),
'icon' => 'fa fa-angle-left',
],
'top' => [
'title' => __( 'Top', 'themeisle-companion' ),
'icon' => 'fa fa-angle-up',
],
'right' => [
'title' => __( 'Right', 'themeisle-companion' ),
'icon' => 'fa fa-angle-right',
],
],
'default' => 'top',
'prefix_class' => 'obfx-position-',
'toggle' => false,
]
);
// Columns.
$this->add_responsive_control(
'grid_columns',
[
'type' => \Elementor\Controls_Manager::SELECT,
'label' => '<i class="fa fa-columns"></i> ' . __( 'Columns', 'themeisle-companion' ),
'default' => 3,
'tablet_default' => 2,
'mobile_default' => 1,
'options' => [
1 => 1,
2 => 2,
3 => 3,
4 => 4,
5 => 5,
],
]
);
$this->end_controls_section();
}
/**
* Icon Style Controls
*/
private function style_icon() {
$this->start_controls_section(
'section_style_icon',
[
'label' => __( 'Icon / Image', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'icon_space',
[
'label' => __( 'Spacing', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 15,
],
'range' => [
'px' => [
'min' => 0,
'max' => 300,
],
],
'selectors' => [
'{{WRAPPER}}.obfx-position-right .obfx-icon, {{WRAPPER}}.obfx-position-right .obfx-image' => 'margin-left: {{SIZE}}{{UNIT}};',
'{{WRAPPER}}.obfx-position-left .obfx-icon, {{WRAPPER}}.obfx-position-left .obfx-image' => 'margin-right: {{SIZE}}{{UNIT}};',
'{{WRAPPER}}.obfx-position-top .obfx-icon, {{WRAPPER}}.obfx-position-top .obfx-image' => 'margin-bottom: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'icon_size',
[
'label' => __( 'Size', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 6,
'max' => 300,
],
],
'default' => [
'size' => 35,
],
'selectors' => [
'{{WRAPPER}} .obfx-icon' => 'font-size: {{SIZE}}{{UNIT}};',
'{{WRAPPER}} .obfx-image' => 'max-width: {{SIZE}}{{UNIT}};',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_style_content',
[
'label' => __( 'Content', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
$this->add_responsive_control(
'text_align',
[
'label' => __( 'Alignment', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::CHOOSE,
'toggle' => false,
'default' => 'center',
'options' => [
'left' => [
'title' => __( 'Left', 'themeisle-companion' ),
'icon' => 'fa fa-align-left',
],
'center' => [
'title' => __( 'Center', 'themeisle-companion' ),
'icon' => 'fa fa-align-center',
],
'right' => [
'title' => __( 'Right', 'themeisle-companion' ),
'icon' => 'fa fa-align-right',
],
],
'selectors' => [
'{{WRAPPER}} .obfx-grid .obfx-grid-container .obfx-grid-wrapper .obfx-service-box' => 'text-align: {{VALUE}}; justify-content: {{VALUE}};',
'{{WRAPPER}} .obfx-grid .obfx-grid-container .obfx-grid-wrapper .obfx-service-box .obfx-service-text' => 'text-align: {{VALUE}};',
],
]
);
$this->add_control(
'heading_title',
[
'label' => __( 'Title', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_responsive_control(
'title_bottom_space',
[
'label' => __( 'Spacing', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 0,
'max' => 300,
],
],
'selectors' => [
'{{WRAPPER}} .obfx-service-title' => 'margin-bottom: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'title_color',
[
'label' => __( 'Color', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .obfx-service-title' => 'color: {{VALUE}};',
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'title_typography',
'selector' => '{{WRAPPER}} .obfx-service-title',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_1,
]
);
$this->add_control(
'heading_description',
[
'label' => __( 'Description', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'description_color',
[
'label' => __( 'Color', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .obfx-service-text' => 'color: {{VALUE}};',
],
'scheme' => [
'type' => \Elementor\Scheme_Color::get_type(),
'value' => \Elementor\Scheme_Color::COLOR_3,
],
]
);
$this->add_group_control(
\Elementor\Group_Control_Typography::get_type(),
[
'name' => 'description_typography',
'selector' => '{{WRAPPER}} .obfx-service-text',
'scheme' => \Elementor\Scheme_Typography::TYPOGRAPHY_3,
]
);
$this->end_controls_section();
}
/**
* Grid Style Controls
*/
private function style_grid_options() {
$this->start_controls_section(
'section_grid_style',
[
'label' => __( 'Grid', 'themeisle-companion' ),
'tab' => \Elementor\Controls_Manager::TAB_STYLE,
]
);
// Columns margin.
$this->add_control(
'grid_style_columns_margin',
[
'label' => __( 'Columns margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 15,
],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-wrapper' => 'padding-right: calc( {{SIZE}}{{UNIT}} ); padding-left: calc( {{SIZE}}{{UNIT}} );',
'{{WRAPPER}} .obfx-grid-container' => 'margin-left: calc( -{{SIZE}}{{UNIT}} ); margin-right: calc( -{{SIZE}}{{UNIT}} );',
],
]
);
// Row margin.
$this->add_control(
'grid_style_rows_margin',
[
'label' => __( 'Rows margin', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 30,
],
'range' => [
'px' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .obfx-grid-wrapper' => 'padding-bottom: {{SIZE}}{{UNIT}};',
],
]
);
// Background.
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'grid_style_background',
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .obfx-grid',
]
);
// Items options.
$this->add_control(
'grid_items_style_heading',
[
'label' => __( 'Items', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::HEADING,
'separator' => 'before',
]
);
// Items internal padding.
$this->add_control(
'grid_items_style_padding',
[
'label' => __( 'Padding', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-col' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
// Items border radius.
$this->add_control(
'grid_items_style_border_radius',
[
'label' => __( 'Border Radius', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .obfx-grid-col' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->items_style_tabs();
$this->end_controls_section();
}
/**
* Items Style Controls
*/
private function items_style_tabs() {
$this->start_controls_tabs( 'tabs_background' );
$this->start_controls_tab(
'tab_background_normal',
[
'label' => __( 'Normal', 'themeisle-companion' ),
]
);
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'grid_items_background',
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .obfx-service-box',
]
);
$this->add_group_control(
\Elementor\Group_Control_Box_Shadow::get_type(),
[
'name' => 'grid_items_box_shadow',
'selector' => '{{WRAPPER}} .obfx-service-box',
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'tab_background_hover',
[
'label' => __( 'Hover', 'themeisle-companion' ),
]
);
$this->add_group_control(
\Elementor\Group_Control_Background::get_type(),
[
'name' => 'grid_items_background_hover',
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .obfx-service-box:hover',
]
);
$this->add_group_control(
\Elementor\Group_Control_Box_Shadow::get_type(),
[
'name' => 'grid_items_box_shadow_hover',
'selector' => '{{WRAPPER}} .obfx-service-box:hover',
]
);
$this->add_control(
'hover_transition',
[
'label' => __( 'Transition Duration', 'themeisle-companion' ),
'type' => \Elementor\Controls_Manager::SLIDER,
'default' => [
'size' => 0.3,
],
'range' => [
'px' => [
'max' => 3,
'step' => 0.1,
],
],
'selectors' => [
'{{WRAPPER}} .obfx-service-box' => 'transition: all {{SIZE}}s ease;',
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
}
/**
* Render function to output the pricing table.
*/
protected function render() {
$settings = $this->get_settings();
$this->maybe_load_widget_style();
echo '<div class="obfx-grid"><div class="obfx-grid-container' . ( ! empty( $settings['grid_columns_mobile'] ) ? ' obfx-grid-mobile-' . $settings['grid_columns_mobile'] : '' ) . ( ! empty( $settings['grid_columns_tablet'] ) ? ' obfx-grid-tablet-' . $settings['grid_columns_tablet'] : '' ) . ( ! empty( $settings['grid_columns'] ) ? ' obfx-grid-desktop-' . $settings['grid_columns'] : '' ) . '">';
foreach ( $settings['services_list'] as $service ) {
$icon_tag = 'span';
if ( ! empty( $service['link']['url'] ) ) {
$this->add_render_attribute( 'link', 'href', $settings['link']['url'] );
$icon_tag = 'a';
if ( $service['link']['is_external'] ) {
$this->add_render_attribute( 'link', 'target', '_blank' );
}
if ( $service['link']['nofollow'] ) {
$this->add_render_attribute( 'link', 'rel', 'nofollow' );
}
} ?>
<div class="obfx-grid-wrapper">
<?php
if ( ! empty( $service['link']['url'] ) ) {
$link_props = ' href="' . esc_url( $service['link']['url'] ) . '" ';
if ( $service['link']['is_external'] === 'on' ) {
$link_props .= ' target="_blank" ';
}
if ( $service['link']['nofollow'] === 'on' ) {
$link_props .= ' rel="nofollow" ';
}
echo '<a' . $link_props . '>';
} ?>
<div class="obfx-service-box obfx-grid-col">
<?php
if ( $service['type'] === 'icon' && ! empty( $service['icon'] ) ) { ?>
<span class="obfx-icon-wrap"><i class="obfx-icon <?php echo esc_attr( $service['icon'] ); ?>" style="color: <?php echo esc_attr( $service['color'] ); ?>"></i></span>
<?php
} elseif ( $service['type'] === 'image' && ! empty( $service['image']['url'] ) ) { ?>
<span class="obfx-image-wrap"><img class="obfx-image" src="<?php echo esc_url( $service['image']['url'] ); ?>"/></span>
<?php
}
if ( ! empty( $service['title'] ) || ! empty( $service['text'] ) ) { ?>
<div class="obfx-service-box-content">
<?php if ( ! empty( $service['title'] ) ) { ?>
<h4 class="obfx-service-title"><?php echo esc_attr( $service['title'] ); ?></h4>
<?php
}
if ( ! empty( $service['text'] ) ) { ?>
<p class="obfx-service-text"><?php echo esc_attr( $service['text'] ); ?></p>
<?php } ?>
</div><!-- /.obfx-service-box-content -->
<?php } ?>
</div><!-- /.obfx-service-box -->
<?php
if ( ! empty( $service['link'] ) ) {
echo '</a>';
} ?>
</div><!-- /.obfx-grid-wrapper -->
<?php
}// End foreach().
echo '</div></div>';
}
/**
* Load the widget style dynamically if it is a widget preview
* or enqueue style and scripts if not
*
* This way we are sure that the assets files are loaded only when this block is present in page.
*/
protected function maybe_load_widget_style() {
if ( \Elementor\Plugin::$instance->editor->is_edit_mode() === true && apply_filters( 'themeisle_content_forms_register_default_style', true ) ) { ?>
<style>
<?php echo file_get_contents( plugin_dir_path( dirname( dirname(__FILE__ ) ) ) . 'css/public.css' ) ?>
</style>
<?php
} else {
wp_enqueue_style('eaw-elementor');
}
}
}
dev/wp-content/plugins/themeisle-companion/obfx_modules/beaver-widgets/modules/services/services.php0000644 00000016317 15115325567 0033316 0 ustar 00 home/xbodynamge <?php
/**
* Services module.
*
* @package themeisle-companion
*/
// Get the module directory.
$module_directory = $this->get_dir();
// Include common functions file.
require_once( $module_directory . '/inc/common-functions.php' );
// Include custom fields
require_once( $module_directory . '/custom-fields/toggle-field/toggle_field.php' );
/**
* Class PricingTableModule
*/
class ServicesModule extends FLBuilderModule {
/**
* Constructor function for the module. You must pass the
* name, description, dir and url in an array to the parent class.
*
* @method __construct
*/
public function __construct() {
parent::__construct(
array(
'name' => esc_html__( 'Services', 'themeisle-companion' ),
'description' => esc_html__( 'An overview of the products or services.', 'themeisle-companion' ),
'category' => esc_html__( 'Orbit Fox Modules', 'themeisle-companion' ),
'dir' => BEAVER_WIDGETS_PATH . 'modules/services/',
'url' => BEAVER_WIDGETS_URL . 'modules/services/',
)
);
}
}
/**
* Register the module and its form settings.
*/
FLBuilder::register_module(
'ServicesModule',
array(
'content' => array(
'title' => esc_html__( 'Content', 'themeisle-companion' ), // Tab title
'sections' => array(
'content' => array(
'title' => '',
'fields' => array(
'services' => array(
'multiple' => true,
'type' => 'form',
'label' => esc_html__( 'Service', 'themeisle-companion' ),
'form' => 'service_content', // ID of a registered form.
'preview_text' => 'title', // ID of a field to use for the preview text.
),
'column_number' => array(
'type' => 'select',
'label' => esc_html__( 'Number of columns', 'themeisle-companion' ),
'default' => '3',
'options' => array(
'1' => esc_html__( '1', 'themeisle-companion' ),
'2' => esc_html__( '2', 'themeisle-companion' ),
'3' => esc_html__( '3', 'themeisle-companion' ),
'4' => esc_html__( '4', 'themeisle-companion' ),
'5' => esc_html__( '5', 'themeisle-companion' ),
),
),
'card_layout' => array(
'type' => 'obfx_toggle',
'label' => esc_html__( 'Card layout', 'themeisle-companion' ),
'default' => 'yes',
),
'background_color' => array(
'type' => 'color',
'label' => esc_html__( 'Background color', 'themeisle-companion' ),
'default' => 'ffffff',
'preview' => array(
'type' => 'css',
'rules' => array(
array(
'selector' => '.obfx-service',
'property' => 'background',
),
),
),
),
),
),
),
),
'icon_style' => array(
'title' => esc_html__( 'Icon style', 'themeisle-companion' ), // Tab title
'sections' => array(
'font' => array(
'title' => esc_html__( 'General', 'themeisle-companion' ),
'fields' => array(
'icon_position' => array(
'type' => 'select',
'label' => esc_html__( 'Position', 'themeisle-companion' ),
'default' => 'center',
'options' => array(
'left' => esc_html__( 'Left', 'themeisle-companion' ),
'center' => esc_html__( 'Center', 'themeisle-companion' ),
'right' => esc_html__( 'Right', 'themeisle-companion' ),
),
),
'icon_size' => array(
'type' => 'text',
'label' => esc_html__( 'Size', 'themeisle-companion' ),
'description' => esc_html__( 'px', 'themeisle-companion' ),
'default' => '45',
'maxlength' => '3',
'size' => '4',
'preview' => array(
'type' => 'css',
'rules' => array(
array(
'selector' => '.obfx-service-icon',
'property' => 'font-size',
'unit' => 'px',
),
),
),
),
),
),
'icon_padding' => themeisle_four_fields_control(
array(
'default' => array(
'top' => 30,
'bottom' => 15,
'left' => 25,
'right' => 25,
),
'selector' => '.obfx-service-icon',
'field_name_prefix' => 'icon_',
)
),
),
),
'title_style' => array(
'title' => esc_html__( 'Title style', 'themeisle-companion' ),
'sections' => array(
'general' => array(
'title' => esc_html__( 'General', 'themeisle-companion' ),
'fields' => array(
'title_color' => array(
'type' => 'color',
'label' => esc_html__( 'Color', 'themeisle-companion' ),
'preview' => array(
'type' => 'css',
'rules' => array(
array(
'selector' => '.obfx-service-title',
'property' => 'color',
),
),
),
),
),
),
'typography' => themeisle_typography_settings(
array(
'prefix' => 'title_',
'selector' => '.obfx-service-title',
)
),
),
),
'content_style' => array(
'title' => esc_html__( 'Content style', 'themeisle-companion' ),
'sections' => array(
'general' => array(
'title' => esc_html__( 'General', 'themeisle-companion' ),
'fields' => array(
'content_alignment' => array(
'type' => 'select',
'label' => esc_html__( 'Alignment', 'themeisle-companion' ),
'default' => 'center',
'options' => array(
'left' => esc_html__( 'Left', 'themeisle-companion' ),
'center' => esc_html__( 'Center', 'themeisle-companion' ),
'right' => esc_html__( 'Right', 'themeisle-companion' ),
),
),
'content_color' => array(
'type' => 'color',
'label' => esc_html__( 'Color', 'themeisle-companion' ),
'preview' => array(
'type' => 'css',
'rules' => array(
array(
'selector' => '.obfx-service-content',
'property' => 'color',
),
),
),
),
),
),
'typography' => themeisle_typography_settings(
array(
'prefix' => 'content_',
'selector' => '.obfx-service-content',
)
),
),
),
)
);
FLBuilder::register_settings_form(
'service_content',
array(
'title' => __( 'Service', 'themeisle-companion' ),
'tabs' => array(
'general' => array(
'title' => esc_html__( 'General', 'themeisle-companion' ),
'sections' => array(
'general' => array(
'title' => '',
'fields' => array(
'title' => array(
'type' => 'text',
'label' => esc_html__( 'Title', 'themeisle-companion' ),
),
'text' => array(
'type' => 'textarea',
'label' => esc_html__( 'Text', 'themeisle-companion' ),
'rows' => '6',
),
'icon' => array(
'type' => 'icon',
'label' => esc_html__( 'Icon', 'themeisle-companion' ),
'show_remove' => true,
),
'icon_color' => array(
'type' => 'color',
'label' => esc_html__( 'Icon color', 'themeisle-companion' ),
'default' => 'd6d6d6',
),
'link' => array(
'type' => 'link',
'label' => esc_html__( 'Link to', 'themeisle-companion' ),
),
),
),
),
),
),
)
);