__feed_content_controls();
$this->__feed_settings_content_controls();
$this->__settings_content_controls();
}
protected function __feed_content_controls() {
$this->start_controls_section(
'_section_facebook_feed',
[
'label' => __( 'Facebook Feed', 'happy-addons-pro' ),
'tab' => Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'credentials',
[
'label' => __('Credentials from', 'happy-addons-pro'),
'type' => Controls_Manager::SELECT,
'default' => 'custom',
'options' => [
'global' => __('Global', 'happy-addons-pro'),
'custom' => __('Custom', 'happy-addons-pro'),
],
]
);
$this->add_control(
'credentials_set_notice',
[
'raw' => '' . esc_html__('Note!', 'happy-addons-pro') . ' ' . esc_html__('Please set credentials in Happy Addons Dashboard - ', 'happy-addons-pro') . ''. esc_html__('Credentials', 'happy-addons-pro') .'',
'type' => Controls_Manager::RAW_HTML,
'content_classes' => 'elementor-panel-alert elementor-panel-alert-warning',
'render_type' => 'ui',
'condition' => [
'credentials' => 'global',
],
]
);
$this->add_control(
'page_id',
[
'label' => esc_html__('Page ID', 'happy-addons-pro' ),
'type' => Controls_Manager::TEXT,
'label_block' => true,
'description' => 'Get Page ID',
'condition' => [
'credentials' => 'custom',
],
]
);
$this->add_control(
'access_token',
[
'label' => esc_html__('Access Token', 'happy-addons-pro' ),
'type' => Controls_Manager::TEXT,
'label_block' => true,
'description' => 'Get Access Token.',
'condition' => [
'credentials' => 'custom',
],
]
);
$this->end_controls_section();
}
protected function __feed_settings_content_controls() {
$this->start_controls_section(
'_section_facebook_settings',
[
'label' => __('Facebook Feed Settings', 'happy-addons-pro'),
'tab' => Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'sort_by',
[
'label' => __( 'Sort By', 'happy-addons-pro' ),
'type' => Controls_Manager::SELECT,
'default' => 'recent-posts',
'options' => [
'recent-posts' => __( 'Recent Posts', 'happy-addons-pro' ),
'old-posts' => __( 'Old Posts', 'happy-addons-pro' ),
'like_count' => __( 'Like', 'happy-addons-pro' ),
'comment_count' => __( 'Comment', 'happy-addons-pro' ),
],
]
);
$this->add_control(
'post_limit',
[
'label' => __( 'Number of Posts to show', 'happy-addons-pro' ),
'type' => Controls_Manager::NUMBER,
'min' => 0,
'max' => 800,
'step' => 1,
'default' => 6,
'style_transfer' => true,
]
);
$this->add_control(
'remove_cash',
[
'label' => __('Remove Cache', 'happy-addons-pro'),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'yes',
'default' => 'no',
'separator' => 'after',
]
);
$this->add_responsive_control(
'columns',
[
'label' => __('Column Number', 'happy-addons-pro'),
'type' => Controls_Manager::SELECT,
'label_block' => false,
'desktop_default' => '3',
'tablet_default' => '2',
'mobile_default' => '1',
'options' => [
'1' => __( '1 Column', 'happy-addons-pro' ),
'2' => __( '2 Column', 'happy-addons-pro' ),
'3' => __( '3 Column', 'happy-addons-pro' ),
'4' => __( '4 Column', 'happy-addons-pro' ),
],
'selectors' => [
'(desktop){{WRAPPER}} .ha-facebook-items' => 'grid-template-columns: repeat({{VALUE}}, 1fr);',
'(tablet){{WRAPPER}} .ha-facebook-items' => 'grid-template-columns: repeat({{columns_tablet.VALUE || 0}}, 1fr);',
'(mobile){{WRAPPER}} .ha-facebook-items' => 'grid-template-columns: repeat({{columns_mobile.VALUE || 0}}, 1fr);'
]
]
);
$this->add_control(
'show_feature_image',
[
'label' => __('Show Feature Image', 'happy-addons-pro'),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'yes',
'default' => 'no',
'style_transfer' => true,
]
);
$this->add_control(
'show_facebook_logo',
[
'label' => __('Show Facebook Logo', 'happy-addons-pro'),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'yes',
'default' => 'yes',
'style_transfer' => true,
]
);
$this->add_control(
'show_user_image',
[
'label' => __('Show Profile image', 'happy-addons-pro'),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'yes',
'default' => 'yes',
]
);
$this->add_control(
'show_name',
[
'label' => __('Show Name', 'happy-addons-pro'),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'yes',
'default' => 'yes',
]
);
$this->add_control(
'show_date',
[
'label' => __('Show Date', 'happy-addons-pro'),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'yes',
'default' => 'yes',
]
);
$this->add_control(
'show_likes',
[
'label' => __('Show Likes Count', 'happy-addons-pro'),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'yes',
'default' => 'yes',
'style_transfer' => true,
]
);
$this->add_control(
'show_comments',
[
'label' => __('Show Comments Count', 'happy-addons-pro'),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'yes',
'default' => 'yes',
'style_transfer' => true,
]
);
$this->add_control(
'read_more',
[
'label' => __('Read More', 'happy-addons-pro'),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'yes',
'default' => 'yes',
'style_transfer' => true,
]
);
$this->add_control(
'read_more_text',
[
'label' => __('Read More Text', 'happy-addons-pro'),
'type' => Controls_Manager::TEXT,
'default' => 'Read More',
'condition' => [
'read_more' => 'yes',
],
]
);
$this->add_control(
'description_word_count',
[
'label' => __( 'Description Word Count', 'happy-addons-pro' ),
'type' => Controls_Manager::NUMBER,
'min' => 0,
'step' => 1,
'max' => 500,
'default' => 15,
]
);
$this->add_control(
'load_more',
[
'label' => __('Load More Button', 'happy-addons-pro'),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'yes',
'default' => '',
'style_transfer' => true,
]
);
$this->add_control(
'load_more_text',
[
'label' => __('Load More Text', 'happy-addons-pro'),
'type' => Controls_Manager::TEXT,
'default' => 'Load More',
'condition' => [
'load_more' => 'yes',
],
]
);
$this->end_controls_section();
}
protected function __settings_content_controls() {
$this->start_controls_section(
'_section_general_settings',
[
'label' => __('General Settings', 'happy-addons-pro'),
'tab' => Controls_Manager::TAB_CONTENT,
]
);
$this->add_responsive_control(
'alignment',
[
'label' => __( 'Alignment', 'happy-addons-pro' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => __( 'Left', 'happy-addons-pro' ),
'icon' => 'eicon-text-align-left',
],
'center' => [
'title' => __( 'Center', 'happy-addons-pro' ),
'icon' => 'eicon-text-align-center',
],
'right' => [
'title' => __( 'Right', 'happy-addons-pro' ),
'icon' => 'eicon-text-align-right',
]
],
'default' => 'left',
'toggle' => false,
'prefix_class' => 'ha-facebook-',
'selectors' => [
'{{WRAPPER}} .elementor-widget-container' => 'text-align: {{VALUE}};',
'{{WRAPPER}}:not(:has(.elementor-widget-container))' => 'text-align: {{VALUE}}',
]
]
);
$this->add_control(
'like_comment_position',
[
'label' => __( 'Footer Alignment', 'happy-addons-pro' ),
'type' => Controls_Manager::CHOOSE,
'label_block' => false,
'options' => [
'left' => [
'title' => __( 'Left', 'happy-addons-pro' ),
'icon' => 'eicon-text-align-left',
],
'center' => [
'title' => __( 'Center', 'happy-addons-pro' ),
'icon' => 'eicon-text-align-center',
],
'right' => [
'title' => __( 'Right', 'happy-addons-pro' ),
'icon' => 'eicon-text-align-right',
]
],
'prefix_class' => 'ha-facebook-user-',
'selectors_dictionary' => [
'left' => 'justify-content: flex-start',
'center' => 'justify-content: space-around',
'right' => 'justify-content: flex-end',
],
'toggle' => true,
'selectors' => [
'{{WRAPPER}} .ha-facebook-meta' => '{{VALUE}};'
]
]
);
$this->add_responsive_control(
'button_alignment',
[
'label' => __( 'Button Alignment', 'happy-addons-pro' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => __( 'Left', 'happy-addons-pro' ),
'icon' => 'eicon-text-align-left',
],
'center' => [
'title' => __( 'Center', 'happy-addons-pro' ),
'icon' => 'eicon-text-align-center',
],
'right' => [
'title' => __( 'Right', 'happy-addons-pro' ),
'icon' => 'eicon-text-align-right',
]
],
'default' => 'center',
'toggle' => false,
'selectors' => [
'{{WRAPPER}} .ha-facebook-load-more-wrapper' => 'text-align: {{VALUE}};'
]
]
);
$this->add_responsive_control(
'feature_image_position',
[
'label' => __( 'Feature Image Position', 'happy-addons-pro' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'top' => [
'title' => __( 'Top', 'happy-addons-pro' ),
'icon' => 'eicon-arrow-up',
],
'bottom' => [
'title' => __( 'Bottom', 'happy-addons-pro' ),
'icon' => 'eicon-arrow-down',
],
],
'default' => 'top',
'toggle' => false,
'prefix_class' => 'ha-facebook-user-',
'selectors_dictionary' => [
'top' => 'flex-direction: column',
'bottom' => 'flex-direction: column-reverse',
],
'selectors' => [
'{{WRAPPER}} .ha-facebook-item' => '{{VALUE}};'
]
]
);
$this->add_control(
'link_target',
[
'label' => __( 'Link Target', 'happy-addons-pro' ),
'type' => Controls_Manager::SELECT,
'options' => [
'_self' => __( 'Open in same window', 'happy-addons-pro' ),
'_blank' => __( 'Open in new window', 'happy-addons-pro' ),
],
'default' => '_blank',
]
);
$this->end_controls_section();
}
/**
* Register widget style controls
*/
protected function register_style_controls() {
$this->__common_style_controls();
$this->__feature_image_style_controls();
$this->__user_info_style_controls();
$this->__content_style_controls();
$this->__footer_button_style_controls();
}
protected function __common_style_controls() {
$this->start_controls_section(
'_section_facebook_style',
[
'label' => __( 'Common', 'happy-addons-pro' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_responsive_control(
'item_spacing',
[
'label' => __( 'Space between Posts', 'happy-addons-pro' ),
'type' => Controls_Manager::SLIDER,
'selectors' => [
'{{WRAPPER}} .ha-facebook-items' => 'grid-gap: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'item_padding',
[
'label' => __( 'Padding', 'happy-addons-pro' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%'],
'selectors' => [
'{{WRAPPER}} .ha-facebook-inner-wrapper' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'items_border',
'selector' => '{{WRAPPER}} .ha-facebook-item',
]
);
$this->add_responsive_control(
'items_border_radius',
[
'label' => __( 'Border Radius', 'happy-addons-pro' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .ha-facebook-item' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
],
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'items_box_shadow',
'selector' => '{{WRAPPER}} .ha-facebook-item'
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
[
'name' => 'item_background',
'types' => [ 'classic', 'gradient' ],
'selector' => '{{WRAPPER}} .ha-facebook-item',
]
);
$this->add_control(
'item_background_overlay',
[
'label' => __( 'Background Overlay', 'happy-addons-pro' ),
'type' => Controls_Manager::COLOR,
'condition' => [
'item_background_background' => 'classic'
],
'selectors' => [
'{{WRAPPER}} .ha-facebook-item:before' => 'background-color: {{VALUE}}',
],
]
);
$this->add_control(
'content_glassy_effect',
[
'label' => __('Content Glassy Effect', 'happy-addons-pro'),
'type' => Controls_Manager::SWITCHER,
'return_value' => 'yes',
'default' => 'no',
'condition' => [
'item_background_background' => 'classic'
],
'prefix_class' => 'ha-facebook-glassy-',
'style_transfer' => true,
]
);
$this->end_controls_section();
}
protected function __feature_image_style_controls() {
$this->start_controls_section(
'_section_facebook_feature_image',
[
'label' => __('Feature Image', 'happy-addons-pro'),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'feature_image_note',
[
'label' => false,
'type' => Controls_Manager::RAW_HTML,
'condition' => [
'show_feature_image' => '',
],
'raw' => __( 'Feature Image is hidden from Facebook Feed Settings section.', 'happy-addons-pro' ),
]
);
$this->add_responsive_control(
'feature_image_width',
[
'label' => __( 'Image Width', 'happy-addons-pro' ),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', '%'],
'range' => [
'px' => [
'min' => 10,
'max' => 400,
],
],
'condition' => [
'show_feature_image' => 'yes'
],
'selectors' => [
'{{WRAPPER}} .ha-facebook-feed-feature-image img' => 'width: {{SIZE}}{{UNIT}}'
],
]
);
$this->add_responsive_control(
'feature_image_height',
[
'label' => __( 'Image Height', 'happy-addons-pro' ),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', '%'],
'range' => [
'px' => [
'min' => 10,
'max' => 400,
],
],
'condition' => [
'show_feature_image' => 'yes'
],
'selectors' => [
'{{WRAPPER}} .ha-facebook-feed-feature-image img' => 'height: {{SIZE}}{{UNIT}};'
],
]
);
$this->add_responsive_control(
'feature_image_padding',
[
'label' => __( 'Padding', 'happy-addons-pro' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'condition' => [
'show_feature_image' => 'yes'
],
'selectors' => [
'{{WRAPPER}} .ha-facebook-feed-feature-image' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
],
]
);
$this->add_responsive_control(
'feature_image_border_radius',
[
'label' => __( 'Border Radius', 'happy-addons-pro' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'condition' => [
'show_feature_image' => 'yes'
],
'selectors' => [
'{{WRAPPER}} .ha-facebook-feed-feature-image img' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
],
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'feature_image_border',
'condition' => [
'show_feature_image' => 'yes'
],
'selector' => '{{WRAPPER}} .ha-facebook-feed-feature-image img',
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'feature_image_box_shadow',
'condition' => [
'show_feature_image' => 'yes'
],
'selector' => '{{WRAPPER}} .ha-facebook-feed-feature-image img'
]
);
$this->end_controls_section();
}
protected function __user_info_style_controls() {
$this->start_controls_section(
'_section_facebook_user_info',
[
'label' => __( 'User Info', 'happy-addons-pro' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_responsive_control(
'user_info_spacing',
[
'label' => __( 'User Info Spacing', 'happy-addons-pro' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .ha-facebook-author' => 'margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
],
]
);
$this->add_control(
'facebook_logo_heading',
[
'label' => __( 'Facebook Icon', 'happy-addons-pro' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before'
]
);
$this->add_control(
'facebook_icon_note',
[
'label' => false,
'type' => Controls_Manager::RAW_HTML,
'condition' => [
'show_facebook_logo' => ''
],
'raw' => __( 'Facebook Icon is hidden from Facebook Feed Settings section.', 'happy-addons-pro' ),
]
);
$this->add_responsive_control(
'facebook_logo_icon_size',
[
'label' => __( 'Size', 'happy-addons-pro' ),
'type' => Controls_Manager::SLIDER,
'condition' => [
'show_facebook_logo' => 'yes'
],
'selectors' => [
'{{WRAPPER}} .ha-facebook-feed-icon i' => 'font-size: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'facebook_logo_icon_color',
[
'label' => __( 'Color', 'happy-addons-pro' ),
'type' => Controls_Manager::COLOR,
'condition' => [
'show_facebook_logo' => 'yes'
],
'selectors' => [
'{{WRAPPER}} .ha-facebook-feed-icon i' => 'color: {{VALUE}}',
],
]
);
$this->add_control(
'profile_image_heading',
[
'label' => __( 'Profile Image', 'happy-addons-pro' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before'
]
);
$this->add_control(
'profile_image_note',
[
'label' => false,
'type' => Controls_Manager::RAW_HTML,
'condition' => [
'show_user_image' => ''
],
'raw' => __( 'Profile Image is hidden from Facebook Feed Settings section.', 'happy-addons-pro' ),
]
);
$this->add_responsive_control(
'profile_image_size',
[
'label' => __( 'Size', 'happy-addons-pro' ),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', '%'],
'condition' => [
'show_user_image' => 'yes'
],
'selectors' => [
'{{WRAPPER}} .ha-facebook-avatar' => 'width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};'
],
]
);
$this->add_responsive_control(
'profile_image_spacing',
[
'label' => __( 'Spacing', 'happy-addons-pro' ),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', '%'],
'condition' => [
'show_user_image' => 'yes'
],
'selectors' => [
'{{WRAPPER}}.ha-facebook-left .ha-facebook-avatar' => 'margin-right: {{SIZE}}{{UNIT}};',
'{{WRAPPER}}.ha-facebook-center .ha-facebook-avatar' => 'margin-bottom: {{SIZE}}{{UNIT}};',
'{{WRAPPER}}.ha-facebook-right .ha-facebook-avatar' => 'margin-left: {{SIZE}}{{UNIT}};'
],
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'profile_image_border',
'selector' => '{{WRAPPER}} .ha-facebook-avatar',
'condition' => [
'show_user_image' => 'yes'
],
]
);
$this->add_control(
'profile_image_border_radius',
[
'label' => __( 'Border Radius', 'happy-addons-pro' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => ['px', '%'],
'selectors' => [
'{{WRAPPER}} .ha-facebook-avatar' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'profile_image_box_shadow',
'selector' => '{{WRAPPER}} .ha-facebook-avatar',
'condition' => [
'show_user_image' => 'yes'
],
]
);
$this->add_control(
'name_heading',
[
'label' => __( 'Name', 'happy-addons-pro' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before'
]
);
$this->add_control(
'name_note',
[
'label' => false,
'type' => Controls_Manager::RAW_HTML,
'condition' => [
'show_name' => '',
],
'raw' => __( 'Name is hidden from Facebook Feed Settings section.', 'happy-addons-pro' ),
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'name_typography',
'label' => __( 'Name Typography', 'happy-addons-pro' ),
'selector' => '{{WRAPPER}} .ha-facebook-author-name',
'global' => [
'default' => Global_Typography::TYPOGRAPHY_TEXT,
],
'condition' => [
'show_name' => 'yes'
],
]
);
$this->start_controls_tabs(
'_tabs_name_username',
[
'condition' => [ 'show_name' => 'yes' ],
]
);
$this->start_controls_tab(
'_tab_name_normal',
[
'label' => __( 'Normal', 'happy-addons-pro' ),
]
);
$this->add_control(
'name_color',
[
'label' => __( 'Name Color', 'happy-addons-pro' ),
'type' => Controls_Manager::COLOR,
'condition' => [
'show_name' => 'yes'
],
'selectors' => [
'{{WRAPPER}} .ha-facebook-author-name' => 'color: {{VALUE}}',
],
]
);
$this->end_controls_tab();
$this->start_controls_tab( 'hover',
[
'label' => __( 'Hover', 'happy-addons-pro' ),
]
);
$this->add_control(
'name_hover_color',
[
'label' => __( 'Name Color', 'happy-addons-pro' ),
'type' => Controls_Manager::COLOR,
'condition' => [
'show_name' => 'yes'
],
'selectors' => [
'{{WRAPPER}} .ha-facebook-author-name:hover' => 'color: {{VALUE}}',
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->add_control(
'date_heading',
[
'label' => __( 'Date', 'happy-addons-pro' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before'
]
);
$this->add_control(
'date_note',
[
'label' => false,
'type' => Controls_Manager::RAW_HTML,
'condition' => [
'show_date' => ''
],
'raw' => __( 'Date is hidden from Facebook Feed Settings section.', 'happy-addons-pro' ),
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'date_typography',
'label' => __( 'Typography', 'happy-addons-pro' ),
'selector' => '{{WRAPPER}} .ha-facebook-date',
'global' => [
'default' => Global_Typography::TYPOGRAPHY_TEXT,
],
'condition' => [
'show_date' => 'yes'
],
]
);
$this->add_control(
'date_color',
[
'label' => __( 'Color', 'happy-addons-pro' ),
'type' => Controls_Manager::COLOR,
'condition' => [
'show_date' => 'yes'
],
'selectors' => [
'{{WRAPPER}} .ha-facebook-date' => 'color: {{VALUE}}',
],
]
);
$this->end_controls_section();
}
protected function __content_style_controls() {
$this->start_controls_section(
'_section_facebook_content',
[
'label' => __('Content', 'happy-addons-pro'),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_responsive_control(
'content_padding',
[
'label' => __( 'Padding', 'happy-addons-pro' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .ha-facebook-content' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
],
]
);
$this->add_control(
'description_heading',
[
'label' => __( 'Description', 'happy-addons-pro' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before'
]
);
$this->add_responsive_control(
'description_spacing',
[
'label' => __( 'Bottom Spacing', 'happy-addons-pro' ),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', '%'],
'selectors' => [
'{{WRAPPER}} .ha-facebook-content p' => 'margin-bottom: {{SIZE}}{{UNIT}};'
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'description_typography',
'label' => __( 'Typography', 'happy-addons-pro' ),
'selector' => '{{WRAPPER}} .ha-facebook-content p',
'global' => [
'default' => Global_Typography::TYPOGRAPHY_TEXT,
],
]
);
$this->add_control(
'description_color',
[
'label' => __( 'Color', 'happy-addons-pro' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .ha-facebook-content p' => 'color: {{VALUE}}',
],
]
);
$this->add_control(
'read_more_heading',
[
'label' => __( 'Read More', 'happy-addons-pro' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before'
]
);
$this->add_control(
'read_more_note',
[
'label' => false,
'type' => Controls_Manager::RAW_HTML,
'condition' => [
'read_more' => ''
],
'raw' => __( 'Read More is hidden from Facebook Feed Settings section.', 'happy-addons-pro' ),
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'read_more_typography',
'label' => __( 'Typography', 'happy-addons-pro' ),
'selector' => '{{WRAPPER}} .ha-facebook-content p a',
'global' => [
'default' => Global_Typography::TYPOGRAPHY_TEXT,
],
'condition' => [
'read_more' => 'yes'
],
]
);
$this->add_control(
'read_more_color',
[
'label' => __( 'Color', 'happy-addons-pro' ),
'type' => Controls_Manager::COLOR,
'condition' => [
'read_more' => 'yes'
],
'selectors' => [
'{{WRAPPER}} .ha-facebook-content p a' => 'color: {{VALUE}}',
],
]
);
$this->add_control(
'read_more_hover_color',
[
'label' => __( 'Hover Color', 'happy-addons-pro' ),
'type' => Controls_Manager::COLOR,
'condition' => [
'read_more' => 'yes'
],
'selectors' => [
'{{WRAPPER}} .ha-facebook-content p a:hover' => 'color: {{VALUE}}',
],
]
);
$this->end_controls_section();
}
protected function __footer_button_style_controls() {
$this->start_controls_section(
'_section_facebook_footer_button',
[
'label' => __( 'Footer & Button', 'happy-addons-pro' ),
'tab' => Controls_Manager::TAB_STYLE,
]
);
$this->add_control(
'footer_padding',
[
'label' => __( 'Padding', 'happy-addons-pro' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'selectors' => [
'{{WRAPPER}} .ha-facebook-footer' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'footer_meta_border',
'selector' => '{{WRAPPER}} .ha-facebook-meta',
]
);
$this->add_control(
'like_comment_note',
[
'label' => false,
'type' => Controls_Manager::RAW_HTML,
'condition' => [
'show_likes' => ''
],
'raw' => __( 'Like & Comment both are hidden from Facebook Feed Settings section.', 'happy-addons-pro' ),
]
);
$this->add_control(
'like_comment_heading',
[
'label' => __( 'Like & Comment', 'happy-addons-pro' ),
'type' => Controls_Manager::HEADING
]
);
$this->add_responsive_control(
'like_comment_spacing',
[
'label' => __( 'Space Between', 'happy-addons-pro' ),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px', '%'],
'condition' => [
'show_likes' => 'yes',
],
'selectors' => [
'{{WRAPPER}} .ha-facebook-likes' => 'margin-right: {{SIZE}}{{UNIT}};'
],
]
);
$this->add_control(
'like_comment_color',
[
'label' => __( 'Color', 'happy-addons-pro' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .ha-facebook-likes' => 'color: {{VALUE}}',
'{{WRAPPER}} .ha-facebook-comments' => 'color: {{VALUE}}',
],
]
);
$this->add_control(
'like_comment_icon_color',
[
'label' => __( 'Icon Color', 'happy-addons-pro' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .ha-facebook-likes i' => 'color: {{VALUE}}',
'{{WRAPPER}} .ha-facebook-comments i' => 'color: {{VALUE}}',
],
]
);
$this->add_control(
'button_heading',
[
'label' => __( 'Load More Button', 'happy-addons-pro' ),
'type' => Controls_Manager::HEADING,
'separator' => 'before'
]
);
$this->add_control(
'button_note',
[
'label' => false,
'type' => Controls_Manager::RAW_HTML,
'condition' => [
'load_more' => ''
],
'raw' => __( 'Button is hidden from Facebook Feed Settings section.', 'happy-addons-pro' ),
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'button_border',
'condition' => [
'load_more' => 'yes'
],
'selector' => '{{WRAPPER}} .ha-facebook-load-more',
]
);
$this->add_responsive_control(
'button_border_radius',
[
'label' => __( 'Border Radius', 'happy-addons-pro' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%' ],
'condition' => [
'load_more' => 'yes'
],
'selectors' => [
'{{WRAPPER}} .ha-facebook-load-more' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};'
],
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'button_box_shadow',
'condition' => [
'load_more' => 'yes'
],
'selector' => '{{WRAPPER}} .ha-facebook-load-more'
]
);
$this->start_controls_tabs(
'_tabs_button',
[
'condition' => [
'load_more' => 'yes'
],
]
);
$this->start_controls_tab(
'_tab_button_normal',
[
'label' => __( 'Normal', 'happy-addons-pro' ),
]
);
$this->add_control(
'button_background_color',
[
'label' => __( 'Background Color', 'happy-addons-pro' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .ha-facebook-load-more' => 'background-color: {{VALUE}};'
],
]
);
$this->add_control(
'button_color',
[
'label' => __( 'Color', 'happy-addons-pro' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .ha-facebook-load-more' => 'color: {{VALUE}};'
],
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'_tab_button_hover',
[
'label' => __( 'Hover', 'happy-addons-pro' ),
]
);
$this->add_control(
'button_background_color_hover',
[
'label' => __('Background Color', 'happy-addons-pro'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .ha-facebook-load-more:hover' => 'background-color: {{VALUE}};'
],
]
);
$this->add_control(
'button_color_hover',
[
'label' => __('Color', 'happy-addons-pro'),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .ha-facebook-load-more:hover' => 'color: {{VALUE}};'
],
]
);
$this->add_control(
'button_border_hover_color',
[
'label' => __('Border Color', 'happy-addons-pro'),
'type' => Controls_Manager::COLOR,
'condition' => [
'button_border_border!' => '',
],
'selectors' => [
'{{WRAPPER}} .ha-facebook-load-more:hover' => 'border-color: {{VALUE}};'
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();
}
protected function render() {
$settings = $this->get_settings_for_display();
?>
facebook_feed_render($this->get_id(), $settings); ?>
$msg) {
printf('%1$s', esc_html($msg));
}
return;
}
$ha_facebook_feed_cash = '_' . $id . '_facebook_cash';
$transient_key = $page_id . $ha_facebook_feed_cash;
$facebook_feed_data = get_transient($transient_key);
$messages = [];
if ( false === $facebook_feed_data ) {
$url_queries = 'fields=status_type,created_time,from,message,story,full_picture,permalink_url,attachments.limit(1){type,media_type,title,description,unshimmed_url},comments.summary(total_count),reactions.summary(total_count)';
$url = "https://graph.facebook.com/v4.0/{$page_id}/posts?{$url_queries}&access_token={$access_token}";
$data = wp_remote_get( $url );
$facebook_feed_data = json_decode( wp_remote_retrieve_body( $data ), true );
set_transient( $transient_key, $facebook_feed_data, 0 );
}
if ( $settings['remove_cash'] == 'yes' ) {
delete_transient( $transient_key );
}
$facebook_feed_data = apply_filters( 'happy_facebook_feed_data', $facebook_feed_data, $transient_key, $access_token, $page_id );
if ( !empty( $facebook_feed_data ) && array_key_exists( 'error', $facebook_feed_data ) ) {
$messages['error'] = $facebook_feed_data['error']['message'];
}
elseif ( $settings['post_limit'] > count( $facebook_feed_data['data'] ) ) {
$messages['post_limit'] = __('The number of posts to show is more than the total post\'s number of facebook page. Please set it less or equal to total post\'s number.', 'happy-addons-pro');
}
if ( !empty( $messages ) ) {
foreach ($messages as $key => $message) {
printf('%1$s
', esc_html( $message ) );
}
return;
}
// echo "";
// var_dump( $settings['post_limit'] );
// var_dump($facebook_feed_data);
// echo "
";
$query_settings = [
'widget_id' => $id,
// 'page_id' => $page_id,
// 'access_token' => $access_token,
'remove_cash' => $settings['remove_cash'],
'sort_by' => $settings['sort_by'],
'post_limit' => $settings['post_limit'],
'show_feature_image' => $settings['show_feature_image'],
'show_facebook_logo' => $settings['show_facebook_logo'],
'show_user_image' => $settings['show_user_image'],
'show_name' => $settings['show_name'],
'show_date' => $settings['show_date'],
'show_likes' => $settings['show_likes'],
'show_comments' => $settings['show_comments'],
'description_word_count' => $settings['description_word_count']
];
$query_settings = json_encode($query_settings, true);
$ha_facebook_feed_access_token_key = '_ha_facebook_feed_access_token_' . $id;
$ha_facebook_feed_access_token_data = get_transient( $ha_facebook_feed_access_token_key );
if ( ! $ha_facebook_feed_access_token_data || $ha_facebook_feed_access_token_data != $access_token ) {
set_transient( $ha_facebook_feed_access_token_key, $access_token, 12 * HOUR_IN_SECONDS );
}
$ha_facebook_feed_page_id_key = '_ha_facebook_feed_page_id_' . $id;
$ha_facebook_feed_page_id_data = get_transient( $ha_facebook_feed_page_id_key );
if ( ! $ha_facebook_feed_page_id_data || $ha_facebook_feed_page_id_data != $page_id ) {
set_transient( $ha_facebook_feed_page_id_key, $page_id, 12 * HOUR_IN_SECONDS );
}
switch ($settings['sort_by']) {
case 'old-posts':
usort($facebook_feed_data['data'], function ($a,$b) {
if ( strtotime($a['created_time']) == strtotime($b['created_time']) ) return 0;
return ( strtotime($a['created_time']) < strtotime($b['created_time']) ? -1 : 1 );
});
break;
case 'like_count':
usort($facebook_feed_data['data'], function ($a,$b){
if ($a['reactions']['summary'] == $b['reactions']['summary']) return 0;
return ($a['reactions']['summary'] > $b['reactions']['summary']) ? -1 : 1 ;
});
break;
case 'comment_count':
usort($facebook_feed_data['data'], function ($a,$b){
if ($a['comments']['summary'] == $b['comments']['summary']) return 0;
return ($a['comments']['summary'] > $b['comments']['summary']) ? -1 : 1 ;
});
break;
default:
$facebook_feed_data;
}
$items = $facebook_feed_data['data'];
if ( !empty( $settings['post_limit'] ) ) {
$items = array_splice($items, 0, $settings['post_limit'] );
}
$link_target = 'target="_blank"';
if ( !empty( $settings['link_target'] ) && '_self' == $settings['link_target'] ) {
$link_target = 'target="_self"';
}
// echo "";
// var_dump($items);
// echo "
";
?>
$settings['description_word_count'] ) {
$description_shorten = array_slice( $description, 0, $settings['description_word_count'] );
$description = implode( ' ', $description_shorten ) . '...';
} else {
$description = !empty($item['message']) ? $item['message'] : '';
}
?>