/home/ntu100/www/wp-content/themes/flatsome/inc/admin/advanced/functions/functions.facebook.php
<?php
function flatsome_facebook_oauth_url() {
$api_version = flatsome_facebook_api_version();
$uri = get_template_directory_uri();
$theme = wp_get_theme( get_template() );
$version = $theme->get( 'Version' );
$client_id = '380204239234502';
$base_url = "https://www.facebook.com/$api_version/dialog/oauth";
$redirect_uri = flatsome_api_url() . '/facebook/authorize/';
$scope = 'pages_read_engagement,instagram_basic,public_profile';
$state = urlencode( admin_url( "admin.php?page=optionsframework&tab=of-option-instagram&ver=$version" ) );
$response_type = 'code';
return "$base_url?client_id=$client_id&response_type=$response_type&scope=$scope&redirect_uri=$redirect_uri&state=$state";
}
function flatsome_facebook_login_button_html() {
$url = flatsome_facebook_oauth_url();
ob_start(); ?>
<div class="notice notice-warning inline" style="margin-top: 0; margin-left: 0;">
<p><?php echo sprintf( __( 'Connecting Instagram Business accounts is deprecated and will be removed in a future update. Please enter an access token instead. %1$sSee documentation%2$s.', 'flatsome-admin' ), '<a href="https://docs.uxthemes.com/article/427-instagram-api" target="_blank" rel="noopener">', '</a>' ); ?></p>
</div>
<p><?php _e('Login with Facebook to connect an Instagram Business account:') ?></p>
<a class="button" style="padding: 5px 15px; height: auto; background-color: #4267b2; border-color: #4267b2; color: #ffffff;" href="<?php echo $url ?>">
<span class="dashicons dashicons-facebook-alt" style="vertical-align: middle; margin-top: -2px;"></span>
<?php _e( 'Login with Facebook', 'flatsome-admin' ) ?>
</a>
<?php return ob_get_clean();
}
function flatsome_facebook_cache_html() {
ob_start(); ?>
<p style="margin-top: 0;"><?php _e('Clear the cache to fetch fresh data from the Instagram API:') ?></p>
<button class="button" name="flatsome_instagram_clear_cache">
<?php _e( 'Clear Instagram cache', 'flatsome-admin' ) ?>
</button>
<?php return ob_get_clean();
}
function flatsome_facebook_accounts_html() {
$accounts = flatsome_facebook_accounts();
ob_start(); ?>
<div id="flatsome-instagram-errors"></div>
<input type="hidden" value="0" name="facebook_accounts[]">
<div class="flatsome-instagram-accounts">
<table class="widefat striped">
<thead>
<th><?php _e( 'Username' ); ?></th>
<th><?php _e( 'Actions' ); ?></th>
</thead>
<tbody class="flatsome-instagram-accounts__body">
<?php foreach ( $accounts as $username => $account ) : ?>
<tr class="instagram-account instagram-account--<?php echo esc_attr( $username ) ?>">
<td>
<?php foreach ( $account as $key => $value ) : ?>
<?php if ( is_string( $value ) || is_numeric( $value ) ) : ?>
<input type="hidden" name="facebook_accounts[<?php echo esc_attr( $username ) ?>][<?php echo esc_attr( $key ) ?>]" value="<?php echo esc_attr( $value ) ?>">
<?php endif ?>
<?php endforeach ?>
<a target="_blank" href="https://www.instagram.com/<?php echo esc_attr( $username ) ?>/" rel="noopener">
<?php echo esc_html( $username ) ?>
</a>
<?php if ( empty( $account['type'] ) || $account['type'] !== 'instagram' ) : ?>
<em><?php _e( 'deprecated', 'flatsome-admin' ) ?></em>
<?php endif; ?>
<?php if ( isset( $account['error'] ) ) : ?>
<div class="notice notice-error inline">
<p>
<?php
// translators: %s is the error message.
echo sprintf( __( 'An error occured while refreshing the access token: %s', 'flatsome-admin' ), esc_html( $account['error'] ) );
?>
</p>
</div>
<?php endif; ?>
</td>
<td align="right">
<button type="button" class="button button-small" onclick="jQuery(this).closest('.instagram-account').remove()">
<?php _e( 'Remove' ); ?>
</button>
</td>
</tr>
<?php endforeach; ?>
<tbody>
<tfoot class="flatsome-instagram-accounts__foot">
<tr>
<td colspan="2">
<div class="flatsome-instagram-accounts__access-token-form">
<input id="flatsome-instagram-access-token-value" type="text" placeholder="<?php esc_attr_e( 'Enter an Instagram access token', 'flatsome-admin' ) ?>">
<button id="flatsome-instagram-access-token-submit" type="button" class="button" title="<?php esc_attr_e( 'Add access token', 'flatsome-admin' ); ?>">
<span class="dashicons dashicons-plus-alt2"></span>
</button>
</div>
</td>
</tr>
</tfoot>
</table>
</div>
<p>
<a href="<?php echo esc_url( 'https://docs.uxthemes.com/article/427-instagram-api' ) ?>" target="_blank" rel="noopener">
<?php esc_html_e( 'How to get an Instagram access token', 'flatsome-admin' ); ?>
</a>
</p>
<?php return ob_get_clean();
}
/**
* Get accounts that is associated with an access token.
*
* @param string $access_token An access token for a Facebook user.
*
* @return WP_Error|array
*/
function flatsome_facebook_get_accounts( $access_token ) {
$api_version = flatsome_facebook_api_version();
$fields = 'name,access_token,instagram_business_account{id,name,username,profile_picture_url}';
$url = "https://graph.facebook.com/$api_version/me/accounts?limit=100&fields=$fields&access_token=$access_token";
$response = wp_remote_get( $url );
if ( is_wp_error( $response ) ) {
return new WP_Error( 'site_down', __( 'Unable to communicate with Instagram.', 'flatsome-admin' ) );
} else {
$body = json_decode( $response['body'], true );
if ( array_key_exists( 'error', $body ) ) {
return new WP_Error( 'site_down', $body['error']['message'] );
}
return $body;
}
}
/**
* Renders the popup that shows the accounts that can be connected.
*/
function flatsome_facebook_connect_admin_footer() {
if ( ! is_array( $_GET ) || ! isset( $_GET['flatsome_facebook_access_token'] ) ) {
return;
}
$access_token = sanitize_text_field( $_GET['flatsome_facebook_access_token'] );
$all_accounts = flatsome_facebook_get_accounts( $access_token );
$current_accounts = flatsome_facebook_accounts();
$accounts = array();
if ( ! is_wp_error( $all_accounts ) ) {
$accounts = array_filter( $all_accounts['data'], function( $account ) {
return ! empty( $account['instagram_business_account'] );
} );
}
ob_start();
?>
<div class="flatsome-instagram-connect">
<div class="flatsome-instagram-connect-body">
<h2 class=""><?php _e( 'Connect Instagram Business accounts', 'flatsome' ); ?></h2>
<?php if ( is_wp_error( $accounts ) ) : ?>
<div class="notice notice-error inline" style="margin: 0;">
<p><?php echo $accounts->get_error_message() ?></p>
</div>
<div class="tablenav bottom textright">
<button type="button" class="button" onclick="jQuery(this).closest('.flatsome-instagram-connect').hide()">
<?php esc_html_e( 'Okay', 'flatsome' ); ?>
</button>
</div>
<?php elseif ( empty( $accounts ) ) : ?>
<div class="notice notice-info inline" style="margin: 0;">
<p><?php esc_html_e( 'No associated Instagram Business account was found for your Facebook user.', 'flatsome' ) ?></p>
</div>
<div class="tablenav bottom textright">
<button type="button" class="button" onclick="jQuery(this).closest('.flatsome-instagram-connect').hide()">
<?php esc_html_e( 'Okay', 'flatsome' ); ?>
</button>
</div>
<?php else : ?>
<form action="<?php echo admin_url( 'admin-post.php' ); ?>" method="POST">
<input type="hidden" name="action" value="flatsome_instagram_connect" />
<?php wp_nonce_field( 'flatsome_instagram_connect', 'flatsome_instagram_connect_nonce' ); ?>
<table class="widefat striped">
<tbody>
<?php foreach ( $accounts as $account ) : ?>
<tr>
<th class="check-column">
<?php if ( ! array_key_exists( $account['instagram_business_account']['username'], $current_accounts ) ) : ?>
<input type="checkbox" name="instagram_accounts[<?php echo esc_attr( $account['id'] ) ?>][id]" value="<?php echo esc_attr( $account['instagram_business_account']['id'] ) ?>">
<?php else : ?>
<input type="checkbox" disabled checked>
<?php endif ?>
<?php if ( ! empty( $account['instagram_business_account']['profile_picture_url'] ) ) : ?>
<input type="hidden" name="instagram_accounts[<?php echo esc_attr( $account['id'] ) ?>][profile_picture]" value="<?php echo esc_attr( $account['instagram_business_account']['profile_picture_url']) ?>">
<?php endif ?>
<input type="hidden" name="instagram_accounts[<?php echo esc_attr( $account['id'] ) ?>][username]" value="<?php echo esc_attr( $account['instagram_business_account']['username'] ) ?>">
<input type="hidden" name="instagram_accounts[<?php echo esc_attr( $account['id'] ) ?>][account_id]" value="<?php echo esc_attr( $account['id'] ) ?>">
<input type="hidden" name="instagram_accounts[<?php echo esc_attr( $account['id'] ) ?>][account_access_token]" value="<?php echo esc_attr( $account['access_token'] ) ?>">
<input type="hidden" name="instagram_accounts[<?php echo esc_attr( $account['id'] ) ?>][access_token]" value="<?php echo esc_attr( $access_token ) ?>">
</th>
<td width="38">
<?php if ( ! empty( $account['instagram_business_account']['profile_picture_url'] ) ) : ?>
<img src="<?php echo esc_attr( $account['instagram_business_account']['profile_picture_url'] ) ?>" width="38" style="border-radius: 100%" alt="<?php echo esc_attr( $account['instagram_business_account']['username'] ) ?>">
<?php else : ?>
<img src="<?php echo get_template_directory_uri() ?>/inc/admin/advanced/assets/images/instagram-profile.png" width="38" alt="<?php echo esc_attr( $account['instagram_business_account']['username'] ) ?>">
<?php endif ?>
</td>
<td class="title">
<strong class="row-title">
<?php if ( ! empty( $account['instagram_business_account']['name'] ) ) : ?>
<?php echo esc_html( $account['instagram_business_account']['name'] ) ?>
<?php elseif ( ! empty( $account['name'] ) ) : ?>
<?php echo esc_html( $account['name'] ) ?>
<?php endif ?>
</strong>
<br>
<a target="_blank" href="https://www.instagram.com/<?php echo esc_attr( $account['instagram_business_account']['username'] ) ?>/">
<?php echo '@' . esc_html( $account['instagram_business_account']['username'] ) ?>
</a>
</td>
</tr>
<?php endforeach ?>
</tbody>
</table>
<div class="tablenav bottom textright">
<button type="button" class="button" onclick="jQuery(this).closest('.flatsome-instagram-connect').hide()">
<?php esc_html_e( 'Cancel', 'flatsome' ); ?>
</button>
<button name="flatsome_instagram_connect" class="button button-primary">
<?php esc_html_e( 'Connect', 'flatsome' ); ?>
</button>
</div>
</form>
<?php endif ?>
</div>
</div>
<?php
}
add_action( 'admin_footer-flatsome_page_optionsframework', 'flatsome_facebook_connect_admin_footer' );
/**
* Saves the connected accounts data.
*/
function flatsome_facebook_connect_accounts() {
check_admin_referer( 'flatsome_instagram_connect', 'flatsome_instagram_connect_nonce' );
if ( ! empty( $_POST['instagram_accounts'] ) ) {
$accounts = flatsome_facebook_accounts();
foreach ( $_POST['instagram_accounts'] as $values ) {
$account = array_map( 'sanitize_text_field', $values );
if ( isset( $account['id'] ) ) {
$accounts[ $account['username'] ] = $account;
}
}
set_theme_mod( 'facebook_accounts', $accounts );
}
wp_safe_redirect( admin_url( 'admin.php?page=optionsframework&tab=of-option-instagram' ) );
}
add_action( 'admin_post_flatsome_instagram_connect', 'flatsome_facebook_connect_accounts' );
/**
* Deletes the Instagram oEmbed cache and transients.
*
* @return void
*/
function flatsome_facebook_clear_cache() {
global $wpdb;
if ( isset( $_POST['flatsome_instagram_clear_cache'] ) ) {
delete_option( 'flatsome_instagram_oembed_cache' );
$wpdb->query( "DELETE FROM {$wpdb->options} WHERE `option_name` LIKE ('%\_transient\_flatsome\_instagram%');" );
$wpdb->query( "DELETE FROM {$wpdb->options} WHERE `option_name` LIKE ('%\_transient\_timeout\_flatsome\_instagram%');" );
}
}
add_action( 'of_save_options_before', 'flatsome_facebook_clear_cache' );
/**
* Validate an Instagram access token.
*
* @return void
*/
function flatsome_ajax_validate_instagram_access_token() {
if ( ! wp_verify_nonce( $_POST['nonce'], 'flatsome_advanced' ) ) {
wp_send_json_error( __( 'Invalid nonce.', 'flatsome-admin' ) );
}
$access_token = isset( $_POST['access_token'] )
? sanitize_text_field( wp_unslash( $_POST['access_token'] ) )
: '';
if ( empty( $access_token ) ) {
wp_send_json_error( __( 'Invalid access token.', 'flatsome-admin' ) );
}
$response = wp_remote_get(
add_query_arg(
array(
'fields' => 'id,username',
'access_token' => $access_token,
),
'https://graph.instagram.com/me'
),
array(
'timeout' => 30,
)
);
if ( is_wp_error( $response ) ) {
wp_send_json_error( $response->get_error_message() );
} elseif ( wp_remote_retrieve_response_code( $response ) !== 200 ) {
wp_send_json_error( __( 'Invalid access token.', 'flatsome-admin' ) );
}
$body = wp_remote_retrieve_body( $response );
$data = json_decode( $body, true );
if ( ! isset( $data['username'] ) ) {
wp_send_json_error( __( 'No username found for the access token', 'flatsome-admin' ) );
}
// Set the expiration date to a week from now.
$data['expires_at'] = time() + WEEK_IN_SECONDS;
$data['access_token'] = $access_token;
wp_send_json_success( $data );
}
add_action( 'wp_ajax_flatsome_validate_instagram_access_token', 'flatsome_ajax_validate_instagram_access_token' );