/home/altere25/infinet.finance/wp-content/plugins/th-widget-pack/elements
Edit: /home/altere25/infinet.finance/wp-content/plugins/th-widget-pack/elements/tabs.php (26107B)
get_name(), THEMO_URL . 'js/thmv-tabs.js', ['elementor-frontend'], $modified, true);
}
$modified2 = filemtime(THEMO_PATH.'css/tabs.css');
wp_enqueue_style( 'thmv-tabs', THEMO_URL . 'css/tabs.css', array(), $modified2 );
}
public function get_name() {
return 'themo-tabs';
}
public function get_title() {
return __('Themovation Tabs', 'th-widget-pack');
}
public function get_icon() {
return 'th-editor-icon-menu-tabs';
}
public function get_categories() {
return ['themo-elements'];
}
public function get_keywords() {
return ['tabs', 'accordion', 'toggle'];
}
protected function register_controls() {
$this->start_controls_section(
'section_tabs',
[
'label' => __('Content', 'elementor'),
]
);
$repeater = new Repeater();
$repeater->add_control(
'tab_title', [
'label' => __('Title', 'th-widget-pack'),
'type' => Controls_Manager::TEXT,
'placeholder' => 'Lorem Ipsum',
'default' => 'Lorem Ipsum',
'label_block' => true,
'dynamic' => [
'active' => true,
]
]
);
$repeater->add_control(
'thmv_tab_ordering',
[
'label' => __('Ordering', 'th-widget-pack'),
'type' => Controls_Manager::TEXT,
'default' => '',
'dynamic' => [
'active' => true,
],
]
);
for ($i = 0; $i < $this->totalTabChoices; $i++) {
$repeater->add_control(
'thmv_tab_item_title' . $i, [
'label' => __('Title', 'th-widget-pack'),
'type' => Controls_Manager::TEXT,
'placeholder' => 'Lorem Ipsum',
'default' => ($i == 0 ? 'Lorem Ipsum' : ''),
'label_block' => true,
'dynamic' => [
'active' => true,
],
]
);
$repeater->add_control(
'thmv_tab_item_price' . $i, [
'label' => __('Price', 'th-widget-pack'),
'type' => Controls_Manager::TEXT,
'placeholder' => 'Lore Ipsum',
'default' => ($i == 0 ? '$30' : ''),
'dynamic' => [
'active' => true,
],
]
);
$array = [
'label' => __('Content', 'th-widget-pack'),
'type' => Controls_Manager::TEXTAREA,
'label_block' => true,
];
if ($i == 0) {
$array['default'] = __('Tab Content', 'th-widget-pack');
} else {
unset($array['default']);
}
$repeater->add_control(
'thmv_tab_item_content' . $i, $array);
}
$this->add_control(
'tabs',
[
'label' => __('Tabs', 'elementor'),
'type' => Controls_Manager::REPEATER,
'fields' => $repeater->get_controls(),
'title_field' => '{{{ tab_title }}}',
'dynamic' => [
'active' => true,
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_style',
[
'label' => __('Style', 'elementor'),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'thmv_style',
[
'label' => __('Style', 'th-widget-pack'),
'type' => Controls_Manager::SELECT,
'default' => 'style_1',
'options' => [
'style_1' => __('Style 1', 'th-widget-pack'),
'style_2' => __('Style 2', 'th-widget-pack'),
],
]
);
$this->add_responsive_control(
'columns',
[
'label' => __('Columns', 'th-widget-pack'),
'type' => Controls_Manager::SELECT,
'default' => '',
'options' => [
'' => __('Default', 'th-widget-pack'),
'1' => __('1', 'th-widget-pack'),
'2' => __('2', 'th-widget-pack'),
'3' => __('3', 'th-widget-pack'),
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_tabs_style',
[
'label' => __('Navigation', 'elementor'),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'tabs_background_color',
[
'label' => __('Background', 'elementor'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .thmv-tabs-wrapper' => 'background-color: {{VALUE}};',
],
'condition' => [
'thmv_style' => 'style_2',
],
'separator' => 'after',
]
);
$this->add_control(
'navigation_text_heading',
[
'label' => __('Text', 'elementor'),
'type' => Controls_Manager::HEADING,
]
);
$this->add_control(
'tab_color',
[
'label' => __('Color', 'elementor'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .thmv-tab-title' => 'color: {{VALUE}}',
', {{WRAPPER}} .thmv-tab-title a' => 'color: {{VALUE}}',
],
'global' => [
'default' => Global_Colors::COLOR_PRIMARY,
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'tab_typography',
'selector' => '{{WRAPPER}} .thmv-tab-title',
'global' => [
'default' => Global_Typography::TYPOGRAPHY_PRIMARY,
],
]
);
$this->add_control(
'tab_active_color',
[
'label' => __('Active', 'elementor'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .thmv-tabs .thmv-tab-title.active' => 'color: {{VALUE}}',
'{{WRAPPER}} .thmv-tabs .thmv-tab-title:hover' => 'color: {{VALUE}}',
],
'global' => [
'default' => Global_Colors::COLOR_ACCENT,
],
]
);
$this->add_control(
'tab_active_background_color',
[
'label' => __('Background', 'elementor'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .thmv-tabs.style_1 .thmv-tab-title.active' => 'background-color: {{VALUE}}',
'{{WRAPPER}} .thmv-tabs.style_1 .thmv-tab-title:hover' => 'background-color: {{VALUE}}',
],
'global' => [
'default' => Global_Colors::COLOR_ACCENT,
],
'condition' => [
'thmv_style' => 'style_1',
],
]
);
$this->add_responsive_control(
'thmv_tab_padding',
[
'label' => __('Padding', 'elementor'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'em', '%'],
'selectors' => [
'{{WRAPPER}} .thmv-tab-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'thmv_style' => 'style_1',
],
]
);
$this->add_responsive_control(
'thmv_tab_radius',
[
'label' => __('Radius', 'elementor'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px'],
'selectors' => [
'{{WRAPPER}} .thmv-tab-title' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'thmv_style' => 'style_1',
],
]
);
$this->add_control(
'border_heading',
[
'label' => __('Borders', 'elementor'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => [
'thmv_style' => 'style_2',
],
]
);
$this->add_control(
'active_item_border_color',
[
'label' => __('Color', 'elementor'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .thmv-tabs.style_2 .thmv-tab-title:after' => 'background-color: {{VALUE}};',
],
'condition' => [
'thmv_style' => 'style_2',
],
]
);
$this->add_control(
'active_item_border',
[
'label' => __('Width', 'elementor'),
'type' => Controls_Manager::SLIDER,
'default' => [
'unit' => 'px',
],
'range' => [
'px' => [
'min' => 0,
'max' => 50,
],
],
'selectors' => [
'{{WRAPPER}} .thmv-tab-title:after' => 'height: {{SIZE}}{{UNIT}}',
],
'condition' => [
'thmv_style' => 'style_2',
],
]
);
$this->add_control(
'navigation_padding_title',
[
'label' => __('Spacing', 'elementor'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => [
'thmv_style' => 'style_2',
],
]
);
$this->add_responsive_control(
'nav_negative-margin',
[
'label' => __('Top Margin', 'elementor'),
'type' => Controls_Manager::SLIDER,
'default' => [
'unit' => 'px',
],
'range' => [
'px' => [
'min' => -300,
'max' => 0,
],
],
'selectors' => [
'{{WRAPPER}} .thmv-tabs-wrapper ' => 'margin-top: {{SIZE}}{{UNIT}}',
],
'condition' => [
'thmv_style' => 'style_2',
],
]
);
$this->add_responsive_control(
'thmv_tab_padding_style_2',
[
'label' => __('Padding', 'elementor'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'em', '%'],
'selectors' => [
'{{WRAPPER}} .thmv-tabs.style_2 .thmv-tab-title' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
'condition' => [
'thmv_style' => 'style_2',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_tab_content_style',
[
'label' => __('Content', 'elementor'),
'tab' => Controls_Manager::TAB_STYLE,
]
);
/*$this->add_control(
'heading_content',
[
'label' => __('Content', 'elementor'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);*/
$this->add_control(
'background_color',
[
'label' => __('Background', 'elementor'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .thmv-tab-desktop-title.elementor-active' => 'background-color: {{VALUE}};',
'{{WRAPPER}} .thmv-tabs-content-wrapper' => 'background-color: {{VALUE}};',
],
]
);
$this->add_control(
'heading_section',
[
'label' => __('Heading', 'elementor'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'heading_color',
[
'label' => __('Heading', 'elementor'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .thmv-tab-heading' => 'color: {{VALUE}};',
],
'global' => [
'default' => Global_Colors::COLOR_TEXT,
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'heading_typography',
'label' => __( 'Typography', 'th-widget-pack' ),
'selector' => '{{WRAPPER}} .thmv-tab-heading',
'global' => [
'default' => Global_Typography::TYPOGRAPHY_TEXT,
],
]
);
$this->add_control(
'price_section',
[
'label' => __('Price', 'elementor'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'price_color',
[
'label' => __('Price', 'elementor'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .thmv-tab-price' => 'color: {{VALUE}};',
],
'global' => [
'default' => Global_Colors::COLOR_TEXT,
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'price_typography',
'label' => __( 'Typography', 'th-widget-pack' ),
'selector' => '{{WRAPPER}} .thmv-tab-price',
'global' => [
'default' => Global_Typography::TYPOGRAPHY_TEXT,
],
]
);
$this->add_control(
'content_section',
[
'label' => __('Content', 'elementor'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'content_color',
[
'label' => __('Text', 'elementor'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .thmv-tab-text p' => 'color: {{VALUE}};',
],
'global' => [
'default' => Global_Colors::COLOR_TEXT,
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'label' => __('Typography', 'elementor'),
'name' => 'content_typography',
'selector' => '{{WRAPPER}} .thmv-tab-text p',
'global' => [
'default' => Global_Typography::TYPOGRAPHY_TEXT,
],
]
);
$this->add_control(
'content_padding_title',
[
'label' => __('Spacing', 'elementor'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_responsive_control(
'thmv_tab_item_margin',
[
'label' => __('Margin', 'elementor'),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', 'em', '%'],
'selectors' => [
'{{WRAPPER}} .margin-wrap' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
}
private function setTab(&$tabItemsList, $list, &$j, $i) {
$fields = ['thmv_tab_item_title' => 'title', 'thmv_tab_item_price' => 'price', 'thmv_tab_item_content' => 'content'];
$found = false;
foreach ($fields as $field => $key) {
$fieldName = $field . $i;
if (!empty($list[$fieldName])) {
$tabItemsList[$j][$key] = $list[$fieldName];
$found = true;
}
}
if ($found) {
$j++;
}
}
/**
*
* @param type $settings settings
* @param type $columnField columns field name
* @param type $attribute attribute name
*/
private function setupColumns($settings, $columnField, $attribute) {
$this->add_render_attribute($attribute, 'class', '');
$cols = [$columnField, $columnField . '_tablet', $columnField . '_mobile'];
// echo "
";print_r($settings);exit;
foreach ($cols as $col) {
if (isset($settings[$col])) {
if (empty($settings[$col])) {
$colPercentage = 'default';
} else {
$colPercentage = floor(100 / $settings[$col]);
}
$device = str_replace([$columnField, '_'], "", $col);
$device .= strpos($col, '_') ? '-' : '';
$this->add_render_attribute($attribute, 'class', 'thmv-column-' . $device . $colPercentage);
}
}
}
private function setupTabs($list, $ordering = false) {
$tabItemsList = [];
$j = 0;
if (!empty(trim($ordering))) {
$orderingArr = explode(',', trim($ordering));
foreach ($orderingArr as $i) {
$this->setTab($tabItemsList, $list, $j, $i);
}
} else {
for ($i = 0; $i < $this->totalTabChoices; $i++) {
$this->setTab($tabItemsList, $list, $j, $i);
}
}
return $tabItemsList;
}
/**
* Render tabs widget output on the frontend.
*
* Written in PHP and used to generate the final HTML.
*
* @since 1.0.0
* @access protected
*/
protected function render() {
$tabs = $this->get_settings_for_display('tabs');
$allSettings = $this->get_settings_for_display();
$id_int = substr($this->get_id_int(), 0, 3);
$a11y_improvements_experiment = Plugin::$instance->experiments->is_feature_active('a11y_improvements');
$style = $allSettings['thmv_style'];
$this->add_render_attribute('thmv-tabs', 'class', array('thmv-tabs', $style));
$columns_attribute = 'thmv_column';
$this->setupColumns($allSettings, 'columns', $columns_attribute);
$this->add_render_attribute($columns_attribute, 'class', 'thmv-content-block');
$tabs_content_bg_color = !empty($allSettings['background_color']);
?>
get_render_attribute_string('thmv-tabs'); ?>>
$item) :
$tab_count = $index + 1;
$tab_title_setting_key = $this->get_repeater_setting_key('tab_title', 'tabs', $index);
$tab_title = $a11y_improvements_experiment ? $item['tab_title'] : $item['tab_title'];
$this->add_render_attribute($tab_title_setting_key, [
'id' => 'thmv-tab-title-' . $id_int . $tab_count,
'class' => ['thmv-tab-title', 'thmv-tab-desktop-title', (1 === $tab_count ? 'active' : '')],
'data-tab' => $index,
'role' => 'tab',
'tabindex' => 1 === $tab_count ? '0' : '-1',
]);
?>
get_render_attribute_string($tab_title_setting_key); ?>>
$item) :
$tab_count = $index + 1;
$tab_content_setting_key = $this->get_repeater_setting_key('tab_content', 'tabs', $index);
$tab_title_mobile_setting_key = $this->get_repeater_setting_key('tab_title_mobile', 'tabs', $tab_count);
$this->add_render_attribute($tab_content_setting_key, [
'id' => 'thmv-tab-content-' . $id_int . $tab_count,
'class' => ['thmv-tab-content', 'elementor-clearfix', (1 === $tab_count ? 'active' : '')],
'data-tab' => $index,
'role' => 'tabpanel',
'tabindex' => '0',
]);
$this->add_render_attribute($tab_title_mobile_setting_key, [
'class' => ['thmv-tab-title', 'thmv-tab-mobile-title', (1 === $tab_count ? 'active' : '')],
'data-tab' => $index,
'role' => 'tab',
'tabindex' => 1 === $tab_count ? '0' : '-1',
]);
$allFields = $this->setupTabs($item, $item['thmv_tab_ordering']);
?>
get_render_attribute_string($tab_title_mobile_setting_key); ?>>
get_render_attribute_string($tab_content_setting_key); ?>>
get_render_attribute_string($columns_attribute); ?> >