vb_support = 'on';
$this->name = esc_html__('X (Twitter) Feed', 'addons-for-divi');
$this->slug = 'ba_twitter_feed';
$this->icon_path = $this->dtl_icon_path('twitter');
$this->settings_modal_toggles = array(
'general' => array(
'toggles' => array(
'twitter_feed' => esc_html__('Twitter Feed', 'addons-for-divi'),
'elements' => esc_html__('Elements', 'addons-for-divi'),
'grid_settings' => esc_html__('Grid Settings', 'addons-for-divi'),
),
),
'advanced' => array(
'toggles' => array(
'tweets' => esc_html__('Tweets Box', 'addons-for-divi'),
'user_avatar' => esc_html__('User Avatar', 'addons-for-divi'),
'user_text' => array(
'title' => esc_html__('User Text', 'addons-for-divi'),
'tabbed_subtoggles' => true,
'sub_toggles' => array(
'name' => array(
'name' => esc_html__('Name', 'addons-for-divi'),
),
'username' => array(
'name' => esc_html__('Username', 'addons-for-divi'),
),
),
),
'content' => array(
'title' => esc_html__('Content', 'addons-for-divi'),
'tabbed_subtoggles' => true,
'sub_toggles' => array(
'description' => array(
'name' => esc_html__('Description', 'addons-for-divi'),
),
'read_more' => array(
'name' => esc_html__('Read More', 'addons-for-divi'),
),
'date' => array(
'name' => esc_html__('Date', 'addons-for-divi'),
),
),
),
'footer' => esc_html__('Footer', 'addons-for-divi'),
),
),
);
}
public function get_fields()
{
$fields = array(
// Twitter Feed.
'user_name' => array(
'label' => __('User Name', 'addons-for-divi'),
'type' => 'text',
'default' => '',
'description' => __('Use @ sign with your Twitter user name.', 'addons-for-divi'),
'toggle_slug' => 'twitter_feed',
'computed_affects' => array('__twitterfeed'),
),
'consumer_key' => array(
'label' => __('Consumer Key', 'addons-for-divi'),
'description' => __('.', 'addons-for-divi'),
'type' => 'text',
'default' => '',
'description' => 'Get Consumer Key. Create a new app or select existing app and grab the consumer key.',
'toggle_slug' => 'twitter_feed',
'computed_affects' => array('__twitterfeed'),
),
'consumer_secret' => array(
'label' => __('Consumer Secret', 'addons-for-divi'),
'description' => __('.', 'addons-for-divi'),
'type' => 'text',
'default' => '',
'description' => 'Get Consumer Secret key. Create a new app or select existing app and grab the consumer secret.',
'toggle_slug' => 'twitter_feed',
'computed_affects' => array('__twitterfeed'),
),
// Twitter Settings.
'sort_by' => array(
'label' => __('Sort By', 'addons-for-divi'),
'description' => __('Choose how your feed should be sorted.', 'addons-for-divi'),
'type' => 'select',
'default' => 'recent-posts',
'options' => array(
'recent-posts' => __('Recent Posts', 'addons-for-divi'),
'old-posts' => __('Old Posts', 'addons-for-divi'),
'favorite_count' => __('Favorite', 'addons-for-divi'),
'retweet_count' => __('Retweet', 'addons-for-divi'),
),
'toggle_slug' => 'elements',
'computed_affects' => array('__twitterfeed'),
),
'tweets_limit' => array(
'label' => __('Number of tweets to show', 'addons-for-divi'),
'description' => __('Choose how much posts you would like to display per List.', 'addons-for-divi'),
'type' => 'range',
'default' => '8',
'unitless' => true,
'range_settings' => array(
'step' => 1,
'min' => 3,
'max' => 24,
),
'toggle_slug' => 'elements',
'computed_affects' => array('__twitterfeed'),
),
'show_twitter_icon' => array(
'label' => __('Show Twitter Logo', 'addons-for-divi'),
'description' => __('Here you can choose whether twitter logo should be displayed.', 'addons-for-divi'),
'type' => 'yes_no_button',
'options' => array(
'on' => __('Yes', 'addons-for-divi'),
'off' => __('No', 'addons-for-divi'),
),
'default' => 'on',
'toggle_slug' => 'elements',
'computed_affects' => array('__twitterfeed'),
),
'show_user_image' => array(
'label' => __('Show User Image', 'addons-for-divi'),
'description' => __('Here you can choose whether user image should be displayed.', 'addons-for-divi'),
'type' => 'yes_no_button',
'options' => array(
'on' => __('Yes', 'addons-for-divi'),
'off' => __('No', 'addons-for-divi'),
),
'default' => 'on',
'toggle_slug' => 'elements',
'computed_affects' => array('__twitterfeed'),
),
'show_name' => array(
'label' => __('Show Name', 'addons-for-divi'),
'description' => __('Here you can choose whether name should be displayed.', 'addons-for-divi'),
'type' => 'yes_no_button',
'options' => array(
'on' => __('Yes', 'addons-for-divi'),
'off' => __('No', 'addons-for-divi'),
),
'default' => 'on',
'toggle_slug' => 'elements',
'computed_affects' => array('__twitterfeed'),
),
'show_user_name' => array(
'label' => __('Show User Name', 'addons-for-divi'),
'description' => __('Here you can choose whether user name should be displayed.', 'addons-for-divi'),
'type' => 'yes_no_button',
'options' => array(
'on' => __('Yes', 'addons-for-divi'),
'off' => __('No', 'addons-for-divi'),
),
'default' => 'off',
'toggle_slug' => 'elements',
'computed_affects' => array('__twitterfeed'),
),
'show_date' => array(
'label' => __('Show Date', 'addons-for-divi'),
'description' => __('Here you can choose whether date should be displayed.', 'addons-for-divi'),
'type' => 'yes_no_button',
'options' => array(
'on' => __('Yes', 'addons-for-divi'),
'off' => __('No', 'addons-for-divi'),
),
'default' => 'on',
'toggle_slug' => 'elements',
'computed_affects' => array('__twitterfeed'),
),
'show_favorite' => array(
'label' => __('Show Favorite', 'addons-for-divi'),
'description' => __('Here you can choose whether favorite should be displayed.', 'addons-for-divi'),
'type' => 'yes_no_button',
'options' => array(
'on' => __('Yes', 'addons-for-divi'),
'off' => __('No', 'addons-for-divi'),
),
'default' => 'on',
'toggle_slug' => 'elements',
'computed_affects' => array('__twitterfeed'),
),
'show_retweet' => array(
'label' => __('Show Retweet', 'addons-for-divi'),
'description' => __('Here you can choose whether retweet should be displayed.', 'addons-for-divi'),
'type' => 'yes_no_button',
'options' => array(
'on' => __('Yes', 'addons-for-divi'),
'off' => __('No', 'addons-for-divi'),
),
'default' => 'on',
'toggle_slug' => 'elements',
'computed_affects' => array('__twitterfeed'),
),
'read_more' => array(
'label' => __(' Show Read More', 'addons-for-divi'),
'description' => __('Here you can choose whether readmore should be displayed.', 'addons-for-divi'),
'type' => 'yes_no_button',
'options' => array(
'on' => __('Yes', 'addons-for-divi'),
'off' => __('No', 'addons-for-divi'),
),
'default' => 'on',
'toggle_slug' => 'elements',
'computed_affects' => array(
'__twitterfeed',
),
),
'read_more_text' => array(
'label' => __('Read More Text', 'addons-for-divi'),
'description' => __('Define your custom readmore text.', 'addons-for-divi'),
'type' => 'text',
'default' => 'Read More',
'description' => __('Use @ sign with your Twitter user name.', 'addons-for-divi'),
'toggle_slug' => 'elements',
'show_if' => array('read_more' => 'on'),
'computed_affects' => array(
'__twitterfeed',
),
),
// grid settings.
'column_count' => array(
'label' => __('Numbers of Column', 'addons-for-divi'),
'description' => __('Define column numbers per row.', 'addons-for-divi'),
'type' => 'range',
'default' => '3',
'unitless' => true,
'mobile_options' => true,
'range_settings' => array(
'step' => 1,
'min' => 1,
'max' => 10,
),
'toggle_slug' => 'grid_settings',
),
'column_gap_x' => array(
'label' => __('Column Gap Left/Right', 'addons-for-divi'),
'description' => __('Define left/right column spacing.', 'addons-for-divi'),
'type' => 'range',
'default' => '20px',
'mobile_options' => true,
'range_settings' => array(
'step' => 1,
'min' => 0,
'max' => 100,
),
'toggle_slug' => 'grid_settings',
),
'column_gap_y' => array(
'label' => __('Column Gap Top/Bottom', 'addons-for-divi'),
'description' => __('Define top/bottom column spacing.', 'addons-for-divi'),
'type' => 'range',
'default' => '20px',
'mobile_options' => true,
'range_settings' => array(
'step' => 1,
'min' => 0,
'max' => 100,
),
'toggle_slug' => 'grid_settings',
),
// User Avatar.
'avatar_position' => array(
'label' => __('Avatar Position', 'addons-for-divi'),
'description' => __('Here you can define avatar position. By selecting absolute position avatar can be placed any where on the feed.', 'addons-for-divi'),
'type' => 'select',
'default' => 'normal',
'options' => array(
'normal' => __('Normal', 'addons-for-divi'),
'absolute' => __('Absolute', 'addons-for-divi'),
),
'tab_slug' => 'advanced',
'toggle_slug' => 'user_avatar',
),
'avatar_placement' => array(
'label' => esc_html__('Avatar Placement', 'addons-for-divi'),
'description' => __('Here you can define avatar placement.', 'addons-for-divi'),
'type' => 'select',
'tab_slug' => 'advanced',
'toggle_slug' => 'user_avatar',
'default' => 'left_top',
'options' => array(
'left_top' => esc_html__('Left Top', 'addons-for-divi'),
'left_bottom' => esc_html__('Left Bottom', 'addons-for-divi'),
'right_top' => esc_html__('Right Top', 'addons-for-divi'),
'right_bottom' => esc_html__('Right Bottom', 'addons-for-divi'),
),
'show_if' => array(
'avatar_position' => 'absolute',
),
),
'avatar_offset_x' => array(
'label' => esc_html__('Avatar Offset X', 'addons-for-divi'),
'description' => __('Define avatar horizontal offset value.', 'addons-for-divi'),
'type' => 'range',
'default' => '50%',
'range_settings' => array(
'min' => -600,
'max' => 600,
'step' => 1,
),
'show_if' => array(
'avatar_position' => 'absolute',
),
'toggle_slug' => 'user_avatar',
'tab_slug' => 'advanced',
),
'avatar_offset_y' => array(
'label' => esc_html__('Avatar Offset Y', 'addons-for-divi'),
'description' => __('Define avatar vertical offset value.', 'addons-for-divi'),
'type' => 'range',
'option_category' => 'basic_option',
'default' => '0px',
'range_settings' => array(
'min' => -600,
'max' => 600,
'step' => 1,
),
'show_if' => array(
'avatar_position' => 'absolute',
),
'toggle_slug' => 'user_avatar',
'tab_slug' => 'advanced',
),
'avatar_size' => array(
'label' => __('Profile Image Size', 'addons-for-divi'),
'description' => __('Here you can define custom size for your avatar.', 'addons-for-divi'),
'type' => 'range',
'default' => '50px',
'range_settings' => array(
'step' => 1,
'min' => 0,
'max' => 100,
),
'tab_slug' => 'advanced',
'toggle_slug' => 'user_avatar',
),
'avatar_spacing' => array(
'label' => __('Avatar Spacing', 'addons-for-divi'),
'description' => __('Define avatar spacing gap.', 'addons-for-divi'),
'type' => 'range',
'default' => '15px',
'range_settings' => array(
'step' => 1,
'min' => 0,
'max' => 200,
),
'tab_slug' => 'advanced',
'toggle_slug' => 'user_avatar',
'show_if' => array(
'avatar_position' => 'normal',
),
),
// Tweets.
'alignment' => array(
'label' => __('Alignment', 'addons-for-divi'),
'description' => __('Align content to the left, right or center.', 'addons-for-divi'),
'type' => 'text_align',
'options' => et_builder_get_text_orientation_options(array('justified')),
'options_icon' => 'module_align',
'default' => 'left',
'tab_slug' => 'advanced',
'toggle_slug' => 'tweets',
'computed_affects' => array('__feed'),
),
'twitter_icon_size' => array(
'label' => __('Twitter Icon Size', 'addons-for-divi'),
'description' => __('Here you can define custom size for your twitter icon.', 'addons-for-divi'),
'type' => 'range',
'default' => '20px',
'range_settings' => array(
'step' => 1,
'min' => 0,
'max' => 100,
),
'tab_slug' => 'advanced',
'toggle_slug' => 'tweets',
),
'content_padding' => array(
'label' => __('Tweets Padding', 'addons-for-divi'),
'description' => __('Here you can define custom padding for your tweets content.', 'addons-for-divi'),
'type' => 'custom_padding',
'tab_slug' => 'advanced',
'toggle_slug' => 'tweets',
'default' => '50px|50px|50px|50px',
'mobile_options' => true,
),
// Description.
'description_spacing' => array(
'label' => __('Bottom Spacing', 'addons-for-divi'),
'description' => __('Here you can define a custom spacing at the bottom of the description text.', 'addons-for-divi'),
'type' => 'range',
'default' => '25px',
'range_settings' => array(
'step' => 1,
'min' => 0,
'max' => 100,
),
'mobile_options' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'content',
'sub_toggle' => 'description',
),
// Footer.
'footer_alignment' => array(
'label' => esc_html__('Footer Alignment', 'addons-for-divi'),
'description' => __('Define footer content alignment from the list.', 'addons-for-divi'),
'type' => 'select',
'default' => 'space-between',
'tab_slug' => 'advanced',
'toggle_slug' => 'footer',
'options' => array(
'flex-start' => esc_html__('Left', 'addons-for-divi'),
'flex-end' => esc_html__('Right', 'addons-for-divi'),
'center' => esc_html__('Center', 'addons-for-divi'),
'space-around' => esc_html__('Space Around', 'addons-for-divi'),
'space-between' => esc_html__('Space Between', 'addons-for-divi'),
),
),
'footer_padding' => array(
'label' => __('Footer Padding', 'addons-for-divi'),
'description' => __('Define custom padding for the footer content.', 'addons-for-divi'),
'type' => 'custom_padding',
'tab_slug' => 'advanced',
'toggle_slug' => 'footer',
'default' => '0px|50px|50px|50px',
'mobile_options' => true,
),
'favorite_color' => array(
'label' => __('Favorite Text Color', 'addons-for-divi'),
'description' => __('Here you can define custom color for favorite text.', 'addons-for-divi'),
'type' => 'color-alpha',
'tab_slug' => 'advanced',
'toggle_slug' => 'footer',
'show_if' => array('show_favorite' => 'on'),
'default' => '#000000',
),
'favorite_font_size' => array(
'label' => __('Favorite Text Size', 'addons-for-divi'),
'description' => __('Here you can define custom size for favorite text.', 'addons-for-divi'),
'type' => 'range',
'default' => '14px',
'range_settings' => array(
'step' => 1,
'min' => 0,
'max' => 100,
),
'mobile_options' => true,
'show_if' => array('show_favorite' => 'on'),
'tab_slug' => 'advanced',
'toggle_slug' => 'footer',
),
'favorite_icon_color' => array(
'label' => __('Favorite Icon Color', 'addons-for-divi'),
'description' => __('Here you can define custom color for favorite icon.', 'addons-for-divi'),
'type' => 'color-alpha',
'tab_slug' => 'advanced',
'toggle_slug' => 'footer',
'show_if' => array('show_favorite' => 'on'),
'default' => '#000000',
),
'favorite_icon_size' => array(
'label' => __('Favorite Icon Size', 'addons-for-divi'),
'description' => __('Here you can define custom size for favorite icon.', 'addons-for-divi'),
'type' => 'range',
'default' => '14px',
'range_settings' => array(
'step' => 1,
'min' => 0,
'max' => 100,
),
'mobile_options' => true,
'show_if' => array('show_favorite' => 'on'),
'tab_slug' => 'advanced',
'toggle_slug' => 'footer',
),
'retweet_color' => array(
'label' => __('Retweet Text Color', 'addons-for-divi'),
'description' => __('Here you can define custom color for retweet text.', 'addons-for-divi'),
'type' => 'color-alpha',
'tab_slug' => 'advanced',
'toggle_slug' => 'footer',
'show_if' => array('show_retweet' => 'on'),
'default' => '#000000',
),
'retweet_font_size' => array(
'label' => __('Retweet Text Size', 'addons-for-divi'),
'description' => __('Here you can define custom size for retweet text.', 'addons-for-divi'),
'type' => 'range',
'default' => '14px',
'range_settings' => array(
'step' => 1,
'min' => 0,
'max' => 100,
),
'mobile_options' => true,
'tab_slug' => 'advanced',
'show_if' => array('show_retweet' => 'on'),
'toggle_slug' => 'footer',
),
'retweet_icon_color' => array(
'label' => __('Retweet Icon Color', 'addons-for-divi'),
'description' => __('Here you can define custom color for retweet icon.', 'addons-for-divi'),
'type' => 'color-alpha',
'tab_slug' => 'advanced',
'toggle_slug' => 'footer',
'show_if' => array('show_retweet' => 'on'),
'default' => '#000000',
),
'retweet_icon_size' => array(
'label' => __('Retweet Icon Size', 'addons-for-divi'),
'description' => __('Here you can define custom size for retweet icon.', 'addons-for-divi'),
'type' => 'range',
'default' => '14px',
'range_settings' => array(
'step' => 1,
'min' => 0,
'max' => 100,
),
'mobile_options' => true,
'tab_slug' => 'advanced',
'show_if' => array('show_retweet' => 'on'),
'toggle_slug' => 'footer',
),
'__twitterfeed' => array(
'type' => 'computed',
'computed_callback' => array('DTQ_Twitter_Feed', 'twitter_feed_render'),
'computed_depends_on' => array(
'user_name',
'consumer_key',
'consumer_secret',
'sort_by',
'tweets_limit',
'show_twitter_icon',
'show_user_image',
'show_name',
'show_user_name',
'show_date',
'show_favorite',
'show_retweet',
'read_more',
'read_more_text',
),
'computed_minimum' => array(
'user_name',
'consumer_key',
'consumer_secret',
),
),
);
$additional_options = $this->custom_background_fields(
'tweets_item',
__('Tweets', 'addons-for-divi'),
'advanced',
'tweets',
array('color', 'gradient', 'hover'),
array(),
''
);
return array_merge($fields, $additional_options);
}
public function get_advanced_fields_config()
{
$advanced_fields = array();
$advanced_fields['text'] = array();
$advanced_fields['text_shadow'] = array();
$advanced_fields['fonts'] = array();
$advanced_fields['borders']['tweets'] = array(
'css' => array(
'main' => array(
'border_radii' => '%%order_class%% .dtq-twitter-grid-item-inner',
'border_styles' => '%%order_class%% .dtq-twitter-grid-item-inner',
),
'important' => 'all',
),
'label_prefix' => esc_html__('Tweets Box', 'addons-for-divi'),
'defaults' => array(
'border_radii' => 'on|0px|0px|0px|0px',
'border_styles' => array(
'width' => '1px',
'color' => '#efefef',
'style' => 'solid',
),
),
'tab_slug' => 'advanced',
'toggle_slug' => 'tweets',
);
$advanced_fields['borders']['avatar'] = array(
'css' => array(
'main' => array(
'border_radii' => '%%order_class%% .dtq-twitter-grid-avatar',
'border_styles' => '%%order_class%% .dtq-twitter-grid-avatar',
),
'important' => 'all',
),
'label_prefix' => esc_html__('Avatar', 'addons-for-divi'),
'defaults' => array(
'border_radii' => 'on|0px|0px|0px|0px',
'border_styles' => array(
'width' => '0px',
'color' => '#333',
'style' => 'solid',
),
),
'tab_slug' => 'advanced',
'toggle_slug' => 'user_avatar',
);
$advanced_fields['box_shadow']['tweets'] = array(
'label' => esc_html__('Tweets Box Shadow', 'addons-for-divi'),
'css' => array(
'main' => '%%order_class%% .dtq-twitter-grid-item-inner',
'important' => 'all',
),
'tab_slug' => 'advanced',
'toggle_slug' => 'tweets',
);
$advanced_fields['box_shadow']['avatar'] = array(
'label' => esc_html__('Avatar Box Shadow', 'addons-for-divi'),
'css' => array(
'main' => '%%order_class%% .dtq-twitter-grid-avatar',
'important' => 'all',
),
'tab_slug' => 'advanced',
'toggle_slug' => 'user_avatar',
);
$advanced_fields['fonts']['name'] = array(
'css' => array(
'main' => '%%order_class%% .dtq-twitter-grid-author-name',
'important' => 'all',
),
'line_height' => array(
'range_settings' => array(
'min' => '1',
'max' => '3',
'step' => '1',
),
),
'hide_text_align' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'user_text',
'sub_toggle' => 'name',
);
$advanced_fields['fonts']['username'] = array(
'css' => array(
'main' => '%%order_class%% .dtq-twitter-grid-username',
'important' => 'all',
),
'line_height' => array(
'range_settings' => array(
'min' => '1',
'max' => '3',
'step' => '1',
),
),
'hide_text_align' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'user_text',
'sub_toggle' => 'username',
);
$advanced_fields['fonts']['description'] = array(
'css' => array(
'main' => '%%order_class%% .dtq-twitter-grid-content p',
'important' => 'all',
),
'line_height' => array(
'range_settings' => array(
'min' => '1',
'max' => '3',
'step' => '1',
),
),
'hide_text_align' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'content',
'sub_toggle' => 'description',
);
$advanced_fields['fonts']['readmore'] = array(
'css' => array(
'main' => '%%order_class%% .dtq-twitter-grid-content p a',
'important' => 'all',
),
'line_height' => array(
'range_settings' => array(
'min' => '1',
'max' => '3',
'step' => '1',
),
),
'hide_text_align' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'content',
'sub_toggle' => 'read_more',
);
$advanced_fields['fonts']['date'] = array(
'css' => array(
'main' => '%%order_class%% .dtq-twitter-grid-date',
'important' => 'all',
),
'line_height' => array(
'range_settings' => array(
'min' => '1',
'max' => '3',
'step' => '1',
),
),
'hide_text_align' => true,
'tab_slug' => 'advanced',
'toggle_slug' => 'content',
'sub_toggle' => 'date',
);
return $advanced_fields;
}
public static function twitter_feed_render($args = array(), $conditional_tags = array(), $current_page = array())
{
$defaults = array(
'user_name' => '',
'consumer_key' => '',
'consumer_secret' => '',
'sort_by' => '',
'tweets_limit' => '',
'show_twitter_icon' => '',
'show_user_image' => '',
'show_name' => '',
'show_user_name' => '',
'show_date' => '',
'show_favorite' => '',
'show_retweet' => '',
'read_more' => '',
'read_more_text' => '',
);
$args = wp_parse_args($args, $defaults);
$ba_tweets_token = '_builder_tweet_grid_token';
$ba_tweets_cash = '_builder_tweet_grid_cash';
$user_name = trim($args['user_name']);
if (empty($user_name) || empty($args['consumer_key']) || empty($args['consumer_secret'])) {
return;
}
$transient_key = $user_name . $ba_tweets_cash;
$twitter_data = get_transient($transient_key);
$credentials = base64_encode($args['consumer_key'] . ':' . $args['consumer_secret']); // phpcs:ignore
$messages = array();
if (!$twitter_data) {
$auth_url = 'https://api.twitter.com/oauth2/token';
$auth_response = wp_remote_post(
$auth_url,
array(
'method' => 'POST',
'httpversion' => '1.1',
'blocking' => true,
'headers' => array(
'Authorization' => 'Basic ' . $credentials,
'Content-Type' => 'application/x-www-form-urlencoded;charset=UTF-8',
),
'body' => array(
'grant_type' => 'client_credentials',
),
)
);
$body = json_decode(wp_remote_retrieve_body($auth_response));
$token = $body->access_token;
// Twitter Url.
$twitter_url = 'https://api.twitter.com/1.1/statuses/user_timeline.json?screen_name=' . $user_name . '&count=999&tweet_mode=extended';
$tweets_response = wp_remote_get(
$twitter_url,
array(
'httpversion' => '1.1',
'blocking' => true,
'headers' => array('Authorization' => "Bearer $token"),
)
);
$twitter_data = json_decode(wp_remote_retrieve_body($tweets_response), true);
set_transient($user_name . $ba_tweets_cash, $twitter_data, 5 * MINUTE_IN_SECONDS);
}
if (!empty($twitter_data) && array_key_exists('errors', $twitter_data)) {
foreach ($twitter_data['errors'] as $error) {
$messages['error'] = $error['message'];
}
} elseif (count($twitter_data) < $args['tweets_limit']) {
$messages['item_limit'] = __('"Number of Tweets to show" is more than your actual total Tweets\'s number. You have only ' . count($twitter_data) . ' Tweets', 'addons-for-divi'); // phpcs:ignore
}
if (!empty($messages)) {
foreach ($messages as $key => $message) {
$output = sprintf('', esc_html($message), esc_html($key));
}
return $output;
}
switch ($args['sort_by']) {
case 'old-posts':
usort(
$twitter_data,
function ($a, $b) {
if (strtotime($a['created_at']) === strtotime($b['created_at'])) {
return 0;
}
return (strtotime($a['created_at']) < strtotime($b['created_at']) ? -1 : 1);
}
);
break;
case 'favorite_count':
usort(
$twitter_data,
function ($a, $b) {
if ($a['favorite_count'] === $b['favorite_count']) {
return 0;
}
return ($a['favorite_count'] > $b['favorite_count']) ? -1 : 1;
}
);
break;
case 'retweet_count':
usort(
$twitter_data,
function ($a, $b) {
if ($a['retweet_count'] === $b['retweet_count']) {
return 0;
}
return ($a['retweet_count'] > $b['retweet_count']) ? -1 : 1;
}
);
break;
default:
$twitter_data;
}
if (!empty($args['tweets_limit']) && count($twitter_data) > $args['tweets_limit']) {
$items = array_splice($twitter_data, 0, $args['tweets_limit']);
}
if (empty($args['tweets_limit'])) {
$items = $twitter_data;
}
ob_start();
foreach ($items as $item) : ?>
render_css($render_slug);
$user_name = $this->props['user_name'];
$consumer_key = $this->props['consumer_key'];
$consumer_secret = $this->props['consumer_secret'];
$sort_by = $this->props['sort_by'];
$tweets_limit = $this->props['tweets_limit'];
$show_twitter_icon = $this->props['show_twitter_icon'];
$show_user_image = $this->props['show_user_image'];
$show_name = $this->props['show_name'];
$show_user_name = $this->props['show_user_name'];
$show_date = $this->props['show_date'];
$show_favorite = $this->props['show_favorite'];
$show_retweet = $this->props['show_retweet'];
$read_more = $this->props['read_more'];
$read_more_text = $this->props['read_more_text'];
$order_class = self::get_module_order_class($render_slug);
$unique_number = str_replace('_', '', str_replace($this->slug, '', $order_class));
$ba_tweets_token = '_' . $unique_number . '_tweet_grid_token';
$ba_tweets_cash = '_' . $unique_number . '_tweet_grid_cash';
$user_name = trim($user_name);
$alignment = $this->props['alignment'];
if (empty($user_name) || empty($consumer_key) || empty($consumer_secret)) {
return;
}
$transient_key = $user_name . $ba_tweets_cash;
$twitter_data = get_transient($transient_key);
$credentials = base64_encode($consumer_key . ':' . $consumer_secret); // phpcs:ignore
$messages = array();
if (!$twitter_data) {
$auth_url = 'https://api.twitter.com/oauth2/token';
$auth_response = wp_remote_post(
$auth_url,
array(
'method' => 'POST',
'httpversion' => '1.1',
'blocking' => true,
'headers' => array(
'Authorization' => 'Basic ' . $credentials,
'Content-Type' => 'application/x-www-form-urlencoded;charset=UTF-8',
),
'body' => array(
'grant_type' => 'client_credentials',
),
)
);
$body = json_decode(wp_remote_retrieve_body($auth_response));
$token = $body->access_token;
// Twitter Url.
$twitter_url = 'https://api.twitter.com/1.1/statuses/user_timeline.json?screen_name=' . $user_name . '&count=999&tweet_mode=extended';
$tweets_response = wp_remote_get(
$twitter_url,
array(
'httpversion' => '1.1',
'blocking' => true,
'headers' => array('Authorization' => "Bearer $token"),
)
);
$twitter_data = json_decode(wp_remote_retrieve_body($tweets_response), true);
set_transient($user_name . $ba_tweets_cash, $twitter_data, 5 * MINUTE_IN_SECONDS);
}
if (!empty($twitter_data) && array_key_exists('errors', $twitter_data)) {
foreach ($twitter_data['errors'] as $error) {
$messages['error'] = $error['message'];
}
} elseif (count($twitter_data) < $tweets_limit) {
$messages['item_limit'] = __('"Number of Tweets to show" is more than your actual total Tweets\'s number. You have only ' . count($twitter_data) . ' Tweets', 'addons-for-divi'); //phpcs:ignore
}
if (!empty($messages)) {
foreach ($messages as $key => $message) {
$output = sprintf('', esc_html($message));
}
return $output;
}
switch ($sort_by) {
case 'old-posts':
usort(
$twitter_data,
function ($a, $b) {
if (strtotime($a['created_at']) === strtotime($b['created_at'])) {
return 0;
}
return (strtotime($a['created_at']) < strtotime($b['created_at']) ? -1 : 1);
}
);
break;
case 'favorite_count':
usort(
$twitter_data,
function ($a, $b) {
if ($a['favorite_count'] === $b['favorite_count']) {
return 0;
}
return ($a['favorite_count'] > $b['favorite_count']) ? -1 : 1;
}
);
break;
case 'retweet_count':
usort(
$twitter_data,
function ($a, $b) {
if ($a['retweet_count'] === $b['retweet_count']) {
return 0;
}
return ($a['retweet_count'] > $b['retweet_count']) ? -1 : 1;
}
);
break;
default:
$twitter_data;
}
if (!empty($tweets_limit) && count($twitter_data) > $tweets_limit) {
$items = array_splice($twitter_data, 0, $tweets_limit);
}
if (empty($tweets_limit)) {
$items = $twitter_data;
}
ob_start();
foreach ($items as $item) :
?>
%1$s
',
$twitter_items,
join(' ', $classes)
);
return $output;
}
public function render_user_info_css($render_slug)
{
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-twitter-grid-icon span',
'declaration' => sprintf('width: %1$s; height: %1$s;', $this->props['twitter_icon_size']),
)
);
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-twitter-grid-avatar',
'declaration' => sprintf('width: %1$s; height: %1$s;', $this->props['avatar_size']),
)
);
}
public function render_footer_css($render_slug)
{
$favorite_color = $this->props['favorite_color'];
$favorite_icon_color = $this->props['favorite_icon_color'];
$favorite_font_size = $this->props['favorite_font_size'];
$favorite_icon_size = $this->props['favorite_icon_size'];
$retweet_color = $this->props['retweet_color'];
$retweet_icon_color = $this->props['retweet_icon_color'];
$retweet_font_size = $this->props['retweet_font_size'];
$retweet_icon_size = $this->props['retweet_icon_size'];
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-tweet-favorite',
'declaration' => sprintf('color: %1$s !important;', $favorite_color),
)
);
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-tweet-favorite',
'declaration' => sprintf('font-size: %1$s !important;', $favorite_font_size),
)
);
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-tweet-favorite span',
'declaration' => sprintf('color: %1$s !important;', $favorite_icon_color),
)
);
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-tweet-favorite span',
'declaration' => sprintf('font-size: %1$s !important;', $favorite_icon_size),
)
);
// Retweets.
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-tweet-retweet',
'declaration' => sprintf('color: %1$s !important;', $retweet_color),
)
);
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-tweet-retweet span',
'declaration' => sprintf('color: %1$s !important;', $retweet_icon_color),
)
);
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-tweet-retweet',
'declaration' => sprintf('font-size: %1$s !important;', $retweet_font_size),
)
);
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-tweet-retweet span',
'declaration' => sprintf('font-size: %1$s !important;', $retweet_icon_size),
)
);
$this->get_responsive_styles(
'footer_padding',
'%%order_class%% .dtq-twitter-grid-footer-wrapper',
array('primary' => 'padding'),
array('default' => '0px|50px|50px|50px'),
$render_slug
);
}
public function render_content_css($render_slug)
{
$this->get_responsive_styles(
'description_spacing',
'%%order_class%% .dtq-twitter-grid-content p',
array(
'primary' => 'margin-bottom',
'important' => true,
),
array('default' => '25px'),
$render_slug
);
$this->get_responsive_styles(
'content_padding',
'%%order_class%% .dtq-twitter-grid-inner-wrapper',
array('primary' => 'padding'),
array('default' => '50px|50px|50px|50px'),
$render_slug
);
}
public function render_css($render_slug)
{
$border_width_all_tweets = $this->props['border_width_all_tweets'];
$border_color_all_tweets = $this->props['border_color_all_tweets'];
$avatar_position = $this->props['avatar_position'];
$alignment = $this->props['alignment'];
$avatar_spacing = $this->props['avatar_spacing'];
$avatar_offset_x = $this->props['avatar_offset_x'];
$avatar_offset_y = $this->props['avatar_offset_y'];
$avatar_placement = $this->props['avatar_placement'];
$avatar__placement = explode('_', $avatar_placement);
$this->render_content_css($render_slug);
$this->render_user_info_css($render_slug);
// Item background.
$this->get_custom_bg_style($render_slug, 'tweets_item', '%%order_class%% .dtq-twitter-grid-item-inner', '%%order_class%% .dtq-twitter-grid-item-inner:hover');
// Avatar spacing.
if ('normal' === $avatar_position) {
if ('center' === $alignment) {
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-twitter-grid-avatar-wrapper',
'declaration' => sprintf('margin-bottom: %1$s;', $avatar_spacing),
)
);
} elseif ('left' === $alignment) {
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-twitter-grid-avatar-wrapper',
'declaration' => sprintf('margin-right: %1$s;', $avatar_spacing),
)
);
} elseif ('right' === $alignment) {
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-twitter-grid-avatar-wrapper',
'declaration' => sprintf('margin-left: %1$s;', $avatar_spacing),
)
);
}
}
// Avatar Position.
if ('absolute' === $avatar_position) {
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-twitter-grid-avatar-wrapper',
'declaration' => 'position: absolute; z-index: 99;',
)
);
// image offset X.
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-twitter-grid-avatar-wrapper',
'declaration' => sprintf('%1$s: %2$s;', $avatar__placement[0], $avatar_offset_x),
)
);
// image offset Y.
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-twitter-grid-avatar-wrapper',
'declaration' => sprintf('%1$s: %2$s;', $avatar__placement[1], $avatar_offset_y),
)
);
if ('right_top' === $avatar_placement) {
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-twitter-grid-avatar-wrapper',
'declaration' => 'transform : translateX(50%) translateY(-50%);',
)
);
} elseif ('right_bottom' === $avatar_placement) {
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-twitter-grid-avatar-wrapper',
'declaration' => 'transform : translateX(50%) translateY(50%);',
)
);
} elseif ('left_bottom' === $avatar_placement) {
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-twitter-grid-avatar-wrapper',
'declaration' => 'transform : translateX(-50%) translateY(50%);',
)
);
} elseif ('left_top' === $avatar_placement) {
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-twitter-grid-avatar-wrapper',
'declaration' => 'transform : translateX(-50%) translateY(-50%);',
)
);
}
}
$this->render_footer_css($render_slug);
$footer_alignment = $this->props['footer_alignment'];
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-twitter-grid-footer',
'declaration' => sprintf('display: flex; justify-content: %1$s;', $footer_alignment),
)
);
// Item Border.
if (empty($border_color_all_tweets)) {
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-twitter-grid-item-inner',
'declaration' => 'border-color: #efefef;',
)
);
}
if (empty($border_width_all_tweets)) {
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-twitter-grid-item-inner',
'declaration' => 'border-width: 1px;',
)
);
}
// Grid Settings.
$column_gap_x = $this->props['column_gap_x'];
$column_gap_x_tablet = !empty($this->props['column_gap_x_tablet']) ? $this->props['column_gap_x_tablet'] : $column_gap_x;
$column_gap_x_phone = !empty($this->props['column_gap_x_phone']) ? $this->props['column_gap_x_phone'] : $column_gap_x_tablet;
$column_gap_y = $this->props['column_gap_y'];
$column_gap_y_tablet = !empty($this->props['column_gap_y_tablet']) ? $this->props['column_gap_y_tablet'] : $column_gap_y;
$column_gap_y_phone = !empty($this->props['column_gap_y_phone']) ? $this->props['column_gap_y_phone'] : $column_gap_y_tablet;
$column_count = $this->props['column_count'];
$column_count_tablet = !empty($this->props['column_count_tablet']) ? $this->props['column_count_tablet'] : $column_count;
$column_count_phone = !empty($this->props['column_count_phone']) ? $this->props['column_count_phone'] : $column_count_tablet;
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-twitter-grid',
'declaration' => sprintf(
'grid-column-gap: %1$s;
grid-row-gap: %2$s;
-ms-grid-columns: repeat(%3$s,1fr);
grid-template-columns:repeat(%3$s,1fr);',
$column_gap_x,
$column_gap_y,
$column_count
),
)
);
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-twitter-grid',
'media_query' => ET_Builder_Element::get_media_query('max_width_980'),
'declaration' => sprintf(
'grid-column-gap: %1$s;
grid-row-gap: %2$s;
-ms-grid-columns: repeat(%3$s,1fr);
grid-template-columns:repeat(%3$s,1fr);',
$column_gap_x_tablet,
$column_gap_y_tablet,
$column_count_tablet
),
)
);
ET_Builder_Element::set_style(
$render_slug,
array(
'selector' => '%%order_class%% .dtq-twitter-grid',
'media_query' => ET_Builder_Element::get_media_query('max_width_767'),
'declaration' => sprintf(
'grid-column-gap: %1$s;
grid-row-gap: %2$s;
-ms-grid-columns: repeat(%3$s,1fr);
grid-template-columns:repeat(%3$s,1fr);',
$column_gap_x_phone,
$column_gap_y_phone,
$column_count_phone
),
)
);
}
}
new DTQ_Twitter_Feed();