is_edit_mode_load()) {
$this->enqueue_styles_scripts();
}
parent::__construct($data, $args);
}
/**
* Retrieve the list of categories the widget belongs to.
*
* Used to determine where to display the widget in the editor.
*
* Note that currently Elementor supports only one category.
* When multiple categories passed, Elementor uses the first one.
*
* @since 1.1.0
*
* @access public
*
* @return array Widget categories.
*/
public function get_categories()
{
return ['wdk-elementor-listing-preview'];
}
/**
* Retrieve the widget name.
*
* @since 1.1.0
*
* @access public
*
* @return string Widget name.
*/
public function get_name()
{
return 'wdk-field-value';
}
/**
* Retrieve the widget title.
*
* @since 1.1.0
*
* @access public
*
* @return string Widget title.
*/
public function get_title()
{
return esc_html__('Wdk Field Value', 'wpdirectorykit');
}
/**
* Retrieve the widget icon.
*
* @since 1.1.0
*
* @access public
*
* @return string Widget icon.
*/
public function get_icon()
{
return 'eicon-product-meta';
}
/**
* Register the widget controls.
*
* Adds different input fields to allow the user to change and customize the widget settings.
*
* @since 1.1.0
*
* @access protected
*/
protected function register_controls()
{
$this->generate_controls_conf();
$this->generate_controls_layout();
$this->generate_controls_styles();
$this->generate_controls_content();
$this->generate_controls_styles_files();
$this->insert_pro_message('1');
parent::register_controls();
}
/**
* Render the widget output on the frontend.
*
* Written in PHP and used to generate the final HTML.
*
* @since 1.1.0
*
* @access protected
*/
protected function render()
{
parent::render();
global $wdk_listing_id;
$this->data['id_element'] = $this->get_id();
$this->data['settings'] = $this->get_settings();
$this->data['field_value'] = 'Example Value';
$this->data['field_prefix'] = 'prefix';
$this->data['field_suffix'] = 'suffix';
if (!empty($this->data['settings']['field_id'])) {
if (strpos($this->data['settings']['field_id'], '__') !== FALSE) {
$this->data['settings']['field_id'] = substr($this->data['settings']['field_id'], strpos($this->data['settings']['field_id'], '__') + 2);
}
if (!Plugin::$instance->editor->is_edit_mode() && !empty($wdk_listing_id)) {
if (wdk_field_option($this->data['settings']['field_id'], 'field_type') == "CHECKBOX") {
if (wdk_field_value($this->data['settings']['field_id'], $wdk_listing_id) == 1) {
$this->data['field_value'] = '' . $this->generate_icon($this->data['settings']['field_checkbox_icon_success']) . '';
} else {
$this->data['field_value'] = '' . $this->generate_icon($this->data['settings']['field_checkbox_icon_unsuccess']) . '';
}
} else if (wdk_field_option($this->data['settings']['field_id'], 'field_type') == "INPUTBOX") {
// Dynamic field values are registered in the translation catalog separately.
// phpcs:ignore WordPress.WP.I18n.NonSingularStringLiteralText
$this->data['field_value'] = __(wdk_field_value($this->data['settings']['field_id'], $wdk_listing_id, wdk_field_option($this->data['settings']['field_id'], 'empty_value')), 'wpdirectorykit');
if (strpos($this->data['field_value'], 'vimeo.com') !== FALSE) {
$this->data['field_value'] = wp_oembed_get($this->data['field_value'], array("width" => "800", "height" => "450"));
} elseif (strpos($this->data['field_value'], 'watch?v=') !== FALSE) {
$embed_code = substr($this->data['field_value'], strpos($this->data['field_value'], 'watch?v=') + 8);
$this->data['field_value'] = wp_oembed_get('https://www.youtube.com/watch?v=' . $embed_code, array("width" => "800", "height" => "455"));
} elseif (strpos($this->data['field_value'], 'youtube.com/shorts/') !== FALSE) {
$embed_code = substr($this->data['field_value'], strpos($this->data['field_value'], 'shorts') + 7);
$this->data['field_value'] = wp_oembed_get('https://www.youtube.com/watch?v=' . $embed_code, array("width" => "800", "height" => "455"));
} elseif (strpos($this->data['field_value'], 'youtu.be/') !== FALSE) {
$embed_code = substr($this->data['field_value'], strpos($this->data['field_value'], 'youtu.be/') + 9);
$this->data['field_value'] = wp_oembed_get('https://www.youtube.com/watch?v=' . $embed_code, array("width" => "800", "height" => "455"));
} elseif (filter_var($this->data['field_value'], FILTER_VALIDATE_URL) !== FALSE && preg_match('/\.(mp4|flv|wmw|ogv|webm|ogg)$/i', $this->data['field_value'])) {
$this->data['field_value'] = ' ';
} elseif (filter_var($this->data['field_value'], FILTER_VALIDATE_EMAIL) !== FALSE) {
if (wmvc_show_data('link_value', $this->data['settings']) == 'value') {
$this->data['field_value'] = '' . $this->data['field_value'] . '';
} else if (wmvc_show_data('link_value', $this->data['settings']) == 'label') {
$this->data['field_value'] = '' . wdk_field_label($this->data['settings']['field_id']) . '';
} else if (wmvc_show_data('link_value', $this->data['settings']) == 'icon' && wdk_field_option($this->data['settings']['field_id'], 'icon_id')) {
$this->data['field_value'] = '), 'full', NULL, 'icon_id')) . ')
';
} else {
$this->data['field_value'] = '' . wdk_field_label($this->data['settings']['field_id']) . '';
}
} elseif (filter_var($this->data['field_value'], FILTER_VALIDATE_URL) !== FALSE) {
if (wmvc_show_data('link_value', $this->data['settings']) == 'value') {
$this->data['field_value'] = '' . $this->data['field_value'] . '';
} else if (wmvc_show_data('link_value', $this->data['settings']) == 'label') {
$this->data['field_value'] = '' . wdk_field_label($this->data['settings']['field_id']) . '';
} else if (wmvc_show_data('link_value', $this->data['settings']) == 'icon' && wdk_field_option($this->data['settings']['field_id'], 'icon_id')) {
$this->data['field_value'] = '';
} else {
$this->data['field_value'] = '' . wdk_field_label($this->data['settings']['field_id']) . '';
}
} elseif (wdk_field_option(wmvc_show_data('idfield', $this->data['settings']['field_id']), 'validation') == 'is_phone') {
$this->data['field_value'] = '' . $this->_generate_label() . '';
} elseif (wdk_field_option(wmvc_show_data('idfield', $this->data['settings']['field_id']), 'validation') == 'is_phone|wdk_viber') {
$this->data['field_value'] = '' . $this->_generate_label() . '';
} elseif (wdk_field_option(wmvc_show_data('idfield', $this->data['settings']['field_id']), 'validation') == 'is_phone|wdk_whatsapp') {
$this->data['field_value'] = '' . $this->_generate_label() . '';
}
} elseif ($this->data['settings']['field_id'] == 'category_id') {
if (wdk_field_value($this->data['settings']['field_id'], $wdk_listing_id)) {
$this->WMVC->model('category_m');
$tree_data = $this->WMVC->category_m->get(wdk_field_value($this->data['settings']['field_id'], $wdk_listing_id), TRUE);
$this->data['field_value'] = wmvc_show_data('category_title', $tree_data);
if (get_option('wdk_multi_categories_other_enable', FALSE))
if (wdk_field_value('categories_list', $wdk_listing_id)) {
$other_categories = wdk_generate_other_categories_fast(wdk_field_value('categories_list', $wdk_listing_id));
if (!empty($other_categories))
$this->data['field_value'] .= ', ' . join(', ', $other_categories);
}
// Dynamic field values are registered in the translation catalog separately.
// phpcs:ignore WordPress.WP.I18n.NonSingularStringLiteralText
$this->data['field_value'] = __($this->data['field_value'], 'wpdirectorykit');
}
} elseif ($this->data['settings']['field_id'] == 'location_id') {
if (wdk_field_value($this->data['settings']['field_id'], $wdk_listing_id)) {
$this->WMVC->model('location_m');
$tree_data = $this->WMVC->location_m->get(wdk_field_value($this->data['settings']['field_id'], $wdk_listing_id), TRUE);
$this->data['field_value'] = wmvc_show_data('location_title', $tree_data);
if (get_option('wdk_multi_locations_other_enable', FALSE))
if (wdk_field_value('locations_list', $wdk_listing_id)) {
$other_locations = wdk_generate_other_locations_fast(wdk_field_value('locations_list', $wdk_listing_id));
if (!empty($other_locations))
$this->data['field_value'] .= ', ' . join(', ', $other_locations);
}
// Dynamic field values are registered in the translation catalog separately.
// phpcs:ignore WordPress.WP.I18n.NonSingularStringLiteralText
$this->data['field_value'] = __($this->data['field_value'], 'wpdirectorykit');
}
} elseif (wdk_field_option($this->data['settings']['field_id'], 'field_type') == "DATE") {
// Dynamic field values are registered in the translation catalog separately.
// phpcs:ignore WordPress.WP.I18n.NonSingularStringLiteralText
$this->data['field_value'] = __(wdk_get_date(wdk_field_value($this->data['settings']['field_id'], $wdk_listing_id)), 'wpdirectorykit');
} elseif (strpos($this->data['settings']['field_id'], 'date') !== FALSE) {
// Dynamic field values are registered in the translation catalog separately.
// phpcs:ignore WordPress.WP.I18n.NonSingularStringLiteralText
$this->data['field_value'] = __(wdk_get_date(wdk_field_value($this->data['settings']['field_id'], $wdk_listing_id)), 'wpdirectorykit');
} elseif (
wdk_field_option($this->data['settings']['field_id'], 'field_type') == "TEXTAREA" ||
$this->data['settings']['field_id'] == 'post_content'
) {
global $wp_embed;
// Dynamic field values are registered in the translation catalog separately.
// phpcs:ignore WordPress.WP.I18n.NonSingularStringLiteralText
$this->data['field_value'] = wpautop(__(wdk_field_value($this->data['settings']['field_id'], $wdk_listing_id), 'wpdirectorykit'));
$this->data['field_value'] = html_entity_decode($wp_embed->autoembed($this->data['field_value']));
} elseif (
wdk_field_option($this->data['settings']['field_id'], 'field_type') == "FILEUPLOAD"
) {
$this->data['field_value'] = wdk_field_value($this->data['settings']['field_id'], $wdk_listing_id);
$this->data['field_value'] = wdk_files_data($this->data['field_value'], 'full');
wp_enqueue_style('wdk-field-files');
wp_enqueue_style('blueimp-gallery');
wp_enqueue_script('blueimp-gallery');
wp_enqueue_script('wdk-blueimp-gallery');
} else {
// Dynamic field values are registered in the translation catalog separately.
// phpcs:ignore WordPress.WP.I18n.NonSingularStringLiteralText
$this->data['field_value'] = __(wdk_field_value($this->data['settings']['field_id'], $wdk_listing_id, wdk_field_option($this->data['settings']['field_id'], 'empty_value')), 'wpdirectorykit');
}
} else {
if (wdk_field_option($this->data['settings']['field_id'], 'field_type') == "CHECKBOX") {
$this->data['field_value'] = '' . $this->generate_icon($this->data['settings']['field_checkbox_icon_success']) . '';
} elseif ($this->data['settings']['field_id'] == 'post_title') {
$this->data['field_value'] = esc_html__('Example', 'wpdirectorykit') . ' ' . esc_html__('Title', 'wpdirectorykit');
} elseif ($this->data['settings']['field_id'] == 'address') {
$this->data['field_value'] = esc_html__('Example', 'wpdirectorykit') . ' ' . esc_html__('Address', 'wpdirectorykit');
} elseif ($this->data['settings']['field_id'] == 'post_content') {
$this->data['field_value'] = esc_html__('Example', 'wpdirectorykit') . ' ' . esc_html__('Content', 'wpdirectorykit');
} elseif ($this->data['settings']['field_id'] == 'post_title') {
$this->data['field_value'] = esc_html__('Example', 'wpdirectorykit') . ' ' . esc_html__('Title', 'wpdirectorykit');
} elseif ($this->data['settings']['field_id'] == 'counter_views') {
$this->data['field_label'] = esc_html__('Example', 'wpdirectorykit') . ' ' . esc_html__('Views counter', 'wpdirectorykit');
} elseif (wdk_field_option($this->data['settings']['field_id'], 'field_type') == 'FILEUPLOAD') {
$this->data['field_value'] = array_fill(0, 6, wdk_placeholder_image_src());
} else {
$this->data['field_value'] = esc_html__('Example', 'wpdirectorykit') . ' ' . wdk_field_label($this->data['settings']['field_id']);
}
}
$this->data['field_prefix'] = wdk_field_option($this->data['settings']['field_id'], 'prefix');
$this->data['field_suffix'] = wdk_field_option($this->data['settings']['field_id'], 'suffix');
}
$this->data['is_edit_mode'] = false;
if (Plugin::$instance->editor->is_edit_mode() || empty($wdk_listing_id)) {
$this->data['is_edit_mode'] = true;
if (is_intval($this->data['settings']['field_id']) && wdk_field_option($this->data['settings']['field_id'], 'is_visible_frontend') != 1) {
$this->data['field_value'] .= ' ';
}
} else {
if (is_intval($this->data['settings']['field_id']) && wdk_field_option($this->data['settings']['field_id'], 'is_visible_frontend') != 1) {
return false;
}
if (wdk_field_value('category_id', $wdk_listing_id) && wdk_depend_is_hidden_field($this->data['settings']['field_id'], wdk_field_value('category_id', $wdk_listing_id))) {
return false;
}
/* return false if no content */
if ($this->data['settings']['hide_onempty'] == 'yes' && wdk_field_value($this->data['settings']['field_id'], $wdk_listing_id) == '')
return false;
$this->data['field_prefix'] = apply_filters('wpdirectorykit/listing/field/prefix', $this->data['field_prefix'], $this->data['settings']['field_id']);
$this->data['field_suffix'] = apply_filters('wpdirectorykit/listing/field/suffix', $this->data['field_suffix'], $this->data['settings']['field_id']);
/* price format implement */
if (function_exists('run_wdk_currency_conversion') && wdk_currencies_is_price_field($this->data['settings']['field_id'])) {
/* if currency_conversion and field is price */
$value = wp_strip_all_tags(apply_filters('wpdirectorykit/listing/field/value', wdk_filter_decimal($this->data['field_value']), $this->data['settings']['field_id'], FALSE));
$this->data['field_value'] = esc_html(wdk_number_format_i18n($value));
} elseif (wdk_field_option($this->data['settings']['field_id'], 'is_price_format') && wdk_field_option($this->data['settings']['field_id'], 'field_type') == 'NUMBER' && !empty($this->data['field_value'])) {
/* if field enabled is_price_format and field type is number*/
$value = wp_strip_all_tags(apply_filters('wpdirectorykit/listing/field/value', wdk_filter_decimal($this->data['field_value']), $this->data['settings']['field_id'], FALSE));
$this->data['field_value'] = esc_html(wdk_number_format_i18n($value));
} else {
/* without number format */
$this->data['field_value'] = apply_filters('wpdirectorykit/listing/field/value', $this->data['field_value'], $this->data['settings']['field_id']);
}
}
$this->view('wdk-field-value', $this->data, true);
}
private function _generate_label()
{
if (wmvc_show_data('link_value', $this->data['settings']) == 'value') {
return $this->data['field_value'];
} else if (wmvc_show_data('link_value', $this->data['settings']) == 'label') {
return wdk_field_label($this->data['settings']['field_id']);
} else if (wmvc_show_data('link_value', $this->data['settings']) == 'icon' && wdk_field_option($this->data['settings']['field_id'], 'icon_id')) {
return '';
} else {
return wdk_field_label($this->data['settings']['field_id']);
}
}
private function generate_controls_conf()
{
$this->start_controls_section(
'tab_conf_main_section',
[
'label' => esc_html__('Main', 'wpdirectorykit'),
'tab' => '1',
]
);
$this->add_control(
'html_tag',
[
'label' => __('HTML Tag', 'wpdirectorykit'),
'type' => \Elementor\Controls_Manager::SELECT,
'default' => 'span',
'options' => array(
'' => __('Default', 'wpdirectorykit'),
'h1' => 'H1',
'h2' => 'H2',
'h3' => 'H3',
'h4' => 'H4',
'h5' => 'H5',
'h6' => 'H6',
'span' => 'span',
'address' => 'address',
'strong' => 'strong',
'div' => 'div',
'p' => 'p',
'q' => 'q',
'time' => 'time',
),
]
);
$fields_data = wdk_cached_field_get();
$fields_list = array('' => esc_html__('Not Selected', 'wpdirectorykit'));
$fields_number_types = array();
$fields_list['section'] = esc_html__('-- Section Custom fields --', 'wpdirectorykit');
$fields_list['idlisting'] = esc_html__('Id listing', 'wpdirectorykit');
$fields_list['post_id'] = esc_html__('Post Id', 'wpdirectorykit');
$fields_list['counter_views'] = esc_html__('Views counter', 'wpdirectorykit');
$fields_list['lat'] = esc_html__('Gps Lat', 'wpdirectorykit');
$fields_list['lng'] = esc_html__('Gps Lng', 'wpdirectorykit');
$fields_list['date'] = esc_html__('Date', 'wpdirectorykit');
$fields_list['date_modified'] = esc_html__('Date Modified', 'wpdirectorykit');
$fields_list['post_title'] = esc_html__('WP Title', 'wpdirectorykit');
$fields_list['post_content'] = esc_html__('WP Content', 'wpdirectorykit');
$fields_list['address'] = esc_html__('Address', 'wpdirectorykit');
$fields_list['category_id'] = esc_html__('Category', 'wpdirectorykit');
$fields_list['location_id'] = esc_html__('Location', 'wpdirectorykit');
foreach ($fields_data as $field) {
if (wmvc_show_data('field_type', $field) == 'SECTION') {
$fields_list['section__' . wmvc_show_data('idfield', $field)] = '-- ' . esc_html__('Section', 'wpdirectorykit') . ' ' . wmvc_show_data('field_label', $field) . ' --';
} else {
$fields_list[wmvc_show_data('idfield', $field)] = '#' . wmvc_show_data('idfield', $field) . ' ' . wmvc_show_data('field_label', $field) . '[' . wmvc_show_data('field_type', $field) . ']';
if (wmvc_show_data('field_type', $field) == 'FILEUPLOAD') {
$this->fields_list_files[] = wmvc_show_data('idfield', $field);
}
}
if (wmvc_show_data('field_type', $field) == 'NUMBER') {
$fields_number_types[] = wmvc_show_data('idfield', $field);
}
}
// build raw_options preserving order
$raw = [];
foreach ( $fields_list as $k => $v ) {
$raw[] = [
'value' => (string) $k,
'label' => $v,
];
}
$this->add_control(
'field_id',
[
'label' => __('Field id', 'wpdirectorykit'),
'type' => \Wdk\Includes\Controls\Wdk_Field_Selector::INIT,
'default' => '',
'options' => $fields_list,
'raw_options' => $raw,
'separator' => 'after',
]
);
$this->add_control(
'hide_onempty',
[
'label' => __('Hide if empty', 'wpdirectorykit'),
'type' => \Elementor\Controls_Manager::SWITCHER,
'label_on' => __('True', 'wpdirectorykit'),
'label_off' => __('False', 'wpdirectorykit'),
'return_value' => 'yes',
'default' => '',
]
);
$this->add_control(
'link_value',
[
'label' => esc_html__('in case of link detected', 'wpdirectorykit'),
'type' => Controls_Manager::SELECT,
'options' => [
'' => esc_html__('Default', 'wpdirectorykit'),
'value' => esc_html__('show value', 'wpdirectorykit'),
'label' => esc_html__('show field label', 'wpdirectorykit'),
'icon' => esc_html__('show field icon', 'wpdirectorykit'),
],
]
);
$this->add_control(
'show_like_stars',
[
'label' => __('Show like stars', 'wpdirectorykit'),
'type' => \Elementor\Controls_Manager::SWITCHER,
'label_on' => __('On', 'wpdirectorykit'),
'label_off' => __('Off', 'wpdirectorykit'),
'return_value' => 'yes',
'default' => '',
'description' => esc_html__('Numeric values required', 'wpdirectorykit'),
'condition' => [
'field_id' => $fields_number_types,
],
]
);
$this->add_control(
'max_stars',
[
'label' => __('Max Stars', 'wpdirectorykit'),
'type' => \Elementor\Controls_Manager::NUMBER,
'min' => 1,
'max' => 10,
'step' => 1,
'default' => 5,
'condition' => [
'show_like_stars' => 'yes',
],
'description' => esc_html__('Set the maximum number of stars to display.', 'wpdirectorykit'),
]
);
$this->end_controls_section();
}
private function generate_controls_layout() {}
private function generate_controls_styles()
{
$items = [
[
'key' => 'field_value',
'label' => esc_html__('Field Value', 'wpdirectorykit'),
'selector' => '{{WRAPPER}} .wdk-field-value .value, {{WRAPPER}} .wdk-field-value .value p',
'selector_hover' => '{{WRAPPER}} .wdk-field-value .value%1$s, {{WRAPPER}} .wdk-field-value .value%1$s p, .wdk-listings-results .hover_link:hover {{WRAPPER}} .wdk-field-value .value, .wdk-listings-results .hover_link:hover {{WRAPPER}} .wdk-field-value .value p',
'options' => 'full',
],
[
'key' => 'field_prefix',
'label' => esc_html__('Field Prefix', 'wpdirectorykit'),
'selector' => '{{WRAPPER}} .wdk-field-value .prefix',
'selector_hover' => '{{WRAPPER}} .wdk-field-value .prefix%1$s, .wdk-listings-results .hover_link:hover {{WRAPPER}} .wdk-field-value .prefix',
'options' => 'full',
],
[
'key' => 'field_suffix',
'label' => esc_html__('Field Suffix', 'wpdirectorykit'),
'selector' => '{{WRAPPER}} .wdk-field-value .suffix',
'selector_hover' => '{{WRAPPER}} .wdk-field-value .suffix%1$s, .wdk-listings-results .hover_link:hover {{WRAPPER}} .wdk-field-value .suffix',
'options' => 'full',
]
];
foreach ($items as $item) {
$this->start_controls_section(
$item['key'] . '_section',
[
'label' => $item['label'],
'tab' => 'tab_layout',
'conditions' => [
'terms' => [
[
'name' => 'field_id',
'operator' => '!in',
'value' => $this->fields_list_files,
],
[
'name' => 'show_like_stars',
'operator' => '!=',
'value' => 'yes',
],
],
],
]
);
if ($item['key'] == 'field_value') {
$selectors = array(
'normal' => '{{WRAPPER}} .wdk-field-value',
);
$this->generate_renders_tabs($selectors, $item['key'] . '_dynamic_align', ['align']);
}
$selectors = array();
if (!empty($item['selector']))
$selectors['normal'] = $item['selector'];
if (!empty($item['selector_hover']))
$selectors['hover'] = $item['selector_hover'];
if (!empty($item['selector_focus']))
$selectors['focus'] = $item['selector_hover'];
$this->generate_renders_tabs($selectors, $item['key'] . '_dynamic', $item['options'], ['align']);
$this->end_controls_section();
/* END special for some elements */
}
$this->start_controls_section(
'field_checkbox_icon',
[
'label' => esc_html__('Checkbox', 'wpdirectorykit'),
'tab' => Controls_Manager::TAB_STYLE,
'conditions' => [
'terms' => [
[
'name' => 'field_id',
'operator' => '!in',
'value' => $this->fields_list_files,
],
[
'name' => 'show_like_stars',
'operator' => '!=',
'value' => 'yes',
],
],
],
]
);
$this->add_responsive_control(
'field_checkbox_icon_success_header',
[
'label' => esc_html__('Success checkbox', 'wpdirectorykit'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'field_checkbox_icon_success',
[
'label' => esc_html__('Icon', 'wpdirectorykit'),
'type' => Controls_Manager::ICONS,
'label_block' => true,
'default' => [
'value' => 'fa fa-check',
'library' => 'solid',
],
]
);
$selectors = array(
'normal' => '{{WRAPPER}} .field_checkbox_success',
);
$this->generate_renders_tabs($selectors, 'field_checkbox_icon_success_dynamic', 'full');
$this->add_responsive_control(
'field_checkbox_icon_unsuccess_header',
[
'label' => esc_html__('Unsuccess checkbox', 'wpdirectorykit'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'field_checkbox_icon_unsuccess',
[
'label' => esc_html__('Icon', 'wpdirectorykit'),
'type' => Controls_Manager::ICONS,
'label_block' => true,
'default' => [
'value' => 'fa fa-close',
'library' => 'solid',
],
]
);
$selectors = array(
'normal' => '{{WRAPPER}} .field_checkbox_unsuccess',
);
$this->generate_renders_tabs($selectors, 'field_checkbox_icon_unsuccess_dynamic', 'full');
$this->end_controls_section();
/* Stars */
$this->start_controls_section(
'field_star_icon',
[
'label' => esc_html__('Stars Options', 'wpdirectorykit'),
'tab' => Controls_Manager::TAB_STYLE,
'conditions' => [
'terms' => [
[
'name' => 'show_like_stars',
'value' => 'yes',
],
],
],
]
);
$this->add_responsive_control(
'active_star_icon_header',
[
'label' => esc_html__('Active Star Icon', 'wpdirectorykit'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'active_star_icon',
[
'label' => esc_html__('Icon', 'wpdirectorykit'),
'type' => Controls_Manager::ICONS,
'label_block' => true,
'default' => [
'value' => 'fas fa-star',
'library' => 'solid',
],
]
);
$selectors = array(
'normal' => '{{WRAPPER}} .wdk-field-value-stars-lst .star-active',
);
$this->generate_renders_tabs($selectors, 'active_star_icon_dynamic', ['color']);
$this->add_responsive_control(
'inactive_star_icon_header',
[
'label' => esc_html__('Inactive Star Icon', 'wpdirectorykit'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'inactive_star_icon',
[
'label' => esc_html__('Icon', 'wpdirectorykit'),
'type' => Controls_Manager::ICONS,
'label_block' => true,
'default' => [
'value' => 'far fa-star',
'library' => 'solid',
],
]
);
$selectors = array(
'normal' => '{{WRAPPER}} .wdk-field-value-stars-lst .innactive',
);
$this->generate_renders_tabs($selectors, 'inactive_star_icon_dynamic', ['color']);
$this->add_responsive_control(
'star_icon_header',
[
'label' => esc_html__('Global Options', 'wpdirectorykit'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_responsive_control(
'star_icon_size',
[
'label' => esc_html__('Star Icon Size', 'wpdirectorykit'),
'type' => \Elementor\Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em', 'rem' ],
'range' => [
'px' => [
'min' => 8,
'max' => 64,
],
'em' => [
'min' => 0.5,
'max' => 4,
],
'rem' => [
'min' => 0.5,
'max' => 4,
],
],
'selectors' => [
'{{WRAPPER}} .wdk-field-value-stars-lst i, {{WRAPPER}} .wdk-field-value-stars-lst svg' => 'font-size: {{SIZE}}{{UNIT}};',
'{{WRAPPER}} .wdk-field-value-stars-lst img' => 'width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};',
],
]
);
// Add gap between stars
$this->add_responsive_control(
'stars_gap',
[
'label' => esc_html__('Stars Gap', 'wpdirectorykit'),
'type' => \Elementor\Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em', '%' ],
'range' => [
'px' => [
'min' => 0,
'max' => 50,
],
'em' => [
'min' => 0,
'max' => 5,
],
'%' => [
'min' => 0,
'max' => 20,
],
],
'selectors' => [
'{{WRAPPER}} .wdk-field-value-stars-lst' => 'gap: {{SIZE}}{{UNIT}};',
],
]
);
// Add alignment control for stars using flexbox
$this->add_responsive_control(
'stars_alignment',
[
'label' => esc_html__('Stars Alignment', 'wpdirectorykit'),
'type' => \Elementor\Controls_Manager::CHOOSE,
'options' => [
'flex-start' => [
'title' => esc_html__('Left', 'wpdirectorykit'),
'icon' => 'eicon-text-align-left',
],
'center' => [
'title' => esc_html__('Center', 'wpdirectorykit'),
'icon' => 'eicon-text-align-center',
],
'flex-end' => [
'title' => esc_html__('Right', 'wpdirectorykit'),
'icon' => 'eicon-text-align-right',
],
],
'default' => 'flex-start',
'selectors' => [
'{{WRAPPER}} .wdk-field-value-stars-lst' => 'justify-content: {{VALUE}};',
],
]
);
$this->end_controls_section();
}
private function generate_controls_styles_files()
{
$this->start_controls_section(
'files_styles_thmbn_section',
[
'label' => esc_html__('Main', 'wpdirectorykit'),
'tab' => Controls_Manager::TAB_STYLE,
'conditions' => [
'terms' => [
[
'name' => 'field_id',
'operator' => 'in',
'value' => $this->fields_list_files,
]
],
],
]
);
$this->add_responsive_control(
'files_row_gap_col',
[
'label' => __('Columns', 'wpdirectorykit'),
'type' => Controls_Manager::SELECT,
'options' => [
'' => esc_html__('Default', 'wpdirectorykit'),
'auto' => esc_html__('Auto', 'wpdirectorykit'),
'100%' => '1',
'50%' => '2',
'calc(100% / 3)' => '3',
'25%' => '4',
'20%' => '5',
'auto_flexible' => 'auto flexible',
],
'selectors_dictionary' => [
'auto' => 'width:auto;-webkit-flex:0 0 auto;flex:0 0 auto',
'100%' => 'width:100%;-webkit-flex:0 0 100%;flex:0 0 100%',
'50%' => 'width:50%;-webkit-flex:0 0 50%;flex:0 0 50%',
'calc(100% / 3)' => 'width:calc(100% / 3);-webkit-flex:0 0 calc(100% / 3);flex:0 0 calc(100% / 3)',
'25%' => 'width:25%;-webkit-flex:0 0 25%;flex:0 0 25%',
'20%' => 'width:20%;-webkit-flex:0 0 20%;flex:0 0 20%',
'auto' => 'width:auto;-webkit-flex:0 0 auto;flex:0 0 auto',
'auto_flexible' => 'width:auto;-webkit-flex:1 2 auto;flex:1 2 auto',
],
'selectors' => [
'{{WRAPPER}} .wdk-row .wdk-col' => '{{UNIT}}',
],
'default' => 'calc(100% / 3)',
'separator' => 'before',
]
);
$this->add_responsive_control(
'files_column_gap',
[
'label' => esc_html__('Columns Gap', 'wpdirectorykit'),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 10,
],
'range' => [
'px' => [
'min' => 0,
'max' => 60,
],
],
'selectors' => [
'{{WRAPPER}} .wdk-row .wdk-col' => 'padding-left: {{SIZE}}{{UNIT}};padding-right: {{SIZE}}{{UNIT}};;',
'{{WRAPPER}} .wdk-row' => 'margin-left: -{{SIZE}}{{UNIT}};margin-right: -{{SIZE}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'files_row_gap',
[
'label' => esc_html__('Rows Gap', 'wpdirectorykit'),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 0,
'max' => 60,
],
],
'selectors' => [
'{{WRAPPER}} .wdk-row .wdk-col' => 'margin-bottom: {{SIZE}}{{UNIT}};',
'{{WRAPPER}} .wdk-row' => 'margin-bottom: -{{SIZE}}{{UNIT}};',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'files_styles_thmbn_type',
[
'label' => esc_html__('Thumbnail', 'wpdirectorykit'),
'tab' => Controls_Manager::TAB_STYLE,
'conditions' => [
'terms' => [
[
'name' => 'field_id',
'operator' => 'in',
'value' => $this->fields_list_files,
]
],
],
]
);
$this->add_control(
'files_layout_image_design',
[
'label' => __('Size style thumbnail', 'wpdirectorykit'),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'' => __('None', 'wpdirectorykit'),
'contain' => __('Contain', 'wpdirectorykit'),
'cover' => __('Cover', 'wpdirectorykit'),
],
'selectors' => [
'{{WRAPPER}} .wdk-field-files .wdk-listing-image' => 'object-fit: {{VALUE}}',
],
]
);
$selectors = array(
'normal' => '{{WRAPPER}} .wdk-field-files .wdk-listing-image',
);
$this->generate_renders_tabs($selectors, 'files_layout_image_dynamic', ['margin', 'padding', 'background', 'border', 'border_radius', 'css_filters', 'shadow', 'transition']);
$this->add_control(
'files_enable_fixed_height',
[
'label' => __('Fixed Height', 'wpdirectorykit'),
'type' => \Elementor\Controls_Manager::SWITCHER,
'label_on' => __('True', 'wpdirectorykit'),
'label_off' => __('False', 'wpdirectorykit'),
'return_value' => 'yes',
'default' => 'yes',
]
);
$this->add_responsive_control(
'files_styles_thmbn_des_height',
[
'label' => esc_html__('Height', 'wpdirectorykit'),
'type' => Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 100,
'max' => 1500,
],
'vw' => [
'min' => 0,
'max' => 100,
],
],
'size_units' => ['px', 'em', 'vw', '%', 'custom'],
'selectors' => [
'{{WRAPPER}} .wdk-field-files .wdk-listing-image' => 'height: {{SIZE}}{{UNIT}}',
],
'separator' => 'after',
'conditions' => [
'terms' => [
[
'name' => 'files_enable_fixed_height',
'operator' => '==',
'value' => 'yes',
]
],
],
]
);
$this->end_controls_section();
$items = [
[
'key' => 'image',
'label' => esc_html__('Image', 'wpdirectorykit'),
'selector' => '{{WRAPPER}} .wdk-field-files .wdk-listing-image-card .wdk-listing-image',
'selector_hover' => '{{WRAPPER}} .wdk-field-files .wdk-listing-image-card%1$s .wdk-listing-image',
'options' => ['margin', 'background', 'border', 'border_radius', 'padding', 'shadow', 'transition', 'css_filters'],
],
];
foreach ($items as $item) {
$this->start_controls_section(
'files_' . $item['key'] . '_section',
[
'label' => $item['label'],
'tab' => Controls_Manager::TAB_STYLE,
'conditions' => [
'terms' => [
[
'name' => 'field_id',
'operator' => 'in',
'value' => $this->fields_list_files,
]
],
],
]
);
if ($item['key'] == 'caption')
$this->add_responsive_control(
'files_' . $item['key'] . '_hide',
[
'label' => esc_html__('Hide Element', 'wpdirectorykit'),
'type' => Controls_Manager::SWITCHER,
'none' => esc_html__('Hide', 'wpdirectorykit'),
'block' => esc_html__('Show', 'wpdirectorykit'),
'return_value' => 'none',
'default' => '',
'selectors' => [
$item['selector'] => 'display: {{VALUE}};',
],
]
);
$selectors = array(
'normal' => $item['selector'],
'hover' => $item['selector_hover'],
);
$this->generate_renders_tabs($selectors, $item['key'] . '_dynamic', $item['options']);
$this->end_controls_section();
}
/* files */
if (true) {
$this->start_controls_section(
'files_files_section',
[
'label' => esc_html__('Files List', 'wpdirectorykit'),
'tab' => Controls_Manager::TAB_STYLE,
'conditions' => [
'terms' => [
[
'name' => 'field_id',
'operator' => 'in',
'value' => $this->fields_list_files,
]
],
],
]
);
$this->add_responsive_control(
'files_files_section_hide',
[
'label' => esc_html__('Hide Element', 'wpdirectorykit'),
'type' => Controls_Manager::SWITCHER,
'none' => esc_html__('Hide', 'wpdirectorykit'),
'block' => esc_html__('Show', 'wpdirectorykit'),
'return_value' => 'yes',
'default' => '',
]
);
$this->add_control(
'files_files_section_box_header',
[
'label' => __('Container', 'wpdirectorykit'),
'type' => \Elementor\Controls_Manager::HEADING,
]
);
$selectors = array(
'normal' => '{{WRAPPER}} .wdk-field-files .files-row ul.files',
);
$this->generate_renders_tabs($selectors, 'files_section_bo_dynamic', ['background', 'border', 'border_radius', 'padding', 'margin', 'shadow', 'transition']);
$this->add_control(
'files_section_li',
[
'label' => __('List Items', 'wpdirectorykit'),
'type' => \Elementor\Controls_Manager::HEADING,
]
);
$this->add_control(
'files_section_li_hr',
[
'type' => \Elementor\Controls_Manager::DIVIDER,
]
);
$this->add_control(
'files_section_space',
[
'label' => __('Vertical Space', 'wpdirectorykit'),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px'],
'range' => [
'px' => [
'min' => 0,
'max' => 250,
'step' => 1,
],
],
'selectors' => [
'{{WRAPPER}} .wdk-field-files .files-row ul.files li:not(:last-child)' => 'margin-bottom: {{SIZE}}{{UNIT}};',
],
]
);
$selectors = array(
'normal' => '{{WRAPPER}} .wdk-field-files .files-row ul.files li',
);
$this->generate_renders_tabs($selectors, 'files_section_item_dynamic', ['align', 'background', 'border', 'border_radius', 'padding', 'shadow', 'transition']);
$this->add_control(
'files_section_hr',
[
'type' => \Elementor\Controls_Manager::DIVIDER,
]
);
$this->add_control(
'files_section_items',
[
'label' => __('More Styles', 'wpdirectorykit'),
'type' => \Elementor\Controls_Manager::HEADING,
]
);
$items = [
[
'key' => 'files_icon',
'label' => esc_html__('Icon', 'wpdirectorykit'),
'selector' => '{{WRAPPER}} .wdk-field-files .files-row .list-item a .wdk-listing-file-icon',
'selector_hover' => '{{WRAPPER}} .wdk-field-files .files-row .list-item%1$s a .wdk-listing-file-icon',
'options' => ['margin', 'background', 'border', 'border_radius', 'padding', 'shadow', 'transition', 'image_size_control', 'css_filters', 'hover_animation'],
],
[
'key' => 'files_caption',
'label' => esc_html__('Caption', 'wpdirectorykit'),
'selector' => '{{WRAPPER}} .wdk-field-files .files-row .list-item a',
'selector_hover' => '{{WRAPPER}} .wdk-field-files .files-row .list-item a%1$s',
'options' => ['margin', 'align', 'typo', 'color', 'background', 'border', 'border_radius', 'padding', 'shadow', 'transition'],
],
];
foreach ($items as $item) {
$this->add_control(
$item['key'] . '_header',
[
'label' => $item['label'],
'type' => \Elementor\Controls_Manager::HEADING,
]
);
if ($item['key'] == 'files_icon')
$this->add_responsive_control(
$item['key'] . '_hide',
[
'label' => esc_html__('Hide Element', 'wpdirectorykit'),
'type' => Controls_Manager::SWITCHER,
'none' => esc_html__('Hide', 'wpdirectorykit'),
'block' => esc_html__('Show', 'wpdirectorykit'),
'return_value' => 'none',
'default' => '',
'selectors' => [
$item['selector'] => 'display: {{VALUE}};',
],
]
);
$selectors = array(
'normal' => $item['selector'],
'hover' => $item['selector_hover'],
);
$this->generate_renders_tabs($selectors, $item['key'] . '_dynamic', $item['options']);
}
$this->end_controls_section();
}
}
private function generate_controls_content() {}
public function enqueue_styles_scripts() {}
}