function feed_them_facebook_options_page()
{
$fts_functions = new feed_them_social_functions();
?>
<link href='http://fonts.googleapis.com/css?family=Rambla:400,700' rel='stylesheet' type='text/css'>
<div class="feed-them-social-admin-wrap">
<h1><?php
_e('Facebook Feed Options', 'feed-them-social');
?>
</h1>
<div class="use-of-plugin"><?php
_e('Change the color of your facebook feed and more using the options below.', 'feed-them-social');
?>
</div>
<!-- custom option for padding -->
<form method="post" class="fts-facebook-feed-options-form" action="options.php"><br/>
<?php
// get our registered settings from the fts functions
settings_fields('fts-facebook-feed-style-options');
?>
<?php
if (!is_plugin_active('feed-them-premium/feed-them-premium.php')) {
$FB_style_options = array(__('Feed Text Color', 'feed-them-social'), __('Feed Link Color', 'feed-them-social'), __('Feed Link Color Hover', 'feed-them-social'), __('Feed Width', 'feed-them-social'), __('Feed Margin ', 'feed-them-social'), __('Feed Padding', 'feed-them-social'), __('Feed Background Color', 'feed-them-social'), __('Feed Grid Posts Background Color (Grid style feeds ONLY)', 'feed-them-social'), __('Feed Border Bottom Color', 'feed-them-social'));
echo $fts_functions->need_fts_premium_fields($FB_style_options);
} else {
?>
<div class="feed-them-social-admin-input-wrap">
<div class="feed-them-social-admin-input-label fts-fb-text-color-label"><?php
_e('Feed Text Color', 'feed-them-social');
?>
</div>
<input type="text" name="fb_text_color" class="feed-them-social-admin-input fb-text-color-input color {hash:true,caps:false,required:false,adjust:false,pickerFaceColor:'#eee',pickerFace:3,pickerBorder:0,pickerInsetColor:'white'}" id="fb-text-color-input" placeholder="#222" value="<?php
echo get_option('fb_text_color');
?>
"/>
<div class="clear"></div>
</div><!--/fts-facebook-feed-styles-input-wrap-->
<div class="feed-them-social-admin-input-wrap">
<div class="feed-them-social-admin-input-label fts-fb-link-color-label"><?php
_e('Feed Link Color', 'feed-them-social');
?>
</div>
<input type="text" name="fb_link_color" class="feed-them-social-admin-input fb-link-color-input color {hash:true,caps:false,required:false,adjust:false,pickerFaceColor:'#eee',pickerFace:3,pickerBorder:0,pickerInsetColor:'white'}" id="fb-link-color-input" placeholder="#222" value="<?php
echo get_option('fb_link_color');
?>
"/>
<div class="clear"></div>
</div><!--/fts-facebook-feed-styles-input-wrap-->
<div class="feed-them-social-admin-input-wrap">
<div class="feed-them-social-admin-input-label fts-fb-link-color-hover-label"><?php
_e('Feed Link Color Hover', 'feed-them-social');
?>
</div>
<input type="text" name="fb_link_color_hover" class="feed-them-social-admin-input fb-link-color-hover-input color {hash:true,caps:false,required:false,adjust:false,pickerFaceColor:'#eee',pickerFace:3,pickerBorder:0,pickerInsetColor:'white'}" id="fb-link-color-hover-input" placeholder="#ddd" value="<?php
echo get_option('fb_link_color_hover');
?>
"/>
<div class="clear"></div>
</div><!--/fts-facebook-feed-styles-input-wrap-->
<div class="feed-them-social-admin-input-wrap">
<div class="feed-them-social-admin-input-label fts-fb-feed-width-label"><?php
_e('Feed Width', 'feed-them-social');
?>
</div>
<input type="text" name="fb_feed_width" class="feed-them-social-admin-input fb-feed-width-input" id="fb-feed-width-input" placeholder="500px" value="<?php
echo get_option('fb_feed_width');
?>
"/>
<div class="clear"></div>
</div><!--/fts-facebook-feed-styles-input-wrap-->
<div class="feed-them-social-admin-input-wrap">
<div class="feed-them-social-admin-input-label fts-fb-feed-margin-label"><?php
_e('Feed Margin <br/><small>To center feed type auto</small>', 'feed-them-social');
?>
</div>
<input type="text" name="fb_feed_margin" class="feed-them-social-admin-input fb-feed-margin-input" id="fb-feed-margin-input" placeholder="10px" value="<?php
echo get_option('fb_feed_margin');
?>
"/>
<div class="clear"></div>
</div><!--/fts-facebook-feed-styles-input-wrap-->
<div class="feed-them-social-admin-input-wrap">
<div class="feed-them-social-admin-input-label fts-fb-feed-padding-label"><?php
_e('Feed Padding', 'feed-them-social');
?>
</div>
<input type="text" name="fb_feed_padding" class="feed-them-social-admin-input fb-feed-padding-input" id="fb-feed-padding-input" placeholder="10px" value="<?php
echo get_option('fb_feed_padding');
?>
"/>
<div class="clear"></div>
</div><!--/fts-facebook-feed-styles-input-wrap-->
<div class="feed-them-social-admin-input-wrap">
<div class="feed-them-social-admin-input-label fts-fb-feed-background-color-label"><?php
_e('Feed Background Color', 'feed-them-social');
?>
</div>
<input type="text" name="fb_feed_background_color" class="feed-them-social-admin-input fb-feed-background-color-input color {hash:true,caps:false,required:false,adjust:false,pickerFaceColor:'#eee',pickerFace:3,pickerBorder:0,pickerInsetColor:'white'}" id="fb-feed-background-color-input" placeholder="#ddd" value="<?php
echo get_option('fb_feed_background_color');
?>
"/>
<div class="clear"></div>
</div><!--/fts-facebook-feed-styles-input-wrap-->
<div class="feed-them-social-admin-input-wrap">
<div class="feed-them-social-admin-input-label fts-fb-grid-posts-background-color-label"><?php
_e('Feed Grid Posts Background Color (Grid style feeds ONLY)', 'feed-them-social');
?>
</div>
<input type="text" name="fb_grid_posts_background_color" class="feed-them-social-admin-input fb-grid-posts-background-color-input color {hash:true,caps:false,required:false,adjust:false,pickerFaceColor:'#eee',pickerFace:3,pickerBorder:0,pickerInsetColor:'white'}" id="fb-grid-posts-background-color-input" placeholder="#ddd" value="<?php
echo get_option('fb_grid_posts_background_color');
?>
"/>
<div class="clear"></div>
</div><!--/fts-facebook-feed-styles-input-wrap-->
<div class="feed-them-social-admin-input-wrap">
<div class="feed-them-social-admin-input-label fts-fb-border-bottom-color-label"><?php
_e('Feed Border Bottom Color', 'feed-them-social');
?>
</div>
<input type="text" name="fb_border_bottom_color" class="feed-them-social-admin-input fb-border-bottom-color-input color {hash:true,caps:false,required:false,adjust:false,pickerFaceColor:'#eee',pickerFace:3,pickerBorder:0,pickerInsetColor:'white'}" id="fb-border-bottom-color-input" placeholder="#ddd" value="<?php
echo get_option('fb_border_bottom_color');
?>
"/>
<div class="clear"></div>
</div><!--/fts-facebook-feed-styles-input-wrap-->
<?php
}
//END IF PREMIUM
?>
<h2><?php
_e('Facebook API Token', 'feed-them-social');
?>
</h2>
<?php
$test_app_token_id = get_option('fts_facebook_custom_api_token');
if (!empty($test_app_token_id)) {
$fts_fb_access_token = '226916994002335|ks3AFvyAOckiTA1u_aDoI4HYuuw';
$test_app_token_URL = array('app_token_id' => 'https://graph.facebook.com/debug_token?input_token=' . $test_app_token_id . '&access_token=' . $test_app_token_id);
//Test App ID
// Leave these for reference:
// App token for FTS APP2: 358962200939086|lyXQ5-zqXjvYSIgEf8mEhE9gZ_M
// App token for FTS APP3: 705020102908771|rdaGxW9NK2caHCtFrulCZwJNPyY
$test_app_token_response = $fts_functions->fts_get_feed_json($test_app_token_URL);
$test_app_token_response = json_decode($test_app_token_response['app_token_id']);
}
?>
<div class="fts-facebook-custom-api-token-label"><?php
_e('Facebook App ID or User Token (for all facebook feeds). Not required to make the feed work. A User Token however will allow you to see certain post types that may be returning the message, Undefined Attachment. See how to <a href="http://www.slickremix.com/docs/create-facebook-app-id-or-user-token" target="_blank">GET APP ID or USER TOKEN</a>.', 'feed-them-social');
?>
</div>
<div class="feed-them-social-admin-input-wrap" style="margin-bottom:0px;">
<div class="feed-them-social-admin-input-label fts-twitter-border-bottom-color-label"><?php
_e('APP ID or Token optional', 'feed-them-social');
?>
</div>
<input type="text" name="fts_facebook_custom_api_token" class="feed-them-social-admin-input" id="fts_facebook_custom_api_token" value="<?php
echo get_option('fts_facebook_custom_api_token');
?>
"/>
<div class="clear"></div>
</div>
<?php
if (!empty($test_app_token_response)) {
if (isset($test_app_token_response->data->is_valid)) {
echo '<div class="fts-successful-api-token">' . __('Your access token is working!', 'feed-them-social') . '</div>';
}
if (isset($test_app_token_response->data->error->message) || isset($test_app_token_response->error->message)) {
if (isset($test_app_token_response->data->error->message)) {
echo '<div class="fts-failed-api-token">' . __('Oh No something\'s wrong.', 'feed-them-social') . ' ' . $test_app_token_response->data->error->message . '</div>';
}
if (isset($test_app_token_response->error->message)) {
echo '<div class="fts-failed-api-token">' . __('Oh No something\'s wrong.', 'feed-them-social') . ' ' . $test_app_token_response->error->message . '</div>';
}
}
} else {
echo '<div class="fts-successful-api-token">' . __('You are using our Default Access Token.', 'feed-them-social') . '</div>';
}
?>
<div class="clear"></div>
<input type="submit" class="feed-them-social-admin-submit-btn" value="<?php
_e('Save All Changes');
?>
" />
</form>
<a class="feed-them-social-admin-slick-logo" href="http://www.slickremix.com" target="_blank"></a>
</div><!--/feed-them-social-admin-wrap-->
<?php
}
function feed_them_twitter_options_page()
{
$fts_functions = new feed_them_social_functions();
?>
<link href='http://fonts.googleapis.com/css?family=Rambla:400,700' rel='stylesheet' type='text/css'>
<div class="feed-them-social-admin-wrap">
<h1><?php
_e('Twitter Feed Options', 'feed-them-social');
?>
</h1>
<div class="use-of-plugin"><?php
_e('Change the color of your twitter feed and more using the options below.', 'feed-them-social');
?>
</div>
<!-- custom option for padding -->
<form method="post" class="fts-twitter-feed-options-form" action="options.php"><br/>
<?php
// get our registered settings from the fts functions
settings_fields('fts-twitter-feed-style-options');
?>
<?php
if (!is_plugin_active('feed-them-premium/feed-them-premium.php')) {
$twitter_style_options = array(__('Hide Profile Photo', 'feed-them-social'), __('Feed Text Color', 'feed-them-social'), __('Feed Link Color', 'feed-them-social'), __('Feed Link Color Hover', 'feed-them-social'), __('Feed Width', 'feed-them-social'), __('Feed Margin ', 'feed-them-social'), __('Feed Padding', 'feed-them-social'), __('Feed Background Color', 'feed-them-social'), __('Feed Border Bottom Color', 'feed-them-social'));
echo $fts_functions->need_fts_premium_fields($twitter_style_options);
} else {
$twitter_full_width = get_option('twitter_full_width');
?>
<div class="feed-them-social-admin-input-wrap">
<div class="feed-them-social-admin-input-label fts-twitter-text-color-label"><?php
_e('Hide Profile Photo', 'feed-them-social');
?>
</div>
<select name="twitter_full_width" id="twitter-full-width" class="feed-them-social-admin-input">
<option '<?php
echo selected($twitter_full_width, 'no', false);
?>
' value="no"><?php
_e('No', 'feed-them-social');
?>
</option>
<option '<?php
echo selected($twitter_full_width, 'yes', false);
?>
' value="yes"><?php
_e('Yes', 'feed-them-social');
?>
</option>
</select>
<div class="clear"></div>
</div><!--/fts-twitter-feed-styles-input-wrap-->
<div class="feed-them-social-admin-input-wrap">
<div class="feed-them-social-admin-input-label fts-twitter-text-color-label"><?php
_e('Feed Text Color', 'feed-them-social');
?>
</div>
<input type="text" name="twitter_text_color" class="feed-them-social-admin-input twitter-text-color-input color {hash:true,caps:false,required:false,adjust:false,pickerFaceColor:'#eee',pickerFace:3,pickerBorder:0,pickerInsetColor:'white'}" id="twitter-text-color-input" placeholder="#222" value="<?php
echo get_option('twitter_text_color');
?>
"/>
<div class="clear"></div>
</div><!--/fts-twitter-feed-styles-input-wrap-->
<div class="feed-them-social-admin-input-wrap">
<div class="feed-them-social-admin-input-label fts-twitter-link-color-label"><?php
_e('Feed Link Color', 'feed-them-social');
?>
</div>
<input type="text" name="twitter_link_color" class="feed-them-social-admin-input twitter-link-color-input color {hash:true,caps:false,required:false,adjust:false,pickerFaceColor:'#eee',pickerFace:3,pickerBorder:0,pickerInsetColor:'white'}" id="twitter-link-color-input" placeholder="#222" value="<?php
echo get_option('twitter_link_color');
?>
"/>
<div class="clear"></div>
</div><!--/fts-twitter-feed-styles-input-wrap-->
<div class="feed-them-social-admin-input-wrap">
<div class="feed-them-social-admin-input-label fts-twitter-link-color-hover-label"><?php
_e('Feed Link Color Hover', 'feed-them-social');
?>
</div>
<input type="text" name="twitter_link_color_hover" class="feed-them-social-admin-input twitter-link-color-hover-input color {hash:true,caps:false,required:false,adjust:false,pickerFaceColor:'#eee',pickerFace:3,pickerBorder:0,pickerInsetColor:'white'}" id="twitter-link-color-hover-input" placeholder="#ddd" value="<?php
echo get_option('twitter_link_color_hover');
?>
"/>
<div class="clear"></div>
</div><!--/fts-twitter-feed-styles-input-wrap-->
<div class="feed-them-social-admin-input-wrap">
<div class="feed-them-social-admin-input-label fts-twitter-feed-width-label"><?php
_e('Feed Width', 'feed-them-social');
?>
</div>
<input type="text" name="twitter_feed_width" class="feed-them-social-admin-input twitter-feed-width-input" id="twitter-feed-width-input" placeholder="500px" value="<?php
echo get_option('twitter_feed_width');
?>
"/>
<div class="clear"></div>
</div><!--/fts-twitter-feed-styles-input-wrap-->
<div class="feed-them-social-admin-input-wrap">
<div class="feed-them-social-admin-input-label fts-twitter-feed-margin-label"><?php
_e('Feed Margin <br/><small>To center feed type auto</small>', 'feed-them-social');
?>
</div>
<input type="text" name="twitter_feed_margin" class="feed-them-social-admin-input twitter-feed-margin-input" id="twitter-feed-margin-input" placeholder="10px" value="<?php
echo get_option('twitter_feed_margin');
?>
"/>
<div class="clear"></div>
</div><!--/fts-twitter-feed-styles-input-wrap-->
<div class="feed-them-social-admin-input-wrap">
<div class="feed-them-social-admin-input-label fts-twitter-feed-padding-label"><?php
_e('Feed Padding', 'feed-them-social');
?>
</div>
<input type="text" name="twitter_feed_padding" class="feed-them-social-admin-input twitter-feed-padding-input" id="twitter-feed-padding-input" placeholder="10px" value="<?php
echo get_option('twitter_feed_padding');
?>
"/>
<div class="clear"></div>
</div><!--/fts-twitter-feed-styles-input-wrap-->
<div class="feed-them-social-admin-input-wrap">
<div class="feed-them-social-admin-input-label fts-twitter-feed-background-color-label"><?php
_e('Feed Background Color', 'feed-them-social');
?>
</div>
<input type="text" name="twitter_feed_background_color" class="feed-them-social-admin-input twitter-feed-background-color-input color {hash:true,caps:false,required:false,adjust:false,pickerFaceColor:'#eee',pickerFace:3,pickerBorder:0,pickerInsetColor:'white'}" id="twitter-feed-background-color-input" placeholder="#ddd" value="<?php
echo get_option('twitter_feed_background_color');
?>
"/>
<div class="clear"></div>
</div><!--/fts-twitter-feed-styles-input-wrap-->
<div class="feed-them-social-admin-input-wrap">
<div class="feed-them-social-admin-input-label fts-twitter-border-bottom-color-label"><?php
_e('Feed Border Bottom Color', 'feed-them-social');
?>
</div>
<input type="text" name="twitter_border_bottom_color" class="feed-them-social-admin-input twitter-border-bottom-color-input color {hash:true,caps:false,required:false,adjust:false,pickerFaceColor:'#eee',pickerFace:3,pickerBorder:0,pickerInsetColor:'white'}" id="twitter-border-bottom-color-input" placeholder="#ddd" value="<?php
echo get_option('twitter_border_bottom_color');
?>
"/>
<div class="clear"></div>
</div><!--/fts-twitter-feed-styles-input-wrap-->
<?php
}
//END IF PREMIUM
?>
<h2><?php
_e('Twitter API Token', 'feed-them-social');
?>
</h2>
<?php
$test_fts_twitter_custom_consumer_key = get_option('fts_twitter_custom_consumer_key');
$test_fts_twitter_custom_consumer_secret = get_option('fts_twitter_custom_consumer_secret');
$test_fts_twitter_custom_access_token = get_option('fts_twitter_custom_access_token');
$test_fts_twitter_custom_access_token_secret = get_option('fts_twitter_custom_access_token_secret');
if (isset($_GET['page']) && $_GET['page'] == 'fts-twitter-feed-styles-submenu-page') {
include WP_CONTENT_DIR . '/plugins/feed-them-social/feeds/twitter/twitteroauth/twitteroauth.php';
$test_connection = new TwitterOAuthFTS($test_fts_twitter_custom_consumer_key, $test_fts_twitter_custom_consumer_secret, $test_fts_twitter_custom_access_token, $test_fts_twitter_custom_access_token_secret);
$fetchedTweets = $test_connection->get('statuses/user_timeline', array('screen_name' => 'twitter', 'count' => '1'));
}
?>
<div class="fts-facebook-custom-api-token-label"><?php
_e('If you keep seeing the message \'sorry twitter is down and will be right back\', it may be a good idea to add your own tokens below. See how to <a href="http://www.slickremix.com/docs/how-to-get-api-keys-and-tokens-for-twitter/" target="_blank">get API Keys and Tokens for Twitter</a>. Leave the fields below empty to use our Default API access tokens. If you do add your own tokens, after Saving all Changes make sure and <a href="admin.php?page=feed-them-settings-page&cache=clearcache">click here to delete cache</a>.', 'feed-them-social');
?>
</div>
<div class="twitter-api-wrap">
<div class="feed-them-social-admin-input-wrap">
<div class="feed-them-social-admin-input-label fts-twitter-border-bottom-color-label"><?php
_e('Consumer Key (API Key)', 'feed-them-social');
?>
</div>
<input type="text" name="fts_twitter_custom_consumer_key" class="feed-them-social-admin-input" id="fts_facebook_custom_api_token" value="<?php
echo get_option('fts_twitter_custom_consumer_key');
?>
"/>
<div class="clear"></div>
</div>
<div class="feed-them-social-admin-input-wrap">
<div class="feed-them-social-admin-input-label fts-twitter-border-bottom-color-label"><?php
_e('Consumer Secret (API Secret)', 'feed-them-social');
?>
</div>
<input type="text" name="fts_twitter_custom_consumer_secret" class="feed-them-social-admin-input" id="fts_facebook_custom_api_token" value="<?php
echo get_option('fts_twitter_custom_consumer_secret');
?>
"/>
<div class="clear"></div>
</div>
<div class="feed-them-social-admin-input-wrap">
<div class="feed-them-social-admin-input-label fts-twitter-border-bottom-color-label"><?php
_e('Access Token', 'feed-them-social');
?>
</div>
<input type="text" name="fts_twitter_custom_access_token" class="feed-them-social-admin-input" id="fts_facebook_custom_api_token" value="<?php
echo get_option('fts_twitter_custom_access_token');
?>
"/>
<div class="clear"></div>
</div>
<div class="feed-them-social-admin-input-wrap">
<div class="feed-them-social-admin-input-label fts-twitter-border-bottom-color-label"><?php
_e('Access Token Secret', 'feed-them-social');
?>
</div>
<input type="text" name="fts_twitter_custom_access_token_secret" class="feed-them-social-admin-input" id="fts_facebook_custom_api_token" value="<?php
echo get_option('fts_twitter_custom_access_token_secret');
?>
"/>
<div class="clear"></div>
</div>
</div><!--twitter-api-wrap-->
<?php
if (!empty($test_fts_twitter_custom_consumer_key) && !empty($test_fts_twitter_custom_consumer_secret) && !empty($test_fts_twitter_custom_access_token) && !empty($test_fts_twitter_custom_access_token_secret)) {
if ($test_connection->http_code != 200 || $fetchedTweets->errors) {
echo '<div class="fts-failed-api-token">' . __('Oh No something\'s wrong.', 'feed-them-social') . '';
foreach ($fetchedTweets->errors as $error) {
echo ' <strong>' . $error->message . '. </strong> ' . __('You may have entered in the Access information incorrectly please re-enter and try again.', 'feed-them-social') . '';
}
echo '</div>';
} else {
echo '<div class="fts-successful-api-token">' . __('Your access token is working!', 'feed-them-social') . '</div>';
}
} else {
echo '<div class="fts-successful-api-token">' . __('You are using our Default Access info.', 'feed-them-social') . '</div>';
}
?>
<div class="clear"></div>
<input type="submit" class="feed-them-social-admin-submit-btn" value="<?php
_e('Save All Changes');
?>
" />
</form>
<a class="feed-them-social-admin-slick-logo" href="http://www.slickremix.com" target="_blank"></a>
</div><!--/feed-them-social-admin-wrap-->
<?php
}
