Custom Facebook Feed - Version 1.6.4

Version Description

  • New: Added localization support. Full support for various languages coming soon
  • New: Added CSS classes to different post types to allow for different styling based on post type
  • New: Option to link statuses to either the status post itself or the directly to the page/timeline
  • New: Added option to add thumbnail faces of fans to the Like box and define a width
  • Tweak: Added separate classes to 'View on Facebook' and 'View Link' links so that they can be targeted with CSS
  • Tweak: Prefixed every CSS class to prevent styling conflicts with theme stylesheets. Please note that if you used custom CSS to style parts of the feed that the CSS classes are now prefixed with 'cff-' to prevent theme conflicts. Eg. '.more' is now '.cff-more'.
Download this release

Release Info

Developer smashballoon
Plugin Icon 128x128 Custom Facebook Feed
Version 1.6.4
Comparing to
See all releases

Code changes from version 1.6.3 to 1.6.4

README.txt CHANGED
@@ -2,8 +2,8 @@
2
Contributors: smashballoon
3
Tags: facebook, custom, customizable, feed, events, seo, search engine, responsive, mobile, shortcode, social, status, posts
4
Requires at least: 3.0
5
- Tested up to: 3.6.1
6
- Stable tag: 1.6.3
7
License: GPLv2 or later
8
License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
@@ -11,7 +11,13 @@ The Custom Facebook Feed allows you to display a completely customizable Faceboo
11
12
== Description ==
13
14
- Display a **completely customizable**, **responsive** and **search engine crawlable** version of your Facebook feed on your website. Completely match the look and feel of the site!
15
16
= Features =
17
@@ -32,8 +38,9 @@ Display a **completely customizable**, **responsive** and **search engine crawla
32
* Use the shortcode options to style multiple Facebook feeds in completely different ways
33
* Select the number of Facebook posts to display
34
* Set a maximum character length for both the text and descriptions of your Facebook posts
35
36
- To display photos, videos, the number of likes, shares and comments for each Facebook post, multiple layout options and more then [upgrade to the Pro version](http://smashballoon.com/custom-facebook-feed/ "Custom Facebook Feed Pro"). Try out the [Pro demo](http://smashballoon.com/custom-facebook-feed/demo "Custom Facebook Feed Demo").
37
38
== Installation ==
39
@@ -67,11 +74,11 @@ Yep. You set your default Facebook page ID in the plugin's settings but then you
67
68
= Can I show photos and videos in my Custom Facebook feed? =
69
70
- This free plugin only allows you to display textual updates from your Facebook feed. To display photos and videos in your feed you need to upgrade to the PRO version of the plugin. Try out a demo of the PRO version on the [Custom Facebook Feed website](http://smashballoon.com/custom-facebook-feed/demo "Custom Facebook Feed Demo"), and find out more about the PRO version [here](http://smashballoon.com/custom-facebook-feed/ "Custom Facebook Feed PRO").
71
72
= Can I show the comments associated with each Facebook post? =
73
74
- For this feature please upgrade to the [PRO version of the plugin](http://smashballoon.com/custom-facebook-feed/ "Custom Facebook Feed PRO").
75
76
= Is the content of my Custom Facebook Feed crawlable by search engines? =
77
@@ -95,6 +102,14 @@ You can embed your Facebook feed directly into a template file by using the Word
95
96
== Changelog ==
97
98
= 1.6.3 =
99
* New: Added support for Facebook 'Offers'
100
* Fix: Fixed an issue with the 'others' shortcode option not working correctly
2
Contributors: smashballoon
3
Tags: facebook, custom, customizable, feed, events, seo, search engine, responsive, mobile, shortcode, social, status, posts
4
Requires at least: 3.0
5
+ Tested up to: 3.7.1
6
+ Stable tag: 1.6.4
7
License: GPLv2 or later
8
License URI: http://www.gnu.org/licenses/gpl-2.0.html
9
11
12
== Description ==
13
14
+ Display a **completely customizable**, **responsive** and **search engine crawlable** version of your Facebook feed on your website. Completely match the look and feel of the site with tons of customization options!
15
+
16
+ *"The perfect plugin with amazing support! What else do you want? Get it!"* - [JoeJeffries](http://wordpress.org/support/topic/you-dont-already-have-this)
17
+
18
+ *"Loving the Facebook feed plugin from @smashballoon. It's gonna transform my work's website! Great customer service too :)"* - [Grace Snow](https://twitter.com/GraceSnow/statuses/365915197149429760)
19
+
20
+ *"I tried a few other Facebook plugins but this was by far the simplest and easiest to use. The others were quite confusing or didn't let you change even the simplest things. This plugin lets you change literally every part of it. Didn't have any issues setting it up at all and it's working great. Keep up the good work!"* [Ben Donald](http://wordpress.org/support/topic/simple-to-set-up-and-looks-great)
21
22
= Features =
23
38
* Use the shortcode options to style multiple Facebook feeds in completely different ways
39
* Select the number of Facebook posts to display
40
* Set a maximum character length for both the text and descriptions of your Facebook posts
41
+ * Localization support
42
43
+ To display photos, videos, the number of likes, shares and comments for each Facebook post, multiple layout options, post filtering by type or #hashtag/string and more then [upgrade to the Pro version](http://smashballoon.com/custom-facebook-feed/ "Custom Facebook Feed Pro"). Try out the [Pro demo](http://smashballoon.com/custom-facebook-feed/demo "Custom Facebook Feed Demo").
44
45
== Installation ==
46
74
75
= Can I show photos and videos in my Custom Facebook feed? =
76
77
+ This free plugin only allows you to display textual updates from your Facebook feed. To display photos and videos in your feed you need to upgrade to the Pro version of the plugin. Try out a demo of the Pro version on the [Custom Facebook Feed website](http://smashballoon.com/custom-facebook-feed/demo "Custom Facebook Feed Demo"), and find out more about the Pro version [here](http://smashballoon.com/custom-facebook-feed/ "Custom Facebook Feed Pro").
78
79
= Can I show the comments associated with each Facebook post? =
80
81
+ For this feature please upgrade to the [Pro version of the plugin](http://smashballoon.com/custom-facebook-feed/ "Custom Facebook Feed Pro).
82
83
= Is the content of my Custom Facebook Feed crawlable by search engines? =
84
102
103
== Changelog ==
104
105
+ = 1.6.4 =
106
+ * New: Added localization support. Full support for various languages coming soon
107
+ * New: Added CSS classes to different post types to allow for different styling based on post type
108
+ * New: Option to link statuses to either the status post itself or the directly to the page/timeline
109
+ * New: Added option to add thumbnail faces of fans to the Like box and define a width
110
+ * Tweak: Added separate classes to 'View on Facebook' and 'View Link' links so that they can be targeted with CSS
111
+ * Tweak: Prefixed every CSS class to prevent styling conflicts with theme stylesheets. Please note that if you used custom CSS to style parts of the feed that the CSS classes are now prefixed with 'cff-' to prevent theme conflicts. Eg. '.more' is now '.cff-more'.
112
+
113
= 1.6.3 =
114
* New: Added support for Facebook 'Offers'
115
* Fix: Fixed an issue with the 'others' shortcode option not working correctly
css/cff-style.css CHANGED
@@ -25,7 +25,7 @@
25
/*** TYPOGRAPHY ***/
26
/******************/
27
/*See more/less links*/
28
- #cff .less{
29
display: none;
30
}
31
/* Links */
@@ -82,7 +82,7 @@
82
/*************/
83
/*** MEDIA ***/
84
/*************/
85
- #cff .break-word{
86
word-break: break-all;
87
}
88
/* Link */
@@ -94,51 +94,52 @@
94
font-weight: normal;
95
}
96
/*Link image*/
97
- #cff .link{
98
float: left;
99
clear: both;
100
max-width: 20%;
101
margin-top: 10px;
102
}
103
- #cff .link img{
104
max-width: 100%;
105
}
106
/*Link text*/
107
- #cff .text-link{
108
float: left;
109
clear: none;
110
width: 72%;
111
margin-left: 3%;
112
padding: 5px 0 10px 0;
113
}
114
- #cff .text-link.no-image{
115
width: 100%;
116
margin-left: 0;
117
}
118
/* Feed events */
119
- #cff .details{
120
float: left;
121
clear: none;
122
width: 100%;
123
padding: 10px 0 0 0;
124
}
125
- #cff .details h5{
126
margin: 0 0 5px 0;
127
font-size: 16px;
128
}
129
- #cff .details p{
130
font-size: 14px;
131
}
132
- #cff .details .info{
133
padding: 10px 0 0 0;
134
line-height: 1.2;
135
}
136
- #cff .details .where,
137
- #cff .details .when{
138
/*font-weight: bold;*/
139
}
140
/* View on Facebook / View Link text */
141
- #cff .cff-viewpost{
142
float: right;
143
clear: none;
144
padding-top: 12px;
@@ -154,10 +155,10 @@
154
margin-left: -10px;
155
}
156
/*Like box is not inside of #cff*/
157
- .cff-likebox.top.outside{
158
margin-bottom: 10px;
159
}
160
- .cff-likebox.bottom.outside{
161
margin-top: 10px;
162
}
163
/* Clear fix */
@@ -175,7 +176,7 @@
175
/*********************/
176
/*** STYLE OPTIONS ***/
177
/*********************/
178
- #cff.fixed-height{
179
overflow: hidden;
180
overflow-y: auto;
181
padding: 5px 10px;
25
/*** TYPOGRAPHY ***/
26
/******************/
27
/*See more/less links*/
28
+ #cff .cff-less{
29
display: none;
30
}
31
/* Links */
82
/*************/
83
/*** MEDIA ***/
84
/*************/
85
+ #cff .cff-break-word{
86
word-break: break-all;
87
}
88
/* Link */
94
font-weight: normal;
95
}
96
/*Link image*/
97
+ #cff .cff-link{
98
float: left;
99
clear: both;
100
max-width: 20%;
101
margin-top: 10px;
102
}
103
+ #cff .cff-link img{
104
max-width: 100%;
105
}
106
/*Link text*/
107
+ #cff .cff-text-link{
108
float: left;
109
clear: none;
110
width: 72%;
111
margin-left: 3%;
112
padding: 5px 0 10px 0;
113
}
114
+ #cff .cff-text-link.cff-no-image{
115
width: 100%;
116
margin-left: 0;
117
}
118
/* Feed events */
119
+ #cff .cff-details{
120
float: left;
121
clear: none;
122
width: 100%;
123
padding: 10px 0 0 0;
124
}
125
+ #cff .cff-details h5{
126
margin: 0 0 5px 0;
127
font-size: 16px;
128
}
129
+ #cff .cff-details p{
130
font-size: 14px;
131
}
132
+ #cff .cff-details .cff-info{
133
padding: 10px 0 0 0;
134
line-height: 1.2;
135
}
136
+ #cff .cff-details .cff-where,
137
+ #cff .cff-details .cff-when{
138
/*font-weight: bold;*/
139
}
140
/* View on Facebook / View Link text */
141
+ #cff .cff-viewpost-link,
142
+ #cff .cff-viewpost-facebook{
143
float: right;
144
clear: none;
145
padding-top: 12px;
155
margin-left: -10px;
156
}
157
/*Like box is not inside of #cff*/
158
+ .cff-likebox.cff-top.cff-outside{
159
margin-bottom: 10px;
160
}
161
+ .cff-likebox.cff-bottom.cff-outside{
162
margin-top: 10px;
163
}
164
/* Clear fix */
176
/*********************/
177
/*** STYLE OPTIONS ***/
178
/*********************/
179
+ #cff.cff-fixed-height{
180
overflow: hidden;
181
overflow-y: auto;
182
padding: 5px 10px;
custom-facebook-feed-admin.php CHANGED
@@ -1,1426 +1,1540 @@
1
- <?php
2
- function cff_menu() {
3
- add_menu_page(
4
- '',
5
- 'Facebook Feed',
6
- 'manage_options',
7
- 'cff-top',
8
- 'cff_settings_page'
9
- );
10
- add_submenu_page(
11
- 'cff-top',
12
- 'Settings',
13
- 'Settings',
14
- 'manage_options',
15
- 'cff-top',
16
- 'cff_settings_page'
17
- );
18
- }
19
- add_action('admin_menu', 'cff_menu');
20
- //Add styling page
21
- function cff_styling_menu() {
22
- add_submenu_page(
23
- 'cff-top',
24
- 'Layout & Style',
25
- 'Layout & Style',
26
- 'manage_options',
27
- 'cff-style',
28
- 'cff_style_page'
29
- );
30
- }
31
- add_action('admin_menu', 'cff_styling_menu');
32
-
33
- //Create Settings page
34
- function cff_settings_page() {
35
- //Declare variables for fields
36
- $hidden_field_name = 'cff_submit_hidden';
37
- $access_token = 'cff_access_token';
38
- $page_id = 'cff_page_id';
39
- $num_show = 'cff_num_show';
40
- $cff_post_limit = 'cff_post_limit';
41
- $cff_show_others = 'cff_show_others';
42
- $cff_cache_time = 'cff_cache_time';
43
- $cff_cache_time_unit = 'cff_cache_time_unit';
44
- // Read in existing option value from database
45
- $access_token_val = get_option( $access_token );
46
- $page_id_val = get_option( $page_id );
47
- $num_show_val = get_option( $num_show, '5' );
48
- $cff_post_limit_val = get_option( $cff_post_limit );
49
- $cff_show_others_val = get_option( $cff_show_others );
50
- $cff_cache_time_val = get_option( $cff_cache_time, '1' );
51
- $cff_cache_time_unit_val = get_option( $cff_cache_time_unit, 'hours' );
52
- // See if the user has posted us some information. If they did, this hidden field will be set to 'Y'.
53
- if( isset($_POST[ $hidden_field_name ]) && $_POST[ $hidden_field_name ] == 'Y' ) {
54
- // Read their posted value
55
- $access_token_val = $_POST[ $access_token ];
56
- $page_id_val = $_POST[ $page_id ];
57
- $num_show_val = $_POST[ $num_show ];
58
- $cff_post_limit_val = $_POST[ $cff_post_limit ];
59
- $cff_show_others_val = $_POST[ $cff_show_others ];
60
- $cff_cache_time_val = $_POST[ $cff_cache_time ];
61
- $cff_cache_time_unit_val = $_POST[ $cff_cache_time_unit ];
62
- // Save the posted value in the database
63
- update_option( $access_token, $access_token_val );
64
- update_option( $page_id, $page_id_val );
65
- update_option( $num_show, $num_show_val );
66
- update_option( $cff_post_limit, $cff_post_limit_val );
67
- update_option( $cff_show_others, $cff_show_others_val );
68
- update_option( $cff_cache_time, $cff_cache_time_val );
69
- update_option( $cff_cache_time_unit, $cff_cache_time_unit_val );
70
-
71
- //Delete the transient for the main page ID
72
- delete_transient( 'cff_posts_json_' .$page_id_val );
73
- delete_transient( 'cff_feed_json_' .$page_id_val );
74
- delete_transient( 'cff_events_json_' . $page_id_val );
75
-
76
- //Delete ALL transients
77
- global $wpdb;
78
- $table_name = $wpdb->prefix . "options";
79
- $wpdb->query( "
80
- DELETE
81
- FROM $table_name
82
- WHERE `option_name` LIKE ('%cff\_posts\_json\_%')
83
- " );
84
- $wpdb->query( "
85
- DELETE
86
- FROM $table_name
87
- WHERE `option_name` LIKE ('%cff\_feed\_json\_%')
88
- " );
89
- $wpdb->query( "
90
- DELETE
91
- FROM $table_name
92
- WHERE `option_name` LIKE ('%cff\_events\_json\_%')
93
- " );
94
-
95
- // Put an settings updated message on the screen
96
- ?>
97
- <div class="updated"><p><strong><?php _e('Settings saved.', 'custom-facebook-feed' ); ?></strong></p></div>
98
- <?php } ?>
99
-
100
- <div id="cff-admin" class="wrap">
101
- <div id="header">
102
- <h1><?php _e('Custom Facebook Feed Settings'); ?></h1>
103
- </div>
104
- <form name="form1" method="post" action="">
105
- <input type="hidden" name="<?php echo $hidden_field_name; ?>" value="Y">
106
- <br />
107
- <h3><?php _e('Configuration'); ?></h3>
108
- <table class="form-table">
109
- <tbody>
110
- <tr valign="top">
111
- <th scope="row"><?php _e('Access Token'); ?></th>
112
- <td>
113
- <input name="cff_access_token" type="text" value="<?php esc_attr_e( $access_token_val ); ?>" size="60" />
114
- <!--<a href="#" id="verify-token" class="button-secondary"><?php _e('Verify Access Token'); ?></a>-->
115
- &nbsp;<a class="tooltip-link" href="JavaScript:void(0);"><?php _e('How to get an Access Token'); ?></a>
116
- <br /><i style="color: #666; font-size: 11px;">Eg. 1234567890123|ABC2fvp5h9tJe4-5-AbC123</i>
117
- <p class="tooltip"><?php _e("In order to use the plugin, Facebook requires you to obtain an access token to access their data. Don't worry though, this is really easy to do. Just follow the step-by-step instructions at the following link: <a href='http://smashballoon.com/custom-facebook-feed/access-token/' target='_blank'>How to get a Facebook Access Token</a>"); ?>.</p>
118
- </td>
119
- </tr>
120
- <tr valign="top">
121
- <th scope="row"><?php _e('Facebook Page ID'); ?></th>
122
- <td>
123
- <input name="cff_page_id" type="text" value="<?php esc_attr_e( $page_id_val ); ?>" size="60" />
124
- &nbsp;<a class="tooltip-link" href="JavaScript:void(0);"><?php _e('What\'s my Page ID?'); ?></a>
125
- <br /><i style="color: #666; font-size: 11px;">Eg. 1234567890123 or smashballoon</i>
126
- <p class="tooltip"><?php _e('If you have a Facebook page with a URL like this:'); ?> <code>https://www.facebook.com/your_page_name</code> <?php _e('then the Page ID is just'); ?> <b>your_page_name</b>. <?php _e('If your page URL is structured like this:'); ?> <code>https://www.facebook.com/pages/your_page_name/123654123654123</code> <?php _e('then the Page ID is actually the number at the end, so in this case'); ?> <b>123654123654123</b>.</p>
127
- </td>
128
- </tr>
129
- <tr valign="top">
130
- <th scope="row"><?php _e('Number of posts to display'); ?></th>
131
- <td>
132
- <input name="cff_num_show" type="text" value="<?php esc_attr_e( $num_show_val ); ?>" size="4" />
133
- <i style="color: #666; font-size: 11px;">Eg. 5</i>
134
- </td>
135
- </tr>
136
- <tr valign="top">
137
- <th scope="row"><?php _e('Alter the post limit'); ?></th>
138
- <td>
139
- <input name="cff_post_limit" type="text" value="<?php esc_attr_e( $cff_post_limit_val ); ?>" size="4" />
140
- <i style="color: #666; font-size: 11px;">Eg. 50</i> <a class="tooltip-link bump-left" href="JavaScript:void(0);"><?php _e('What does this mean?'); ?></a>
141
- <p class="tooltip"><?php _e('By default the Facebook API only returns your latest 25 posts. If you would like to retrieve more than 25 posts then you can increase the limit by specifying a higher value here. However, the more posts you request the slower the page load time may be when the plugin needs to check Facebook for new posts. Similarly, if you only intend to retrieve a few posts then you may wish to set a lower post limit here so that you aren\'t retrieving more posts than necessary.'); ?></p>
142
- </td>
143
- </tr>
144
- <tr valign="top">
145
- <th scope="row"><?php _e('Show posts by others on my page'); ?></th>
146
- <td>
147
- <input name="cff_show_others" type="checkbox" id="cff_show_others" <?php if($cff_show_others_val == true) echo "checked"; ?> />
148
- <i style="color: #666; font-size: 11px;"><?php _e('By default only posts by the page owner will be shown. Check this box to also show posts by others.'); ?></i>
149
- </td>
150
- </tr>
151
- <tr valign="top">
152
- <th scope="row"><?php _e('Check for new Facebook posts every'); ?></th>
153
- <td>
154
- <input name="cff_cache_time" type="text" value="<?php esc_attr_e( $cff_cache_time_val ); ?>" size="4" />
155
- <select name="cff_cache_time_unit">
156
- <option value="minutes" <?php if($cff_cache_time_unit_val == "minutes") echo 'selected="selected"' ?> ><?php _e('Minutes'); ?></option>
157
- <option value="hours" <?php if($cff_cache_time_unit_val == "hours") echo 'selected="selected"' ?> ><?php _e('Hours'); ?></option>
158
- <option value="days" <?php if($cff_cache_time_unit_val == "days") echo 'selected="selected"' ?> ><?php _e('Days'); ?></option>
159
- </select>
160
- <a class="tooltip-link bump-left" href="JavaScript:void(0);"><?php _e('What does this mean?'); ?></a>
161
- <p class="tooltip"><?php _e('Your Facebook posts and comments data is temporarily cached by the plugin in your WordPress database. You can choose how long this data should be cached for. If you set the time to 60 minutes then the plugin will clear the cached data after that length of time, and the next time the page is viewed it will check for new data.'); ?></p>
162
- </td>
163
- </tr>
164
-
165
- </tbody>
166
- </table>
167
- <?php submit_button(); ?>
168
- </form>
169
- <h3><?php _e('Support'); ?></h3>
170
- <p>Having trouble getting the plugin to work? Try visiting the <a href="http://smashballoon.com/custom-facebook-feed/troubleshooting/" target="_blank" />Troubleshooting</a> page, <a href="http://smashballoon.com/custom-facebook-feed/faq/" target="_blank" />FAQ</a> page, or contact <a href="http://smashballoon.com/custom-facebook-feed/support" target="_blank">support</a>.<br />Smash Balloon is committed to making this plugin better. Please let us know if you have had any issues when using this plugin so that we can continue to improve it!</p>
171
- <hr />
172
- <h3><?php _e('Displaying your Feed'); ?></h3>
173
- <p><?php _e('Copy and paste this shortcode directly into the page, post or widget where you\'d like the feed to show up:'); ?></p>
174
- <input type="text" value="[custom-facebook-feed]" size="22" readonly="readonly" onclick="this.focus();this.select()" id="system-info-textarea" name="edd-sysinfo" title="<?php _e('To copy, click the field then press Ctrl + C (PC) or Cmd + C (Mac).'); ?>" />
175
- <p><?php _e('If you wish, you can override the settings above directly in the shortcode like so:'); ?></p>
176
- <p>[custom-facebook-feed <b><span style='color: purple;'>id=Put_Your_Facebook_Page_ID_Here</span> <span style='color: green;'>num=3</span> <span style='color: blue;'>layout=thumb</span></b>]</p>
177
- <p><a href="http://smashballoon.com/custom-facebook-feed/docs/shortcodes/" target="_blank"><?php _e('Click here'); ?></a> <?php _e('for a full list of shortcode options'); ?></p>
178
-
179
-
180
- <hr />
181
-
182
- <a href="http://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
183
-
184
- <hr />
185
-
186
- <h4><?php _e('<u>System Info:</u>'); ?></h4>
187
- <p>PHP Version: <b><?php echo PHP_VERSION . "\n"; ?></b></p>
188
- <p>Web Server Info: <b><?php echo $_SERVER['SERVER_SOFTWARE'] . "\n"; ?></b></p>
189
- <p>PHP allow_url_fopen: <b><?php echo ini_get( 'allow_url_fopen' ) ? "<span style='color: green;'>Yes</span>" : "<span style='color: red;'>No</span>"; ?></b></p>
190
- <p>PHP cURL: <b><?php echo is_callable('curl_init') ? "<span style='color: green;'>Yes</span>" : "<span style='color: red;'>No</span>" ?></b></p>
191
- <p>JSON: <b><?php echo function_exists("json_decode") ? "<span style='color: green;'>Yes</span>" : "<span style='color: red;'>No</span>" ?></b></p>
192
- <i style="color: #666; font-size: 11px;"><?php _e('(If any of the items above are listed as'); ?> <span style='color: red;'>No</span> <?php _e('then please include this in your support request)'); ?></i>
193
-
194
-
195
- <?php
196
- } //End Settings_Page
197
- //Create Style page
198
- function cff_style_page() {
199
- //Declare variables for fields
200
- $style_hidden_field_name = 'cff_style_submit_hidden';
201
- $style_general_hidden_field_name = 'cff_style_general_submit_hidden';
202
- $style_post_layout_hidden_field_name = 'cff_style_post_layout_submit_hidden';
203
- $style_typography_hidden_field_name = 'cff_style_typography_submit_hidden';
204
- $style_misc_hidden_field_name = 'cff_style_misc_submit_hidden';
205
- $defaults = array(
206
- //Post types
207
- 'cff_show_links_type' => true,
208
- 'cff_show_event_type' => true,
209
- 'cff_show_video_type' => true,
210
- 'cff_show_photos_type' => true,
211
- 'cff_show_status_type' => true,
212
- //Layout
213
- 'cff_preset_layout' => 'thumb',
214
- //Include
215
- 'cff_show_text' => true,
216
- 'cff_show_desc' => true,
217
- 'cff_show_shared_links' => true,
218
- 'cff_show_date' => true,
219
- 'cff_show_media' => true,
220
- 'cff_show_event_title' => true,
221
- 'cff_show_event_details' => true,
222
- 'cff_show_meta' => true,
223
- 'cff_show_link' => true,
224
- 'cff_show_like_box' => true,
225
- //Typography
226
- 'cff_see_more_text' => 'See More',
227
- 'cff_see_less_text' => 'See Less',
228
- 'cff_title_format' => 'p',
229
- 'cff_title_size' => 'inherit',
230
- 'cff_title_weight' => 'inherit',
231
- 'cff_title_color' => '',
232
- 'cff_body_size' => 'inherit',
233
- 'cff_body_weight' => 'inherit',
234
- 'cff_body_color' => '',
235
- //Event title
236
- 'cff_event_title_format' => 'p',
237
- 'cff_event_title_size' => 'inherit',
238
- 'cff_event_title_weight' => 'inherit',
239
- 'cff_event_title_color' => '',
240
- //Event date
241
- 'cff_event_date_size' => 'inherit',
242
- 'cff_event_date_weight' => 'inherit',
243
- 'cff_event_date_color' => '',
244
- 'cff_event_date_position' => 'below',
245
- 'cff_event_date_formatting' => '1',
246
- 'cff_event_date_custom' => '',
247
- //Event details
248
- 'cff_event_details_size' => 'inherit',
249
- 'cff_event_details_weight' => 'inherit',
250
- 'cff_event_details_color' => '',
251
- //Date
252
- 'cff_date_position' => 'below',
253
- 'cff_date_size' => 'inherit',
254
- 'cff_date_weight' => 'inherit',
255
- 'cff_date_color' => '',
256
- 'cff_date_formatting' => '1',
257
- 'cff_date_custom' => '',
258
- 'cff_date_before' => '',
259
- 'cff_date_after' => '',
260
- //Link to Facebook
261
- 'cff_link_size' => 'inherit',
262
- 'cff_link_weight' => 'inherit',
263
- 'cff_link_color' => '',
264
- 'cff_facebook_link_text' => 'View on Facebook',
265
- 'cff_view_link_text' => 'View Link',
266
- //Meta
267
- 'cff_icon_style' => 'light',
268
- 'cff_meta_text_color' => '',
269
- 'cff_meta_bg_color' => '',
270
- 'cff_nocomments_text' => 'No comments yet',
271
- 'cff_hide_comments' => '',
272
- //Misc
273
- 'cff_feed_width' => '',
274
- 'cff_feed_height' => '',
275
- 'cff_feed_padding' => '',
276
- 'cff_like_box_position' => 'bottom',
277
- 'cff_like_box_outside' => false,
278
- 'cff_bg_color' => '',
279
- 'cff_likebox_bg_color' => '',
280
- 'cff_video_height' => '',
281
- 'cff_show_author' => false,
282
- 'cff_class' => '',
283
- //New
284
- 'cff_custom_css' => '',
285
- 'cff_title_link' => false,
286
- 'cff_event_title_link' => false,
287
- 'cff_video_action' => 'file',
288
- 'cff_sep_color' => '',
289
- 'cff_sep_size' => '1'
290
- );
291
- //Save layout option in an array
292
- add_option( 'cff_style_settings', $options );
293
- $options = wp_parse_args(get_option('cff_style_settings'), $defaults);
294
- //Set the page variables
295
- //Post types
296
- $cff_show_links_type = $options[ 'cff_show_links_type' ];
297
- $cff_show_event_type = $options[ 'cff_show_event_type' ];
298
- $cff_show_video_type = $options[ 'cff_show_video_type' ];
299
- $cff_show_photos_type = $options[ 'cff_show_photos_type' ];
300
- $cff_show_status_type = $options[ 'cff_show_status_type' ];
301
- //Layout
302
- $cff_preset_layout = $options[ 'cff_preset_layout' ];
303
- //Include
304
- $cff_show_text = $options[ 'cff_show_text' ];
305
- $cff_show_desc = $options[ 'cff_show_desc' ];
306
- $cff_show_shared_links = $options[ 'cff_show_shared_links' ];
307
- $cff_show_date = $options[ 'cff_show_date' ];
308
- $cff_show_media = $options[ 'cff_show_media' ];
309
- $cff_show_event_title = $options[ 'cff_show_event_title' ];
310
- $cff_show_event_details = $options[ 'cff_show_event_details' ];
311
- $cff_show_meta = $options[ 'cff_show_meta' ];
312
- $cff_show_link = $options[ 'cff_show_link' ];
313
- $cff_show_like_box = $options[ 'cff_show_like_box' ];
314
- //Typography
315
- $cff_see_more_text = $options[ 'cff_see_more_text' ];
316
- $cff_see_less_text = $options[ 'cff_see_less_text' ];
317
- $cff_title_format = $options[ 'cff_title_format' ];
318
- $cff_title_size = $options[ 'cff_title_size' ];
319
- $cff_title_weight = $options[ 'cff_title_weight' ];
320
- $cff_title_color = $options[ 'cff_title_color' ];
321
- $cff_body_size = $options[ 'cff_body_size' ];
322
- $cff_body_weight = $options[ 'cff_body_weight' ];
323
- $cff_body_color = $options[ 'cff_body_color' ];
324
- //Event title
325
- $cff_event_title_format = $options[ 'cff_event_title_format' ];
326
- $cff_event_title_size = $options[ 'cff_event_title_size' ];
327
- $cff_event_title_weight = $options[ 'cff_event_title_weight' ];
328
- $cff_event_title_color = $options[ 'cff_event_title_color' ];
329
- //Event date
330
- $cff_event_date_size = $options[ 'cff_event_date_size' ];
331
- $cff_event_date_weight = $options[ 'cff_event_date_weight' ];
332
- $cff_event_date_color = $options[ 'cff_event_date_color' ];
333
- $cff_event_date_position = $options[ 'cff_event_date_position' ];
334
- $cff_event_date_formatting = $options[ 'cff_event_date_formatting' ];
335
- $cff_event_date_custom = $options[ 'cff_event_date_custom' ];
336
- //Event details
337
- $cff_event_details_size = $options[ 'cff_event_details_size' ];
338
- $cff_event_details_weight = $options[ 'cff_event_details_weight' ];
339
- $cff_event_details_color = $options[ 'cff_event_details_color' ];
340
- //Date
341
- $cff_date_position = $options[ 'cff_date_position' ];
342
- $cff_date_size = $options[ 'cff_date_size' ];
343
- $cff_date_weight = $options[ 'cff_date_weight' ];
344
- $cff_date_color = $options[ 'cff_date_color' ];
345
- $cff_date_formatting = $options[ 'cff_date_formatting' ];
346
- $cff_date_custom = $options[ 'cff_date_custom' ];
347
- $cff_date_before = $options[ 'cff_date_before' ];
348
- $cff_date_after = $options[ 'cff_date_after' ];
349
- //View on Facebook link
350
- $cff_link_size = $options[ 'cff_link_size' ];
351
- $cff_link_weight = $options[ 'cff_link_weight' ];
352
- $cff_link_color = $options[ 'cff_link_color' ];
353
- $cff_facebook_link_text = $options[ 'cff_facebook_link_text' ];
354
- $cff_view_link_text = $options[ 'cff_view_link_text' ];
355
- //Meta
356
- $cff_icon_style = $options[ 'cff_icon_style' ];
357
- $cff_meta_text_color = $options[ 'cff_meta_text_color' ];
358
- $cff_meta_bg_color = $options[ 'cff_meta_bg_color' ];
359
- $cff_nocomments_text = $options[ 'cff_nocomments_text' ];
360
- $cff_hide_comments = $options[ 'cff_hide_comments' ];
361
- //Misc
362
- $cff_feed_width = $options[ 'cff_feed_width' ];
363
- $cff_feed_height = $options[ 'cff_feed_height' ];
364
- $cff_feed_padding = $options[ 'cff_feed_padding' ];
365
- $cff_like_box_position = $options[ 'cff_like_box_position' ];
366
- $cff_like_box_outside = $options[ 'cff_like_box_outside' ];
367
- $cff_show_media = $options[ 'cff_show_media' ];
368
- $cff_open_links = $options[ 'cff_open_links' ];
369
- $cff_bg_color = $options[ 'cff_bg_color' ];
370
- $cff_likebox_bg_color = $options[ 'cff_likebox_bg_color' ];
371
- $cff_video_height = $options[ 'cff_video_height' ];
372
- $cff_show_author = $options[ 'cff_show_author' ];
373
- $cff_class = $options[ 'cff_class' ];
374
- //New
375
- $cff_custom_css = $options[ 'cff_custom_css' ];
376
- $cff_title_link = $options[ 'cff_title_link' ];
377
- $cff_event_title_link = $options[ 'cff_event_title_link' ];
378
- $cff_video_action = $options[ 'cff_video_action' ];
379
- $cff_sep_color = $options[ 'cff_sep_color' ];
380
- $cff_sep_size = $options[ 'cff_sep_size' ];
381
-
382
- // Texts lengths
383
- $cff_title_length = 'cff_title_length';
384
- $cff_body_length = 'cff_body_length';
385
- // Read in existing option value from database
386
- $cff_title_length_val = get_option( $cff_title_length );
387
- $cff_body_length_val = get_option( $cff_body_length );
388
- // See if the user has posted us some information. If they did, this hidden field will be set to 'Y'.
389
- if( isset($_POST[ $style_hidden_field_name ]) && $_POST[ $style_hidden_field_name ] == 'Y' ) {
390
- //Update the General options
391
- if( isset($_POST[ $style_general_hidden_field_name ]) && $_POST[ $style_general_hidden_field_name ] == 'Y' ) {
392
- //General
393
- $cff_feed_width = $_POST[ 'cff_feed_width' ];
394
- $cff_feed_height = $_POST[ 'cff_feed_height' ];
395
- $cff_feed_padding = $_POST[ 'cff_feed_padding' ];
396
- $cff_bg_color = $_POST[ 'cff_bg_color' ];
397
- $cff_show_author = $_POST[ 'cff_show_author' ];
398
- $cff_class = $_POST[ 'cff_class' ];
399
- //Post types
400
- $cff_show_links_type = $_POST[ 'cff_show_links_type' ];
401
- $cff_show_event_type = $_POST[ 'cff_show_event_type' ];
402
- $cff_show_video_type = $_POST[ 'cff_show_video_type' ];
403
- $cff_show_photos_type = $_POST[ 'cff_show_photos_type' ];
404
- $cff_show_status_type = $_POST[ 'cff_show_status_type' ];
405
- //General
406
- $options[ 'cff_feed_width' ] = $cff_feed_width;
407
- $options[ 'cff_feed_height' ] = $cff_feed_height;
408
- $options[ 'cff_feed_padding' ] = $cff_feed_padding;
409
- $options[ 'cff_bg_color' ] = $cff_bg_color;
410
- $options[ 'cff_show_author' ] = $cff_show_author;
411
- $options[ 'cff_class' ] = $cff_class;
412
- //Post types
413
- $options[ 'cff_show_links_type' ] = $cff_show_links_type;
414
- $options[ 'cff_show_event_type' ] = $cff_show_event_type;
415
- $options[ 'cff_show_video_type' ] = $cff_show_video_type;
416
- $options[ 'cff_show_photos_type' ] = $cff_show_photos_type;
417
- $options[ 'cff_show_status_type' ] = $cff_show_status_type;
418
- }
419
- //Update the Post Layout options
420
- if( isset($_POST[ $style_post_layout_hidden_field_name ]) && $_POST[ $style_post_layout_hidden_field_name ] == 'Y' ) {
421
- //Layout
422
- $cff_preset_layout = $_POST[ 'cff_preset_layout' ];
423
- //Include
424
- $cff_show_text = $_POST[ 'cff_show_text' ];
425
- $cff_show_desc = $_POST[ 'cff_show_desc' ];
426
- $cff_show_shared_links = $_POST[ 'cff_show_shared_links' ];
427
- $cff_show_date = $_POST[ 'cff_show_date' ];
428
- $cff_show_media = $_POST[ 'cff_show_media' ];
429
- $cff_show_event_title = $_POST[ 'cff_show_event_title' ];
430
- $cff_show_event_details = $_POST[ 'cff_show_event_details' ];
431
- $cff_show_meta = $_POST[ 'cff_show_meta' ];
432
- $cff_show_link = $_POST[ 'cff_show_link' ];
433
- //Layout
434
- $options[ 'cff_preset_layout' ] = $cff_preset_layout;
435
- //Include
436
- $options[ 'cff_show_text' ] = $cff_show_text;
437
- $options[ 'cff_show_desc' ] = $cff_show_desc;
438
- $options[ 'cff_show_shared_links' ] = $cff_show_shared_links;
439
- $options[ 'cff_show_date' ] = $cff_show_date;
440
- $options[ 'cff_show_media' ] = $cff_show_media;
441
- $options[ 'cff_show_event_title' ] = $cff_show_event_title;
442
- $options[ 'cff_show_event_details' ] = $cff_show_event_details;
443
- $options[ 'cff_show_meta' ] = $cff_show_meta;
444
- $options[ 'cff_show_link' ] = $cff_show_link;
445
- }
446
- //Update the Post Layout options
447
- if( isset($_POST[ $style_typography_hidden_field_name ]) && $_POST[ $style_typography_hidden_field_name ] == 'Y' ) {
448
- //Character limits
449
- $cff_title_length_val = $_POST[ $cff_title_length ];
450
- $cff_body_length_val = $_POST[ $cff_body_length ];
451
- $cff_see_more_text = $_POST[ 'cff_see_more_text' ];
452
- $cff_see_less_text = $_POST[ 'cff_see_less_text' ];
453
- //Typography
454
- $cff_title_format = $_POST[ 'cff_title_format' ];
455
- $cff_title_size = $_POST[ 'cff_title_size' ];
456
- $cff_title_weight = $_POST[ 'cff_title_weight' ];
457
- $cff_title_color = $_POST[ 'cff_title_color' ];
458
- $cff_title_link = $_POST[ 'cff_title_link' ];
459
- $cff_body_size = $_POST[ 'cff_body_size' ];
460
- $cff_body_weight = $_POST[ 'cff_body_weight' ];
461
- $cff_body_color = $_POST[ 'cff_body_color' ];
462
- //Event title
463
- $cff_event_title_format = $_POST[ 'cff_event_title_format' ];
464
- $cff_event_title_size = $_POST[ 'cff_event_title_size' ];
465
- $cff_event_title_weight = $_POST[ 'cff_event_title_weight' ];
466
- $cff_event_title_color = $_POST[ 'cff_event_title_color' ];
467
- $cff_event_title_link = $_POST[ 'cff_event_title_link' ];
468
- //Event date
469
- $cff_event_date_size = $_POST[ 'cff_event_date_size' ];
470
- $cff_event_date_weight = $_POST[ 'cff_event_date_weight' ];
471
- $cff_event_date_color = $_POST[ 'cff_event_date_color' ];
472
- $cff_event_date_position = $_POST[ 'cff_event_date_position' ];
473
- $cff_event_date_formatting = $_POST[ 'cff_event_date_formatting' ];
474
- $cff_event_date_custom = $_POST[ 'cff_event_date_custom' ];
475
- //Event details
476
- $cff_event_details_size = $_POST[ 'cff_event_details_size' ];
477
- $cff_event_details_weight = $_POST[ 'cff_event_details_weight' ];
478
- $cff_event_details_color = $_POST[ 'cff_event_details_color' ];
479
- //Date
480
- $cff_date_position = $_POST[ 'cff_date_position' ];
481
- $cff_date_size = $_POST[ 'cff_date_size' ];
482
- $cff_date_weight = $_POST[ 'cff_date_weight' ];
483
- $cff_date_color = $_POST[ 'cff_date_color' ];
484
- $cff_date_formatting = $_POST[ 'cff_date_formatting' ];
485
- $cff_date_custom = $_POST[ 'cff_date_custom' ];
486
- $cff_date_before = $_POST[ 'cff_date_before' ];
487
- $cff_date_after = $_POST[ 'cff_date_after' ];
488
- //View on Facebook link
489
- $cff_link_size = $_POST[ 'cff_link_size' ];
490
- $cff_link_weight = $_POST[ 'cff_link_weight' ];
491
- $cff_link_color = $_POST[ 'cff_link_color' ];
492
- $cff_facebook_link_text = $_POST[ 'cff_facebook_link_text' ];
493
- $cff_view_link_text = $_POST[ 'cff_view_link_text' ];
494
- //Character limits
495
- update_option( $cff_title_length, $cff_title_length_val );
496
- update_option( $cff_body_length, $cff_body_length_val );
497
- $options[ 'cff_see_more_text' ] = $cff_see_more_text;
498
- $options[ 'cff_see_less_text' ] = $cff_see_less_text;
499
- //Typography
500
- $options[ 'cff_title_format' ] = $cff_title_format;
501
- $options[ 'cff_title_size' ] = $cff_title_size;
502
- $options[ 'cff_title_weight' ] = $cff_title_weight;
503
- $options[ 'cff_title_color' ] = $cff_title_color;
504
- $options[ 'cff_title_link' ] = $cff_title_link;
505
- $options[ 'cff_body_size' ] = $cff_body_size;
506
- $options[ 'cff_body_weight' ] = $cff_body_weight;
507
- $options[ 'cff_body_color' ] = $cff_body_color;
508
- //Event title
509
- $options[ 'cff_event_title_format' ] = $cff_event_title_format;
510
- $options[ 'cff_event_title_size' ] = $cff_event_title_size;
511
- $options[ 'cff_event_title_weight' ] = $cff_event_title_weight;
512
- $options[ 'cff_event_title_color' ] = $cff_event_title_color;
513
- $options[ 'cff_event_title_link' ] = $cff_event_title_link;
514
- //Event date
515
- $options[ 'cff_event_date_size' ] = $cff_event_date_size;
516
- $options[ 'cff_event_date_weight' ] = $cff_event_date_weight;
517
- $options[ 'cff_event_date_color' ] = $cff_event_date_color;
518
- $options[ 'cff_event_date_position' ] = $cff_event_date_position;
519
- $options[ 'cff_event_date_formatting' ] = $cff_event_date_formatting;
520
- $options[ 'cff_event_date_custom' ] = $cff_event_date_custom;
521
- //Event details
522
- $options[ 'cff_event_details_size' ] = $cff_event_details_size;
523
- $options[ 'cff_event_details_weight' ] = $cff_event_details_weight;
524
- $options[ 'cff_event_details_color' ] = $cff_event_details_color;
525
- //Date
526
- $options[ 'cff_date_position' ] = $cff_date_position;
527
- $options[ 'cff_date_size' ] = $cff_date_size;
528
- $options[ 'cff_date_weight' ] = $cff_date_weight;
529
- $options[ 'cff_date_color' ] = $cff_date_color;
530
- $options[ 'cff_date_formatting' ] = $cff_date_formatting;
531
- $options[ 'cff_date_custom' ] = $cff_date_custom;
532
- $options[ 'cff_date_before' ] = $cff_date_before;
533
- $options[ 'cff_date_after' ] = $cff_date_after;
534
- //View on Facebook link
535
- $options[ 'cff_link_size' ] = $cff_link_size;
536
- $options[ 'cff_link_weight' ] = $cff_link_weight;
537
- $options[ 'cff_link_color' ] = $cff_link_color;
538
- $options[ 'cff_facebook_link_text' ] = $cff_facebook_link_text;
539
- $options[ 'cff_view_link_text' ] = $cff_view_link_text;
540
- }
541
- //Update the Post Layout options
542
- if( isset($_POST[ $style_misc_hidden_field_name ]) && $_POST[ $style_misc_hidden_field_name ] == 'Y' ) {
543
- //Meta
544
- $cff_icon_style = $_POST[ 'cff_icon_style' ];
545
- $cff_meta_text_color = $_POST[ 'cff_meta_text_color' ];
546
- $cff_meta_bg_color = $_POST[ 'cff_meta_bg_color' ];
547
- $cff_nocomments_text = $_POST[ 'cff_nocomments_text' ];
548
- $cff_hide_comments = $_POST[ 'cff_hide_comments' ];
549
- //Custom CSS
550
- $cff_custom_css = $_POST[ 'cff_custom_css' ];
551
- //Misc
552
- $cff_show_like_box = $_POST[ 'cff_show_like_box' ];
553
- $cff_like_box_position = $_POST[ 'cff_like_box_position' ];
554
- $cff_like_box_outside = $_POST[ 'cff_like_box_outside' ];
555
- $cff_likebox_bg_color = $_POST[ 'cff_likebox_bg_color' ];
556
- $cff_video_height = $_POST[ 'cff_video_height' ];
557
- $cff_video_action = $_POST[ 'cff_video_action' ];
558
- $cff_sep_color = $_POST[ 'cff_sep_color' ];
559
- $cff_sep_size = $_POST[ 'cff_sep_size' ];
560
- $cff_open_links = $_POST[ 'cff_open_links' ];
561
- //Meta
562
- $options[ 'cff_icon_style' ] = $cff_icon_style;
563
- $options[ 'cff_meta_text_color' ] = $cff_meta_text_color;
564
- $options[ 'cff_meta_bg_color' ] = $cff_meta_bg_color;
565
- $options[ 'cff_nocomments_text' ] = $cff_nocomments_text;
566
- $options[ 'cff_hide_comments' ] = $cff_hide_comments;
567
- //Custom CSS
568
- $options[ 'cff_custom_css' ] = $cff_custom_css;
569
- //Misc
570
- $options[ 'cff_show_like_box' ] = $cff_show_like_box;
571
- $options[ 'cff_like_box_position' ] = $cff_like_box_position;
572
- $options[ 'cff_like_box_outside' ] = $cff_like_box_outside;
573
- $options[ 'cff_likebox_bg_color' ] = $cff_likebox_bg_color;
574
- $options[ 'cff_video_height' ] = $cff_video_height;
575
- $options[ 'cff_video_action' ] = $cff_video_action;
576
- $options[ 'cff_sep_color' ] = $cff_sep_color;
577
- $options[ 'cff_sep_size' ] = $cff_sep_size;
578
- $options[ 'cff_open_links' ] = $cff_open_links;
579
- }
580
- //Update the array
581
- update_option( 'cff_style_settings', $options );
582
- // Put an settings updated message on the screen
583
- ?>
584
- <div class="updated"><p><strong><?php _e('Settings saved.', 'custom-facebook-feed' ); ?></strong></p></div>
585
- <?php } ?>
586
-
587
- <div id="cff-admin" class="wrap">
588
- <div id="header">
589
- <h1><?php _e('Layout & Style'); ?></h1>
590
- </div>
591
- <form name="form1" method="post" action="">
592
- <input type="hidden" name="<?php echo $style_hidden_field_name; ?>" value="Y">
593
- <?php
594
- $active_tab = isset( $_GET[ 'tab' ] ) ? $_GET[ 'tab' ] : 'general';
595
- ?>
596
- <h2 class="nav-tab-wrapper">
597
- <a href="?page=cff-style&tab=general" class="nav-tab <?php echo $active_tab == 'general' ? 'nav-tab-active' : ''; ?>"><?php _e('General'); ?></a>
598
- <a href="?page=cff-style&tab=post_layout" class="nav-tab <?php echo $active_tab == 'post_layout' ? 'nav-tab-active' : ''; ?>"><?php _e('Post Layout'); ?></a>
599
- <a href="?page=cff-style&tab=typography" class="nav-tab <?php echo $active_tab == 'typography' ? 'nav-tab-active' : ''; ?>"><?php _e('Typography'); ?></a>
600
- <a href="?page=cff-style&tab=misc" class="nav-tab <?php echo $active_tab == 'misc' ? 'nav-tab-active' : ''; ?>"><?php _e('Misc'); ?></a>
601
- </h2>
602
- <?php if( $active_tab == 'general' ) { //Start General tab ?>
603
- <input type="hidden" name="<?php echo $style_general_hidden_field_name; ?>" value="Y">
604
- <br />
605
- <table class="form-table">
606
- <tbody>
607
- <h3><?php _e('General'); ?></h3>
608
- <tr valign="top">
609
- <th scope="row"><?php _e('Feed Width'); ?></th>
610
- <td>
611
- <input name="cff_feed_width" type="text" value="<?php esc_attr_e( $cff_feed_width ); ?>" size="6" />
612
- <span>Eg. 500px, 50%, 10em. <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Default is 100%'); ?></i></span>
613
- </td>
614
- </tr>
615
- <tr valign="top">
616
- <th scope="row"><?php _e('Feed Height'); ?></th>
617
- <td>
618
- <input name="cff_feed_height" type="text" value="<?php esc_attr_e( $cff_feed_height ); ?>" size="6" />
619
- <span>Eg. 500px, 50em. <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Leave empty to set no maximum height. If the feed exceeds this height then a scroll bar will be used.'); ?></i></span>
620
- </td>
621
- </tr>
622
- <th scope="row"><?php _e('Feed Padding'); ?></th>
623
- <td>
624
- <input name="cff_feed_padding" type="text" value="<?php esc_attr_e( $cff_feed_padding ); ?>" size="6" />
625
- <span>Eg. 20px, 5%. <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('This is the amount of padding/spacing that goes around the feed. This is particularly useful if you intend to set a background color on the feed.'); ?></i></span>
626
- </td>
627
- </tr>
628
- <tr valign="top">
629
- <th scope="row"><?php _e('Feed Background Color'); ?></th>
630
- <td>
631
- <label for="cff_bg_color">#</label>
632
- <input name="cff_bg_color" type="text" value="<?php esc_attr_e( $cff_bg_color ); ?>" size="10" placeholder="Eg. ED9A00" />
633
- <span><a href="http://www.colorpicker.com/" target="_blank"><?php _e('Color Picker'); ?></a></span>
634
- </td>
635
- </tr>
636
- <tr valign="top">
637
- <th scope="row"><?php _e('Show name and picture of author'); ?></th>
638
- <td>
639
- <input name="cff_show_author" type="checkbox" id="cff_show_author" <?php if($cff_show_author == true) echo "checked"; ?> />
640
- <label for="cff_show_status_type">Yes</label>
641
- <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('This will show the thumbnail picture and name of the post author at the top of each post'); ?></i>
642
-
643
- </td>
644
- </tr>
645
- <tr valign="top">
646
- <th scope="row"><?php _e('Add CSS class to feed'); ?></th>
647
- <td>
648
- <input name="cff_class" type="text" value="<?php esc_attr_e( $cff_class ); ?>" size="25" />
649
- <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('To add multiple classes separate each with a space, Eg. classone classtwo classthree'); ?></i>
650
- </td>
651
- </tr>
652
- </tbody>
653
- </table>
654
-
655
- <hr />
656
- <table class="form-table">
657
- <tbody>
658
- <h3><?php _e('Post Types'); ?></h3>
659
- <tr valign="top">
660
- <th scope="row"><?php _e('Only show these types of posts:'); ?><br />
661
- <i style="color: #666; font-size: 11px;"><a href="http://smashballoon.com/custom-facebook-feed/" target="_blank"><?php _e('Upgrade to Pro to enable post types, photos, videos and more'); ?></a></i></th>
662
- <td>
663
- <div>
664
- <input name="cff_show_status_type" type="checkbox" id="cff_show_status_type" disabled <?php if($cff_show_status_type == true) echo "checked"; ?> />
665
- <label for="cff_show_status_type"><?php _e('Statuses'); ?></label>
666
- </div>
667
- <div>
668
- <input type="checkbox" name="cff_show_event_type" id="cff_show_event_type" disabled <?php if($cff_show_event_type == true) echo 'checked="checked"' ?> />
669
- <label for="cff_show_event_type"><?php _e('Events'); ?></label>
670
- </div>
671
- <div>
672
- <input type="checkbox" name="cff_show_photos_type" id="cff_show_photos_type" disabled <?php if($cff_show_photos_type == true) echo 'checked="checked"' ?> />
673
- <label for="cff_show_photos_type"><?php _e('Photos'); ?></label>
674
- </div>
675
- <div>
676
- <input type="checkbox" name="cff_show_video_type" id="cff_show_video_type" disabled <?php if($cff_show_video_type == true) echo 'checked="checked"' ?> />
677
- <label for="cff_show_video_type"><?php _e('Videos'); ?></label>
678
- </div>
679
- <div>
680
- <input type="checkbox" name="cff_show_links_type" id="cff_show_links_type" disabled <?php if($cff_show_links_type == true) echo 'checked="checked"' ?> />
681
- <label for="cff_show_links_type"><?php _e('Links'); ?></label>
682
- </div>
683
- </td>
684
- </tr>
685
- </tbody>
686
- </table>
687
- <?php submit_button(); ?>
688
-
689
- <a href="http://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
690
-
691
- <?php } //End General tab ?>
692
- <?php if( $active_tab == 'post_layout' ) { //Start Post Layout tab ?>
693
- <input type="hidden" name="<?php echo $style_post_layout_hidden_field_name; ?>" value="Y">
694
- <br />
695
- <h3><?php _e('Post Layout'); ?></h3>
696
- <table class="form-table">
697
- <tbody>
698
- <tr>
699
- <td><p><?php _e('Choose a layout from the 3 below:'); ?></p></td>
700
- <td>
701
- <select name="cff_preset_layout" disabled>
702
- <option value="thumb"><?php _e('Thumbnail'); ?></option>
703
- <option value="half"><?php _e('Half-width'); ?></option>
704
- <option value="full"><?php _e('Full-width'); ?></option>
705
- </select>
706
- <i style="color: #666; font-size: 11px; margin-left: 5px;"><a href="http://smashballoon.com/custom-facebook-feed/" target="_blank"><?php _e('Upgrade to Pro to enable post layouts'); ?></a></i>
707
- </td>
708
- </tr>
709
- <tr valign="top">
710
- <th scope="row"><?php _e('Thumbnail:'); ?></th>
711
- <td>
712
- <img src="<?php echo plugins_url( 'img/layout-thumb.png' , __FILE__ ) ?>" alt="Thumbnail Layout" width="400px" style="border: 1px solid #ccc;" />
713
- </td>
714
- </tr>
715
- <tr valign="top">
716
- <th scope="row"><?php _e('Half-width:'); ?></th>
717
- <td>
718
- <img src="<?php echo plugins_url( 'img/layout-half.png' , __FILE__ ) ?>" alt="Half Width Layout" width="400px" style="border: 1px solid #ccc;" />
719
- </td>
720
- </tr>
721
- <tr valign="top">
722
- <th scope="row"><?php _e('Full-width:'); ?></th>
723
- <td>
724
- <img src="<?php echo plugins_url( 'img/layout-full.png' , __FILE__ ) ?>" alt="Full Width Layout" width="400px" style="border: 1px solid #ccc;" />
725
- </td>
726
- </tr>
727
- </tbody>
728
- </table>
729
- <hr />
730
- <h3><?php _e('Show/Hide'); ?></h3>
731
- <table class="form-table">
732
- <tbody>
733
- <tr valign="top">
734
- <th scope="row"><?php _e('Include the following in posts:'); ?><br /><?php _e('(when applicable)'); ?>
735
- <br /><i style="color: #666; font-size: 11px;"><a href="http://smashballoon.com/custom-facebook-feed/" target="_blank"><?php _e('Upgrade to Pro to enable all of these options'); ?></a></i></th>
736
- <td>
737
- <div>
738
- <input name="cff_show_text" type="checkbox" id="cff_show_text" <?php if($cff_show_text == true) echo "checked"; ?> />
739
- <label for="cff_show_text"><?php _e('Post text'); ?></label>
740
- </div>
741
- <div>
742
- <input type="checkbox" name="cff_show_date" id="cff_show_date" <?php if($cff_show_date == true) echo 'checked="checked"' ?> />
743
- <label for="cff_show_date"><?php _e('Date'); ?></label>
744
- </div>
745
- <div>
746
- <input type="checkbox" id="cff_show_media" disabled />
747
- <label for="cff_show_media"><?php _e('Photos/videos'); ?></label>
748
- </div>
749
- <div>
750
- <input type="checkbox" name="cff_show_shared_links" id="cff_show_shared_links" <?php if($cff_show_shared_links == true) echo 'checked="checked"' ?> />
751
- <label for="cff_show_shared_links"><?php _e('Shared links'); ?></label>
752
- </div>
753
- <div>
754
- <input type="checkbox" name="cff_show_desc" id="cff_show_desc" <?php if($cff_show_desc == true) echo 'checked="checked"' ?> />
755
- <label for="cff_show_desc"><?php _e('Link, photo and video descriptions'); ?></label>
756
- </div>
757
- <div>
758
- <input type="checkbox" name="cff_show_event_title" id="cff_show_event_title" <?php if($cff_show_event_title == true) echo 'checked="checked"' ?> />
759
- <label for="cff_show_event_title"><?php _e('Event title'); ?></label>
760
- </div>
761
- <div>
762
- <input type="checkbox" name="cff_show_event_details" id="cff_show_event_details" <?php if($cff_show_event_details == true) echo 'checked="checked"' ?> />
763
- <label for="cff_show_event_details"><?php _e('Event details'); ?></label>
764
- </div>
765
- <div>
766
- <input type="checkbox" id="cff_show_meta" disabled />
767
- <label for="cff_show_meta"><?php _e('Like/shares/comments'); ?></label>
768
- </div>
769
- <div>
770
- <input type="checkbox" name="cff_show_link" id="cff_show_link" <?php if($cff_show_link == true) echo 'checked="checked"' ?> />
771
- <label for="cff_show_link"><?php _e('View on Facebook/View Link'); ?></label>
772
- </div>
773
- </td>
774
- </tr>
775
- </tbody>
776
- </table>
777
-
778
- <?php submit_button(); ?>
779
-
780
- <a href="http://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
781
-
782
- <?php } //End Post Layout tab ?>
783
- <?php if( $active_tab == 'typography' ) { //Start Typography tab ?>
784
- <input type="hidden" name="<?php echo $style_typography_hidden_field_name; ?>" value="Y">
785
- <br />
786
- <h3><?php _e('Typography'); ?></h3>
787
- <p><i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('"Inherit" means that the text will inherit the styles from your theme.'); ?></i></p>
788
- <div id="poststuff" class="metabox-holder">
789
- <div class="meta-box-sortables ui-sortable">
790
- <div id="adminform" class="postbox" style="display: block;">
791
- <div class="handlediv" title="Click to toggle"><br></div>
792
- <h3 class="hndle"><span><?php _e('Text Character Limits'); ?></span></h3>
793
- <div class="inside">
794
- <table class="form-table">
795
- <tbody>
796
- <tr valign="top">
797
- <th scope="row"><label class="bump-left"><?php _e('Maximum Post Text Length'); ?></label></th>
798
- <td>
799
- <input name="cff_title_length" type="text" value="<?php esc_attr_e( $cff_title_length_val ); ?>" size="4" /> <span><?php _e('Characters.'); ?></span> <span>Eg. 200</span> <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('If the post text exceeds this length then a "See More" button will be added. Leave empty to set no maximum length.'); ?></i>
800
- </td>
801
- </tr>
802
- <tr valign="top">
803
- <th scope="row"><label class="bump-left"><?php _e('Maximum Description Length'); ?></label></th>
804
- <td>
805
- <input name="cff_body_length" type="text" value="<?php esc_attr_e( $cff_body_length_val ); ?>" size="4" /> <span><?php _e('Characters.'); ?></span> <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Leave empty to set no maximum length'); ?></i>
806
- </td>
807
- </tr>
808
- <tr>
809
- <th><label for="cff_see_more_text" class="bump-left"><?php _e('Custom "See More" text'); ?></label></th>
810
- <td>
811
- <input name="cff_see_more_text" type="text" value="<?php esc_attr_e( $cff_see_more_text ); ?>" size="20" />
812
- <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Use different text in place of the default "See More" text'); ?></i>
813
- </td>
814
- </tr>
815
- <tr>
816
- <th><label for="cff_see_less_text" class="bump-left"><?php _e('Custom "See Less" text'); ?></label></th>
817
- <td>
818
- <input name="cff_see_less_text" type="text" value="<?php esc_attr_e( $cff_see_less_text ); ?>" size="20" />
819
- <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Use different text in place of the default "See Less" text'); ?></i>
820
- </td>
821
- </tr>
822
- </tbody>
823
- </table>
824
- </div>
825
- </div>
826
- <div id="adminform" class="postbox" style="display: block;">
827
- <div class="handlediv" title="Click to toggle"><br></div>
828
- <h3 class="hndle"><span><?php _e('Post Text'); ?></span></h3>
829
- <div class="inside">
830
- <table class="form-table">
831
- <tbody>
832
- <tr>
833
- <th><label for="cff_title_format" class="bump-left"><?php _e('Format'); ?></label></th>
834
- <td>
835
- <select name="cff_title_format">
836
- <option value="p" <?php if($cff_title_format == "p") echo 'selected="selected"' ?> >Paragraph</option>
837
- <option value="h3" <?php if($cff_title_format == "h3") echo 'selected="selected"' ?> >Heading 3</option>
838
- <option value="h4" <?php if($cff_title_format == "h4") echo 'selected="selected"' ?> >Heading 4</option>
839
- <option value="h5" <?php if($cff_title_format == "h5") echo 'selected="selected"' ?> >Heading 5</option>
840
- <option value="h6" <?php if($cff_title_format == "h6") echo 'selected="selected"' ?> >Heading 6</option>
841
- </select>
842
- </td>
843
- </tr>
844
- <tr>
845
- <th><label for="cff_title_size" class="bump-left"><?php _e('Text Size'); ?></label></th>
846
- <td>
847
- <select name="cff_title_size">
848
- <option value="inherit" <?php if($cff_title_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
849
- <option value="10" <?php if($cff_title_size == "10") echo 'selected="selected"' ?> >10px</option>
850
- <option value="11" <?php if($cff_title_size == "11") echo 'selected="selected"' ?> >11px</option>
851
- <option value="12" <?php if($cff_title_size == "12") echo 'selected="selected"' ?> >12px</option>
852
- <option value="14" <?php if($cff_title_size == "14") echo 'selected="selected"' ?> >14px</option>
853
- <option value="16" <?php if($cff_title_size == "16") echo 'selected="selected"' ?> >16px</option>
854
- <option value="18" <?php if($cff_title_size == "18") echo 'selected="selected"' ?> >18px</option>
855
- <option value="20" <?php if($cff_title_size == "20") echo 'selected="selected"' ?> >20px</option>
856
- <option value="24" <?php if($cff_title_size == "24") echo 'selected="selected"' ?> >24px</option>
857
- <option value="28" <?php if($cff_title_size == "28") echo 'selected="selected"' ?> >28px</option>
858
- <option value="32" <?php if($cff_title_size == "32") echo 'selected="selected"' ?> >32px</option>
859
- <option value="36" <?php if($cff_title_size == "36") echo 'selected="selected"' ?> >36px</option>
860
- <option value="42" <?php if($cff_title_size == "42") echo 'selected="selected"' ?> >42px</option>
861
- <option value="48" <?php if($cff_title_size == "48") echo 'selected="selected"' ?> >48px</option>
862
- <option value="60" <?php if($cff_title_size == "54") echo 'selected="selected"' ?> >54px</option>
863
- <option value="60" <?php if($cff_title_size == "60") echo 'selected="selected"' ?> >60px</option>
864
- </select>
865
- </td>
866
- </tr>
867
- <tr>
868
- <th><label for="cff_title_weight" class="bump-left"><?php _e('Text Weight'); ?></label></th>
869
- <td>
870
- <select name="cff_title_weight">
871
- <option value="inherit" <?php if($cff_title_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
872
- <option value="normal" <?php if($cff_title_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
873
- <option value="bold" <?php if($cff_title_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
874
- </select>
875
- </td>
876
- </tr>
877
- <tr>
878
- <th><label for="cff_title_color" class="bump-left"><?php _e('Text Color'); ?></label></th>
879
- <td>
880
- #<input name="cff_title_color" type="text" value="<?php esc_attr_e( $cff_title_color ); ?>" size="10" placeholder="Eg. ED9A00" />
881
- <span><a href="http://www.colorpicker.com/" target="_blank"><?php _e('Color Picker'); ?></a></span>
882
- </td>
883
- </tr>
884
- <tr>
885
- <th><label for="cff_title_link" class="bump-left"><?php _e('Link text to Facebook post?'); ?></label></th>
886
- <td><input type="checkbox" name="cff_title_link" id="cff_title_link" <?php if($cff_title_link == true) echo 'checked="checked"' ?> />&nbsp;Yes</td>
887
- </tr>
888
-
889
- </tbody>
890
- </table>
891
- </div>
892
- </div>
893
- <div id="adminform" class="postbox" style="display: block;">
894
- <div class="handlediv" title="Click to toggle"><br></div>
895
- <h3 class="hndle"><span><?php _e('Link, Photo and Video Description'); ?></span></h3>
896
- <div class="inside">
897
- <table class="form-table">
898
- <tbody>
899
-
900
- <tr>
901
- <th><label for="cff_body_size" class="bump-left"><?php _e('Text Size'); ?></label></th>
902
- <td>
903
- <select name="cff_body_size">
904
- <option value="inherit" <?php if($cff_body_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
905
- <option value="10" <?php if($cff_body_size == "10") echo 'selected="selected"' ?> >10px</option>
906
- <option value="11" <?php if($cff_body_size == "11") echo 'selected="selected"' ?> >11px</option>
907
- <option value="12" <?php if($cff_body_size == "12") echo 'selected="selected"' ?> >12px</option>
908
- <option value="14" <?php if($cff_body_size == "14") echo 'selected="selected"' ?> >14px</option>
909
- <option value="16" <?php if($cff_body_size == "16") echo 'selected="selected"' ?> >16px</option>
910
- <option value="18" <?php if($cff_body_size == "18") echo 'selected="selected"' ?> >18px</option>
911
- <option value="20" <?php if($cff_body_size == "20") echo 'selected="selected"' ?> >20px</option>
912
- <option value="24" <?php if($cff_body_size == "24") echo 'selected="selected"' ?> >24px</option>
913
- <option value="28" <?php if($cff_body_size == "28") echo 'selected="selected"' ?> >28px</option>
914
- <option value="32" <?php if($cff_body_size == "32") echo 'selected="selected"' ?> >32px</option>
915
- <option value="36" <?php if($cff_body_size == "36") echo 'selected="selected"' ?> >36px</option>
916
- <option value="42" <?php if($cff_body_size == "42") echo 'selected="selected"' ?> >42px</option>
917
- <option value="48" <?php if($cff_body_size == "48") echo 'selected="selected"' ?> >48px</option>
918
- <option value="60" <?php if($cff_body_size == "54") echo 'selected="selected"' ?> >54px</option>
919
- <option value="60" <?php if($cff_body_size == "60") echo 'selected="selected"' ?> >60px</option>
920
- </select>
921
- </td>
922
- </tr>
923
- <tr>
924
- <th><label for="cff_body_weight" class="bump-left"><?php _e('Text Weight'); ?></label></th>
925
- <td>
926
- <select name="cff_body_weight">
927
- <option value="inherit" <?php if($cff_body_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
928
- <option value="normal" <?php if($cff_body_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
929
- <option value="bold" <?php if($cff_body_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
930
- </select>
931
- </td>
932
- </tr>
933
- <tr>
934
- <th><label for="cff_body_color" class="bump-left"><?php _e('Text Color'); ?></label></th>
935
-
936
- <td>
937
- #<input name="cff_body_color" type="text" value="<?php esc_attr_e( $cff_body_color ); ?>" size="10" placeholder="Eg. ED9A00" />
938
- <a href="http://www.colorpicker.com/" target="_blank"><?php _e('Color Picker'); ?></a>
939
- </td>
940
- </tr>
941
- </tbody>
942
- </table>
943
- </div>
944
- </div>
945
- <div style="margin-top: -15px;">
946
- <?php submit_button(); ?>
947
- </div>
948
- <div id="adminform" class="postbox" style="display: block;">
949
- <div class="handlediv" title="Click to toggle"><br></div>
950
- <h3 class="hndle"><span><?php _e('Date'); ?></span></h3>
951
- <div class="inside">
952
- <table class="form-table">
953
- <tbody>
954
- <tr>
955
- <th><label for="cff_date_position" class="bump-left"><?php _e('Position'); ?></label></th>
956
- <td>
957
- <select name="cff_date_position">
958
- <option value="below" <?php if($cff_date_position == "below") echo 'selected="selected"' ?> >Below Text</option>
959
- <option value="above" <?php if($cff_date_position == "above") echo 'selected="selected"' ?> >Above Text</option>
960
- </select>
961
- </td>
962
- </tr>
963
- <tr>
964
- <th><label for="cff_date_size" class="bump-left"><?php _e('Text Size'); ?></label></th>
965
- <td>
966
- <select name="cff_date_size">
967
- <option value="inherit" <?php if($cff_date_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
968
- <option value="10" <?php if($cff_date_size == "10") echo 'selected="selected"' ?> >10px</option>
969
- <option value="11" <?php if($cff_date_size == "11") echo 'selected="selected"' ?> >11px</option>
970
- <option value="12" <?php if($cff_date_size == "12") echo 'selected="selected"' ?> >12px</option>
971
- <option value="14" <?php if($cff_date_size == "14") echo 'selected="selected"' ?> >14px</option>
972
- <option value="16" <?php if($cff_date_size == "16") echo 'selected="selected"' ?> >16px</option>
973
- <option value="18" <?php if($cff_date_size == "18") echo 'selected="selected"' ?> >18px</option>
974
- <option value="20" <?php if($cff_date_size == "20") echo 'selected="selected"' ?> >20px</option>
975
- <option value="24" <?php if($cff_date_size == "24") echo 'selected="selected"' ?> >24px</option>
976
- <option value="28" <?php if($cff_date_size == "28") echo 'selected="selected"' ?> >28px</option>
977
- <option value="32" <?php if($cff_date_size == "32") echo 'selected="selected"' ?> >32px</option>
978
- <option value="36" <?php if($cff_date_size == "36") echo 'selected="selected"' ?> >36px</option>
979
- <option value="42" <?php if($cff_date_size == "42") echo 'selected="selected"' ?> >42px</option>
980
- <option value="48" <?php if($cff_date_size == "48") echo 'selected="selected"' ?> >48px</option>
981
- <option value="60" <?php if($cff_date_size == "54") echo 'selected="selected"' ?> >54px</option>
982
- <option value="60" <?php if($cff_date_size == "60") echo 'selected="selected"' ?> >60px</option>
983
- </select>
984
- </td>
985
- </tr>
986
- <tr>
987
- <th><label for="cff_date_weight" class="bump-left"><?php _e('Text Weight'); ?></label></th>
988
- <td>
989
- <select name="cff_date_weight">
990
- <option value="inherit" <?php if($cff_date_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
991
- <option value="normal" <?php if($cff_date_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
992
- <option value="bold" <?php if($cff_date_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
993
- </select>
994
- </td>
995
- </tr>
996
- <tr>
997
- <th><label for="cff_date_color" class="bump-left"><?php _e('Text Color'); ?></label></th>
998
- <td>
999
- #<input name="cff_date_color" type="text" value="<?php esc_attr_e( $cff_date_color ); ?>" size="10" placeholder="Eg. ED9A00" />
1000
- <a href="http://www.colorpicker.com/" target="_blank">Color Picker</a>
1001
- </td>
1002
- </tr>
1003
-
1004
- <tr>
1005
- <th><label for="cff_date_formatting" class="bump-left"><?php _e('Date formatting'); ?></label></th>
1006
- <td>
1007
- <select name="cff_date_formatting">
1008
- <?php $original = strtotime('2013-07-25T17:30:00+0000'); ?>
1009
- <option value="1" <?php if($cff_date_formatting == "1") echo 'selected="selected"' ?> ><?php _e('Posted 2 days ago'); ?></option>
1010
- <option value="2" <?php if($cff_date_formatting == "2") echo 'selected="selected"' ?> ><?php echo date('F jS, g:i a', $original); ?></option>
1011
- <option value="3" <?php if($cff_date_formatting == "3") echo 'selected="selected"' ?> ><?php echo date('F jS', $original); ?></option>
1012
- <option value="4" <?php if($cff_date_formatting == "4") echo 'selected="selected"' ?> ><?php echo date('D F jS', $original); ?></option>
1013
- <option value="5" <?php if($cff_date_formatting == "5") echo 'selected="selected"' ?> ><?php echo date('l F jS', $original); ?></option>
1014
- <option value="6" <?php if($cff_date_formatting == "6") echo 'selected="selected"' ?> ><?php echo date('D M jS, Y', $original); ?></option>
1015
- <option value="7" <?php if($cff_date_formatting == "7") echo 'selected="selected"' ?> ><?php echo date('l F jS, Y', $original); ?></option>
1016
- <option value="8" <?php if($cff_date_formatting == "8") echo 'selected="selected"' ?> ><?php echo date('l F jS, Y - g:i a', $original); ?></option>
1017
- <option value="9" <?php if($cff_date_formatting == "9") echo 'selected="selected"' ?> ><?php echo date("l M jS, 'y", $original); ?></option>
1018
- <option value="10" <?php if($cff_date_formatting == "10") echo 'selected="selected"' ?> ><?php echo date('m.d.y', $original); ?></option>
1019
- <option value="11" <?php if($cff_date_formatting == "11") echo 'selected="selected"' ?> ><?php echo date('m/d/y', $original); ?></option>
1020
- <option value="12" <?php if($cff_date_formatting == "12") echo 'selected="selected"' ?> ><?php echo date('d.m.y', $original); ?></option>
1021
- <option value="13" <?php if($cff_date_formatting == "13") echo 'selected="selected"' ?> ><?php echo date('d/m/y', $original); ?></option>
1022
- </select>
1023
- </td>
1024
- </tr>
1025
- <tr>
1026
- <th><label for="cff_date_custom" class="bump-left"><?php _e('Custom format'); ?></label></th>
1027
- <td>
1028
- <input name="cff_date_custom" type="text" value="<?php esc_attr_e( $cff_date_custom ); ?>" size="10" placeholder="Eg. F j, Y" />
1029
- <i style="color: #666; font-size: 11px;">(<a href="http://smashballoon.com/custom-facebook-feed/docs/date/" target="_blank"><?php _e('Examples'); ?></a>)</i>
1030
- </td>
1031
- </tr>
1032
- <tr>
1033
- <th><label for="cff_date_before" class="bump-left"><?php _e('Text before date'); ?></label></th>
1034
- <td><input name="cff_date_before" type="text" value="<?php esc_attr_e( $cff_date_before ); ?>" size="10" placeholder="Eg. Posted" /></td>
1035
- </tr>
1036
- <tr>
1037
- <th><label for="cff_date_after" class="bump-left"><?php _e('Text after date'); ?></label></th>
1038
- <td><input name="cff_date_after" type="text" value="<?php esc_attr_e( $cff_date_after ); ?>" size="10" placeholder="Eg. ago" /></td>
1039
- </tr>
1040
- </tbody>
1041
- </table>
1042
- </div>
1043
- </div>
1044
- <div id="adminform" class="postbox" style="display: block;">
1045
- <div class="handlediv" title="Click to toggle"><br></div>
1046
- <h3 class="hndle"><span><?php _e('Event Title'); ?></span></h3>
1047
- <div class="inside">
1048
- <table class="form-table">
1049
- <tbody>
1050
-
1051
- <tr>
1052
- <th><label for="cff_event_title_format" class="bump-left"><?php _e('Format'); ?></label></th>
1053
- <td>
1054
- <select name="cff_event_title_format">
1055
- <option value="p" <?php if($cff_event_title_format == "p") echo 'selected="selected"' ?> >Paragraph</option>
1056
- <option value="h3" <?php if($cff_event_title_format == "h3") echo 'selected="selected"' ?> >Heading 3</option>
1057
- <option value="h4" <?php if($cff_event_title_format == "h4") echo 'selected="selected"' ?> >Heading 4</option>
1058
- <option value="h5" <?php if($cff_event_title_format == "h5") echo 'selected="selected"' ?> >Heading 5</option>
1059
- <option value="h6" <?php if($cff_event_title_format == "h6") echo 'selected="selected"' ?> >Heading 6</option>
1060
- </select>
1061
- </td>
1062
- </tr>
1063
-
1064
- <tr>
1065
- <th><label for="cff_event_title_size" class="bump-left"><?php _e('Text Size'); ?></label></th>
1066
- <td>
1067
- <select name="cff_event_title_size">
1068
- <option value="inherit" <?php if($cff_event_title_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1069
- <option value="10" <?php if($cff_event_title_size == "10") echo 'selected="selected"' ?> >10px</option>
1070
- <option value="11" <?php if($cff_event_title_size == "11") echo 'selected="selected"' ?> >11px</option>
1071
- <option value="12" <?php if($cff_event_title_size == "12") echo 'selected="selected"' ?> >12px</option>
1072
- <option value="14" <?php if($cff_event_title_size == "14") echo 'selected="selected"' ?> >14px</option>
1073
- <option value="16" <?php if($cff_event_title_size == "16") echo 'selected="selected"' ?> >16px</option>
1074
- <option value="18" <?php if($cff_event_title_size == "18") echo 'selected="selected"' ?> >18px</option>
1075
- <option value="20" <?php if($cff_event_title_size == "20") echo 'selected="selected"' ?> >20px</option>
1076
- <option value="24" <?php if($cff_event_title_size == "24") echo 'selected="selected"' ?> >24px</option>
1077
- <option value="28" <?php if($cff_event_title_size == "28") echo 'selected="selected"' ?> >28px</option>
1078
- <option value="32" <?php if($cff_event_title_size == "32") echo 'selected="selected"' ?> >32px</option>
1079
- <option value="36" <?php if($cff_event_title_size == "36") echo 'selected="selected"' ?> >36px</option>
1080
- <option value="42" <?php if($cff_event_title_size == "42") echo 'selected="selected"' ?> >42px</option>
1081
- <option value="48" <?php if($cff_event_title_size == "48") echo 'selected="selected"' ?> >48px</option>
1082
- <option value="60" <?php if($cff_event_title_size == "54") echo 'selected="selected"' ?> >54px</option>
1083
- <option value="60" <?php if($cff_event_title_size == "60") echo 'selected="selected"' ?> >60px</option>
1084
- </select>
1085
- </td>
1086
- </tr>
1087
- <tr>
1088
- <th><label for="cff_event_title_weight" class="bump-left"><?php _e('Text Weight'); ?></label></th>
1089
- <td>
1090
- <select name="cff_event_title_weight">
1091
- <option value="inherit" <?php if($cff_event_title_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1092
- <option value="normal" <?php if($cff_event_title_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
1093
- <option value="bold" <?php if($cff_event_title_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
1094
- </select>
1095
- </td>
1096
- </tr>
1097
- <tr>
1098
- <th><label for="cff_event_title_color" class="bump-left"><?php _e('Text Color'); ?></label></th>
1099
- <td>
1100
- <input name="cff_event_title_color" type="text" value="<?php esc_attr_e( $cff_event_title_color ); ?>" size="10" placeholder="Eg. ED9A00" />
1101
- <a href="http://www.colorpicker.com/" target="_blank"><?php _e('Color Picker'); ?></a>
1102
- </td>
1103
- </tr>
1104
- <tr>
1105
- <th><label for="cff_title_link" class="bump-left"><?php _e('Link title to Facebook event page?'); ?></label></th>
1106
- <td><input type="checkbox" name="cff_event_title_link" id="cff_event_title_link" <?php if($cff_event_title_link == true) echo 'checked="checked"' ?> />&nbsp;Yes</td>
1107
- </tr>
1108
- </tbody>
1109
- </table>
1110
- </div>
1111
- </div>
1112
- <div style="margin-top: -15px;">
1113
- <?php submit_button(); ?>
1114
- </div>
1115
- <div id="adminform" class="postbox" style="display: block;">
1116
- <div class="handlediv" title="Click to toggle"><br></div>
1117
- <h3 class="hndle"><span><?php _e('Event Date'); ?></span></h3>
1118
- <div class="inside">
1119
- <table class="form-table">
1120
- <tbody>
1121
-
1122
- <tr>
1123
- <th><label for="cff_event_date_size" class="bump-left"><?php _e('Text Size'); ?></label></th>
1124
- <td>
1125
- <select name="cff_event_date_size">
1126
- <option value="inherit" <?php if($cff_event_date_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1127
- <option value="10" <?php if($cff_event_date_size == "10") echo 'selected="selected"' ?> >10px</option>
1128
- <option value="11" <?php if($cff_event_date_size == "11") echo 'selected="selected"' ?> >11px</option>
1129
- <option value="12" <?php if($cff_event_date_size == "12") echo 'selected="selected"' ?> >12px</option>
1130
- <option value="14" <?php if($cff_event_date_size == "14") echo 'selected="selected"' ?> >14px</option>
1131
- <option value="16" <?php if($cff_event_date_size == "16") echo 'selected="selected"' ?> >16px</option>
1132
- <option value="18" <?php if($cff_event_date_size == "18") echo 'selected="selected"' ?> >18px</option>
1133
- <option value="20" <?php if($cff_event_date_size == "20") echo 'selected="selected"' ?> >20px</option>
1134
- <option value="24" <?php if($cff_event_date_size == "24") echo 'selected="selected"' ?> >24px</option>
1135
- <option value="28" <?php if($cff_event_date_size == "28") echo 'selected="selected"' ?> >28px</option>
1136
- <option value="32" <?php if($cff_event_date_size == "32") echo 'selected="selected"' ?> >32px</option>
1137
- <option value="36" <?php if($cff_event_date_size == "36") echo 'selected="selected"' ?> >36px</option>
1138
- <option value="42" <?php if($cff_event_date_size == "42") echo 'selected="selected"' ?> >42px</option>
1139
- <option value="48" <?php if($cff_event_date_size == "48") echo 'selected="selected"' ?> >48px</option>
1140
- <option value="60" <?php if($cff_event_date_size == "54") echo 'selected="selected"' ?> >54px</option>
1141
- <option value="60" <?php if($cff_event_date_size == "60") echo 'selected="selected"' ?> >60px</option>
1142
- </select>
1143
- </td>
1144
- </tr>
1145
- <tr>
1146
- <th><label for="cff_event_date_weight" class="bump-left"><?php _e('Text Weight'); ?></label></th>
1147
- <td>
1148
- <select name="cff_event_date_weight">
1149
- <option value="inherit" <?php if($cff_event_date_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1150
- <option value="normal" <?php if($cff_event_date_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
1151
- <option value="bold" <?php if($cff_event_date_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
1152
- </select>
1153
- </td>
1154
- </tr>
1155
- <tr>
1156
- <th><label for="cff_event_date_color" class="bump-left"><?php _e('Text Color'); ?></label></th>
1157
- <td>
1158
- #<input name="cff_event_date_color" type="text" value="<?php esc_attr_e( $cff_event_date_color ); ?>" size="10" placeholder="Eg. ED9A00" />
1159
- <a href="http://www.colorpicker.com/" target="_blank"><?php _e('Color Picker'); ?></a>
1160
- </td>
1161
- </tr>
1162
- <tr valign="top">
1163
- <th scope="row"><label class="bump-left"><?php _e('Date Position'); ?></label></th>
1164
- <td>
1165
- <select name="cff_event_date_position">
1166
- <option value="below" <?php if($cff_event_date_position == "below") echo 'selected="selected"' ?> ><?php _e('Below event title'); ?></option>
1167
- <option value="above" <?php if($cff_event_date_position == "above") echo 'selected="selected"' ?> ><?php _e('Above event title'); ?></option>
1168
- </select>
1169
- </td>
1170
- </tr>
1171
- <tr>
1172
- <th><label for="cff_event_date_formatting" class="bump-left"><?php _e('Event date formatting'); ?></label></th>
1173
- <td>
1174
- <select name="cff_event_date_formatting">
1175
- <?php $original = strtotime('2013-07-25T17:30:00+0000'); ?>
1176
- <option value="1" <?php if($cff_event_date_formatting == "1") echo 'selected="selected"' ?> ><?php echo date('F j, Y, g:ia', $original); ?></option>
1177
- <option value="2" <?php if($cff_event_date_formatting == "2") echo 'selected="selected"' ?> ><?php echo date('F jS, g:ia', $original); ?></option>
1178
- <option value="3" <?php if($cff_event_date_formatting == "3") echo 'selected="selected"' ?> ><?php echo date('g:ia - F jS', $original); ?></option>
1179
- <option value="4" <?php if($cff_event_date_formatting == "4") echo 'selected="selected"' ?> ><?php echo date('g:ia, F jS', $original); ?></option>
1180
- <option value="5" <?php if($cff_event_date_formatting == "5") echo 'selected="selected"' ?> ><?php echo date('l F jS - g:ia', $original); ?></option>
1181
- <option value="6" <?php if($cff_event_date_formatting == "6") echo 'selected="selected"' ?> ><?php echo date('D M jS, Y, g:iA', $original); ?></option>
1182
- <option value="7" <?php if($cff_event_date_formatting == "7") echo 'selected="selected"' ?> ><?php echo date('l F jS, Y, g:iA', $original); ?></option>
1183
- <option value="8" <?php if($cff_event_date_formatting == "8") echo 'selected="selected"' ?> ><?php echo date('l F jS, Y - g:ia', $original); ?></option>
1184
- <option value="9" <?php if($cff_event_date_formatting == "9") echo 'selected="selected"' ?> ><?php echo date("l M jS, 'y", $original); ?></option>
1185
- <option value="10" <?php if($cff_event_date_formatting == "10") echo 'selected="selected"' ?> ><?php echo date('m.d.y - g:iA', $original); ?></option>
1186
- <option value="11" <?php if($cff_event_date_formatting == "11") echo 'selected="selected"' ?> ><?php echo date('m/d/y, g:ia', $original); ?></option>
1187
- <option value="12" <?php if($cff_event_date_formatting == "12") echo 'selected="selected"' ?> ><?php echo date('d.m.y - g:iA', $original); ?></option>
1188
- <option value="13" <?php if($cff_event_date_formatting == "13") echo 'selected="selected"' ?> ><?php echo date('d/m/y, g:ia', $original); ?></option>
1189
- </select>
1190
- </td>
1191
- </tr>
1192
- <tr>
1193
- <th><label for="cff_event_date_custom" class="bump-left"><?php _e('Custom event date format'); ?></label></th>
1194
- <td>
1195
- <input name="cff_event_date_custom" type="text" value="<?php esc_attr_e( $cff_event_date_custom ); ?>" size="10" placeholder="Eg. F j, Y - g:ia" />
1196
- <i style="color: #666; font-size: 11px;">(<a href="http://smashballoon.com/custom-facebook-feed/docs/date/" target="_blank"><?php _e('Examples'); ?></a>)</i>
1197
- </td>
1198
- </tr>
1199
- </tbody>
1200
- </table>
1201
- </div>
1202
- </div>
1203
- <div id="adminform" class="postbox" style="display: block;">
1204
- <div class="handlediv" title="Click to toggle"><br></div>
1205
- <h3 class="hndle"><span><?php _e('Event Details'); ?></span></h3>
1206
- <div class="inside">
1207
- <table class="form-table">
1208
- <tbody>
1209
-
1210
- <tr>
1211
- <th><label for="cff_event_details_size" class="bump-left"><?php _e('Text Size'); ?></label></th>
1212
- <td>
1213
- <select name="cff_event_details_size">
1214
- <option value="inherit" <?php if($cff_event_details_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1215
- <option value="10" <?php if($cff_event_details_size == "10") echo 'selected="selected"' ?> >10px</option>
1216
- <option value="11" <?php if($cff_event_details_size == "11") echo 'selected="selected"' ?> >11px</option>
1217
- <option value="12" <?php if($cff_event_details_size == "12") echo 'selected="selected"' ?> >12px</option>
1218
- <option value="14" <?php if($cff_event_details_size == "14") echo 'selected="selected"' ?> >14px</option>
1219
- <option value="16" <?php if($cff_event_details_size == "16") echo 'selected="selected"' ?> >16px</option>
1220
- <option value="18" <?php if($cff_event_details_size == "18") echo 'selected="selected"' ?> >18px</option>
1221
- <option value="20" <?php if($cff_event_details_size == "20") echo 'selected="selected"' ?> >20px</option>
1222
- <option value="24" <?php if($cff_event_details_size == "24") echo 'selected="selected"' ?> >24px</option>
1223
- <option value="28" <?php if($cff_event_details_size == "28") echo 'selected="selected"' ?> >28px</option>
1224
- <option value="32" <?php if($cff_event_details_size == "32") echo 'selected="selected"' ?> >32px</option>
1225
- <option value="36" <?php if($cff_event_details_size == "36") echo 'selected="selected"' ?> >36px</option>
1226
- <option value="42" <?php if($cff_event_details_size == "42") echo 'selected="selected"' ?> >42px</option>
1227
- <option value="48" <?php if($cff_event_details_size == "48") echo 'selected="selected"' ?> >48px</option>
1228
- <option value="60" <?php if($cff_event_details_size == "54") echo 'selected="selected"' ?> >54px</option>
1229
- <option value="60" <?php if($cff_event_details_size == "60") echo 'selected="selected"' ?> >60px</option>
1230
- </select>
1231
- </td>
1232
- </tr>
1233
- <tr>
1234
- <th><label for="cff_event_details_weight" class="bump-left"><?php _e('Text Weight'); ?></label></th>
1235
- <td>
1236
- <select name="cff_event_details_weight">
1237
- <option value="inherit" <?php if($cff_event_details_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1238
- <option value="normal" <?php if($cff_event_details_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
1239
- <option value="bold" <?php if($cff_event_details_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
1240
- </select>
1241
- </td>
1242
- </tr>
1243
- <tr>
1244
- <th><label for="cff_event_details_color" class="bump-left"><?php _e('Text Color'); ?></label></th>
1245
- <td>
1246
- #<input name="cff_event_details_color" type="text" value="<?php esc_attr_e( $cff_event_details_color ); ?>" size="10" placeholder="Eg. ED9A00" />
1247
- <a href="http://www.colorpicker.com/" target="_blank"><?php _e('Color Picker'); ?></a>
1248
- </td>
1249
- </tr>
1250
- </tbody>
1251
- </table>
1252
- </div>
1253
- </div>
1254
- <div id="adminform" class="postbox" style="display: block;">
1255
- <div class="handlediv" title="Click to toggle"><br></div>
1256
- <h3 class="hndle"><span><?php _e('Link to Facebook'); ?></span></h3>
1257
- <div class="inside">
1258
- <table class="form-table">
1259
- <tbody>
1260
-
1261
- <tr>
1262
- <th><label for="cff_link_size" class="bump-left"><?php _e('Text Size'); ?></label></th>
1263
- <td>
1264
- <select name="cff_link_size">
1265
- <option value="inherit" <?php if($cff_link_size == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1266
- <option value="10" <?php if($cff_link_size == "10") echo 'selected="selected"' ?> >10px</option>
1267
- <option value="11" <?php if($cff_link_size == "11") echo 'selected="selected"' ?> >11px</option>
1268
- <option value="12" <?php if($cff_link_size == "12") echo 'selected="selected"' ?> >12px</option>
1269
- <option value="14" <?php if($cff_link_size == "14") echo 'selected="selected"' ?> >14px</option>
1270
- <option value="16" <?php if($cff_link_size == "16") echo 'selected="selected"' ?> >16px</option>
1271
- <option value="18" <?php if($cff_link_size == "18") echo 'selected="selected"' ?> >18px</option>
1272
- <option value="20" <?php if($cff_link_size == "20") echo 'selected="selected"' ?> >20px</option>
1273
- <option value="24" <?php if($cff_link_size == "24") echo 'selected="selected"' ?> >24px</option>
1274
- <option value="28" <?php if($cff_link_size == "28") echo 'selected="selected"' ?> >28px</option>
1275
- <option value="32" <?php if($cff_link_size == "32") echo 'selected="selected"' ?> >32px</option>
1276
- <option value="36" <?php if($cff_link_size == "36") echo 'selected="selected"' ?> >36px</option>
1277
- <option value="42" <?php if($cff_link_size == "42") echo 'selected="selected"' ?> >42px</option>
1278
- <option value="48" <?php if($cff_link_size == "48") echo 'selected="selected"' ?> >48px</option>
1279
- <option value="60" <?php if($cff_link_size == "54") echo 'selected="selected"' ?> >54px</option>
1280
- <option value="60" <?php if($cff_link_size == "60") echo 'selected="selected"' ?> >60px</option>
1281
- </select>
1282
- </td>
1283
- </tr>
1284
- <tr>
1285
- <th><label for="cff_link_weight" class="bump-left"><?php _e('Text Weight'); ?></label></th>
1286
- <td>
1287
- <select name="cff_link_weight">
1288
- <option value="inherit" <?php if($cff_link_weight == "inherit") echo 'selected="selected"' ?> >Inherit</option>
1289
- <option value="normal" <?php if($cff_link_weight == "normal") echo 'selected="selected"' ?> >Normal</option>
1290
- <option value="bold" <?php if($cff_link_weight == "bold") echo 'selected="selected"' ?> >Bold</option>
1291
- </select>
1292
- </td>
1293
- </tr>
1294
- <tr>
1295
- <th><label for="cff_link_color" class="bump-left"><?php _e('Text Color'); ?></label></th>
1296
- <td>
1297
- <input name="cff_link_color" type="text" value="<?php esc_attr_e( $cff_link_color ); ?>" size="10" placeholder="Eg. ED9A00" />
1298
- <a href="http://www.colorpicker.com/" target="_blank"><?php _e('Color Picker'); ?></a>
1299
- </td>
1300
- </tr>
1301
- <tr>
1302
- <th><label for="cff_facebook_link_text" class="bump-left"><?php _e('Custom "View on Facebook" text'); ?></label></th>
1303
- <td>
1304
- <input name="cff_facebook_link_text" type="text" value="<?php esc_attr_e( $cff_facebook_link_text ); ?>" size="20" />
1305
- <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Use different text in place of the default "View on Facebook" link'); ?></i>
1306
- </td>
1307
- </tr>
1308
- <tr>
1309
- <th><label for="cff_view_link_text" class="bump-left"><?php _e('Custom "View Link" text'); ?></label></th>
1310
- <td>
1311
- <input name="cff_view_link_text" type="text" value="<?php esc_attr_e( $cff_view_link_text ); ?>" size="20" />
1312
- <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Use different text in place of the default "View on Facebook" link'); ?></i>
1313
- </td>
1314
- </tr>
1315
-
1316
- </tbody>
1317
- </table>
1318
- </div>
1319
- </div>
1320
- </div>
1321
- </div>
1322
- <div style="margin-top: -15px;">
1323
- <?php submit_button(); ?>
1324
- </div>
1325
-
1326
- <a href="http://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
1327
-
1328
- <?php } //End Typography tab ?>
1329
- <?php if( $active_tab == 'misc' ) { //Start Misc tab ?>
1330
- <input type="hidden" name="<?php echo $style_misc_hidden_field_name; ?>" value="Y">
1331
- <br />
1332
- <h3><?php _e('Likes, Shares and Comments'); ?></h3><i style="color: #666; font-size: 11px;"><a href="http://smashballoon.com/custom-facebook-feed/" target="_blank"><?php _e('Upgrade to Pro to enable likes, shares and comments'); ?></a></i>
1333
-
1334
- <hr />
1335
- <h3><?php _e('Custom CSS'); ?></h3>
1336
- <table class="form-table">
1337
- <tbody>
1338
- <tr valign="top">
1339
- <td>
1340
- <?php _e('Enter your own custom CSS in the box below'); ?>
1341
- </td>
1342
- </tr>
1343
- <tr valign="top">
1344
- <td>
1345
- <textarea name="cff_custom_css" id="cff_custom_css" style="width: 70%;" rows="7"><?php esc_attr_e( $cff_custom_css ); ?></textarea>
1346
- </td>
1347
- </tr>
1348
- </tbody>
1349
- </table>
1350
- <hr />
1351
- <h3><?php _e('Misc'); ?></h3>
1352
- <table class="form-table">
1353
- <tbody>
1354
- <tr><td><b style="font-size: 14px;"><?php _e('Like Box'); ?></b></td></tr>
1355
- <tr valign="top">
1356
- <th scope="row"><label class="bump-left"><?php _e('Show the Like Box'); ?></label></th>
1357
- <td>
1358
- <input type="checkbox" name="cff_show_like_box" id="cff_show_like_box" <?php if($cff_show_like_box == true) echo 'checked="checked"' ?> />
1359
- </td>
1360
- </tr>
1361
- <tr valign="top">
1362
- <th scope="row"><label class="bump-left"><?php _e('Like Box Position'); ?></label></th>
1363
- <td>
1364
- <select name="cff_like_box_position">
1365
- <option value="bottom" <?php if($cff_like_box_position == "bottom") echo 'selected="selected"' ?> ><?php _e('Bottom'); ?></option>
1366
- <option value="top" <?php if($cff_like_box_position == "top") echo 'selected="selected"' ?> ><?php _e('Top'); ?></option>
1367
- </select>
1368
- </td>
1369
- </tr>
1370
- <tr valign="top">
1371
- <th scope="row"><label class="bump-left"><?php _e('Display outside the scrollable area'); ?></label></th>
1372
- <td>
1373
- <input type="checkbox" name="cff_like_box_outside" id="cff_like_box_outside" <?php if($cff_like_box_outside == true) echo 'checked="checked"' ?> />
1374
- <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('(Only applicable if you have set a height on the feed)'); ?></i>
1375
- </td>
1376
- </tr>
1377
- <tr valign="top">
1378
- <th scope="row"><label class="bump-left"><?php _e('Like Box Background Color'); ?></label></th>
1379
- <td>
1380
- <label for="cff_likebox_bg_color">#</label>
1381
- <input name="cff_likebox_bg_color" type="text" value="<?php esc_attr_e( $cff_likebox_bg_color ); ?>" size="10" />
1382
- <span>Eg. ED9A00</span>&nbsp;&nbsp;<a href="http://www.colorpicker.com/" target="_blank"><?php _e('Color Picker'); ?></a>
1383
- </td>
1384
- </tr>
1385
-
1386
- <tr><td><b style="font-size: 14px;"><?php _e('Separating Line'); ?></b></td></tr>
1387
- <tr valign="top">
1388
- <th scope="row"><label class="bump-left"><?php _e('Separating Line Color'); ?></label></th>
1389
- <td>
1390
- <label for="cff_sep_color">#</label>
1391
- <input name="cff_sep_color" type="text" value="<?php esc_attr_e( $cff_sep_color ); ?>" size="10" />
1392
- <span>Eg. ED9A00</span>&nbsp;&nbsp;<a href="http://www.colorpicker.com/" target="_blank"><?php _e('Color Picker'); ?></a>
1393
- </td>
1394
- </tr>
1395
- <tr valign="top">
1396
- <th scope="row"><label class="bump-left"><?php _e('Separating Line Thickness'); ?></label></th>
1397
- <td>
1398
- <input name="cff_sep_size" type="text" value="<?php esc_attr_e( $cff_sep_size ); ?>" size="1" /><span>px</span> <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('(Leave empty to hide)'); ?></i>
1399
- </td>
1400
- </tr>
1401
- </tbody>
1402
- </table>
1403
- <?php submit_button(); ?>
1404
-
1405
- <a href="http://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
1406
-
1407
- <?php } //End Misc tab ?>
1408
- </form>
1409
- <?php
1410
- } //End Style_Page
1411
- //Enqueue admin styles
1412
- function cff_admin_style() {
1413
- wp_register_style( 'custom_wp_admin_css', plugin_dir_url( __FILE__ ) . 'css/cff-admin-style.css', false, '1.0.0' );
1414
- wp_enqueue_style( 'custom_wp_admin_css' );
1415
- }
1416
- add_action( 'admin_enqueue_scripts', 'cff_admin_style' );
1417
- //Enqueue admin scripts
1418
- function cff_admin_scripts() {
1419
- wp_enqueue_script( 'cff_admin_script', plugin_dir_url( __FILE__ ) . 'js/cff-admin-scripts.js' );
1420
- if( !wp_script_is('jquery-ui') ) {
1421
- wp_enqueue_script( 'jquery-ui' , 'https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js' );
1422
- }
1423
- wp_enqueue_script( 'hoverIntent' );
1424
- }
1425
- add_action( 'admin_enqueue_scripts', 'cff_admin_scripts' );
1426
?>
1
+ <?php
2
+ function cff_menu() {
3
+ add_menu_page(
4
+ '',
5
+ 'Facebook Feed',
6
+ 'manage_options',
7
+ 'cff-top',
8
+ 'cff_settings_page'
9
+ );
10
+ add_submenu_page(
11
+ 'cff-top',
12
+ 'Settings',
13
+ 'Settings',
14
+ 'manage_options',
15
+ 'cff-top',
16
+ 'cff_settings_page'
17
+ );
18
+ }
19
+ add_action('admin_menu', 'cff_menu');
20
+ //Add styling page
21
+ function cff_styling_menu() {
22
+ add_submenu_page(
23
+ 'cff-top',
24
+ 'Layout & Style',
25
+ 'Layout & Style',
26
+ 'manage_options',
27
+ 'cff-style',
28
+ 'cff_style_page'
29
+ );
30
+ }
31
+ add_action('admin_menu', 'cff_styling_menu');
32
+ //Create Settings page
33
+ function cff_settings_page() {
34
+ //Declare variables for fields
35
+ $hidden_field_name = 'cff_submit_hidden';
36
+ $access_token = 'cff_access_token';
37
+ $page_id = 'cff_page_id';
38
+ $num_show = 'cff_num_show';
39
+ $cff_post_limit = 'cff_post_limit';
40
+ $cff_show_others = 'cff_show_others';
41
+ $cff_cache_time = 'cff_cache_time';
42
+ $cff_cache_time_unit = 'cff_cache_time_unit';
43
+ $cff_locale = 'cff_locale';
44
+ // Read in existing option value from database
45
+ $access_token_val = get_option( $access_token );
46
+ $page_id_val = get_option( $page_id );
47
+ $num_show_val = get_option( $num_show, '5' );
48
+ $cff_post_limit_val = get_option( $cff_post_limit );
49
+ $cff_show_others_val = get_option( $cff_show_others );
50
+ $cff_cache_time_val = get_option( $cff_cache_time, '1' );
51
+ $cff_cache_time_unit_val = get_option( $cff_cache_time_unit, 'hours' );
52
+ $cff_locale_val = get_option( $cff_locale, 'en_US' );
53
+ // See if the user has posted us some information. If they did, this hidden field will be set to 'Y'.
54
+ if( isset($_POST[ $hidden_field_name ]) && $_POST[ $hidden_field_name ] == 'Y' ) {
55
+ // Read their posted value
56
+ $access_token_val = $_POST[ $access_token ];
57
+ $page_id_val = $_POST[ $page_id ];
58
+ $num_show_val = $_POST[ $num_show ];
59
+ $cff_post_limit_val = $_POST[ $cff_post_limit ];
60
+ $cff_show_others_val = $_POST[ $cff_show_others ];
61
+ $cff_cache_time_val = $_POST[ $cff_cache_time ];
62
+ $cff_cache_time_unit_val = $_POST[ $cff_cache_time_unit ];
63
+ $cff_locale_val = $_POST[ $cff_locale ];
64
+ // Save the posted value in the database
65
+ update_option( $access_token, $access_token_val );
66
+ update_option( $page_id, $page_id_val );
67
+ update_option( $num_show, $num_show_val );
68
+ update_option( $cff_post_limit, $cff_post_limit_val );
69
+ update_option( $cff_show_others, $cff_show_others_val );
70
+ update_option( $cff_cache_time, $cff_cache_time_val );
71
+ update_option( $cff_cache_time_unit, $cff_cache_time_unit_val );
72
+ update_option( $cff_locale, $cff_locale_val );
73
+
74
+ //Delete the transient for the main page ID
75
+ delete_transient( 'cff_posts_json_' .$page_id_val );
76
+ delete_transient( 'cff_feed_json_' .$page_id_val );
77
+ delete_transient( 'cff_events_json_' . $page_id_val );
78
+ //Delete ALL transients
79
+ global $wpdb;
80
+ $table_name = $wpdb->prefix . "options";
81
+ $wpdb->query( "
82
+ DELETE
83
+ FROM $table_name
84
+ WHERE `option_name` LIKE ('%cff\_posts\_json\_%')
85
+ " );
86
+ $wpdb->query( "
87
+ DELETE
88
+ FROM $table_name
89
+ WHERE `option_name` LIKE ('%cff\_feed\_json\_%')
90
+ " );
91
+ $wpdb->query( "
92
+ DELETE
93
+ FROM $table_name
94
+ WHERE `option_name` LIKE ('%cff\_events\_json\_%')
95
+ " );
96
+ // Put an settings updated message on the screen
97
+ ?>
98
+ <div class="updated"><p><strong><?php _e('Settings saved.', 'custom-facebook-feed' ); ?></strong></p></div>
99
+ <?php } ?>
100
+
101
+ <div id="cff-admin" class="wrap">
102
+ <div id="header">
103
+ <h1><?php _e('Custom Facebook Feed Settings'); ?></h1>
104
+ </div>
105
+ <form name="form1" method="post" action="">
106
+ <input type="hidden" name="<?php echo $hidden_field_name; ?>" value="Y">
107
+ <br />
108
+ <h3><?php _e('Configuration'); ?></h3>
109
+ <table class="form-table">
110
+ <tbody>
111
+ <tr valign="top">
112
+ <th scope="row"><?php _e('Access Token'); ?></th>
113
+ <td>
114
+ <input name="cff_access_token" type="text" value="<?php esc_attr_e( $access_token_val ); ?>" size="60" />
115
+ <!--<a href="#" id="verify-token" class="button-secondary"><?php _e('Verify Access Token'); ?></a>-->
116
+ &nbsp;<a class="tooltip-link" href="JavaScript:void(0);"><?php _e('How to get an Access Token'); ?></a>
117
+ <br /><i style="color: #666; font-size: 11px;">Eg. 1234567890123|ABC2fvp5h9tJe4-5-AbC123</i>
118
+ <p class="tooltip"><?php _e("In order to use the plugin, Facebook requires you to obtain an access token to access their data. Don't worry though, this is really easy to do. Just follow the step-by-step instructions at the following link: <a href='http://smashballoon.com/custom-facebook-feed/access-token/' target='_blank'>How to get a Facebook Access Token</a>"); ?>.</p>
119
+ </td>
120
+ </tr>
121
+ <tr valign="top">
122
+ <th scope="row"><?php _e('Facebook Page ID'); ?></th>
123
+ <td>
124
+ <input name="cff_page_id" type="text" value="<?php esc_attr_e( $page_id_val ); ?>" size="60" />
125
+ &nbsp;<a class="tooltip-link" href="JavaScript:void(0);"><?php _e('What\'s my Page ID?'); ?></a>
126
+ <br /><i style="color: #666; font-size: 11px;">Eg. 1234567890123 or smashballoon</i>
127
+ <p class="tooltip"><?php _e('If you have a Facebook page with a URL like this:'); ?> <code>https://www.facebook.com/your_page_name</code> <?php _e('then the Page ID is just'); ?> <b>your_page_name</b>. <?php _e('If your page URL is structured like this:'); ?> <code>https://www.facebook.com/pages/your_page_name/123654123654123</code> <?php _e('then the Page ID is actually the number at the end, so in this case'); ?> <b>123654123654123</b>.</p>
128
+ </td>
129
+ </tr>
130
+ <tr valign="top">
131
+ <th scope="row"><?php _e('Number of posts to display'); ?></th>
132
+ <td>
133
+ <input name="cff_num_show" type="text" value="<?php esc_attr_e( $num_show_val ); ?>" size="4" />
134
+ <i style="color: #666; font-size: 11px;">Eg. 5</i>
135
+ </td>
136
+ </tr>
137
+ <tr valign="top">
138
+ <th scope="row"><?php _e('Alter the post limit'); ?></th>
139
+ <td>
140
+ <input name="cff_post_limit" type="text" value="<?php esc_attr_e( $cff_post_limit_val ); ?>" size="4" />
141
+ <i style="color: #666; font-size: 11px;">Eg. 50</i> <a class="tooltip-link bump-left" href="JavaScript:void(0);"><?php _e('What does this mean?'); ?></a>
142
+ <p class="tooltip"><?php _e('By default the Facebook API only returns your latest 25 posts. If you would like to retrieve more than 25 posts then you can increase the limit by specifying a higher value here. However, the more posts you request the slower the page load time may be when the plugin needs to check Facebook for new posts. Similarly, if you only intend to retrieve a few posts then you may wish to set a lower post limit here so that you aren\'t retrieving more posts than necessary.'); ?></p>
143
+ </td>
144
+ </tr>
145
+ <tr valign="top">
146
+ <th scope="row"><?php _e('Show posts by others on my page'); ?></th>
147
+ <td>
148
+ <input name="cff_show_others" type="checkbox" id="cff_show_others" <?php if($cff_show_others_val == true) echo "checked"; ?> />
149
+ <i style="color: #666; font-size: 11px;"><?php _e('By default only posts by the page owner will be shown. Check this box to also show posts by others.'); ?></i>
150
+ </td>
151
+ </tr>
152
+ <tr valign="top">
153
+ <th scope="row"><?php _e('Check for new Facebook posts every'); ?></th>
154
+ <td>
155
+ <input name="cff_cache_time" type="text" value="<?php esc_attr_e( $cff_cache_time_val ); ?>" size="4" />
156
+ <select name="cff_cache_time_unit">
157
+ <option value="minutes" <?php if($cff_cache_time_unit_val == "minutes") echo 'selected="selected"' ?> ><?php _e('Minutes'); ?></option>
158
+ <option value="hours" <?php if($cff_cache_time_unit_val == "hours") echo 'selected="selected"' ?> ><?php _e('Hours'); ?></option>
159
+ <option value="days" <?php if($cff_cache_time_unit_val == "days") echo 'selected="selected"' ?> ><?php _e('Days'); ?></option>
160
+ </select>
161
+ <a class="tooltip-link bump-left" href="JavaScript:void(0);"><?php _e('What does this mean?'); ?></a>
162
+ <p class="tooltip"><?php _e('Your Facebook posts and comments data is temporarily cached by the plugin in your WordPress database. You can choose how long this data should be cached for. If you set the time to 60 minutes then the plugin will clear the cached data after that length of time, and the next time the page is viewed it will check for new data.'); ?></p>
163
+ </td>
164
+ </tr>
165
+
166
+ <tr valign="top">
167
+ <th scope="row"><?php _e('Localization'); ?></th>
168
+ <td>
169
+ <select name="cff_locale">
170
+ <option value="af_ZA" <?php if($cff_locale_val == "af_ZA") echo 'selected="selected"' ?> ><?php _e('Afrikaans'); ?></option>
171
+ <option value="ar_AR" <?php if($cff_locale_val == "ar_AR") echo 'selected="selected"' ?> ><?php _e('Arabic'); ?></option>
172
+ <option value="az_AZ" <?php if($cff_locale_val == "az_AZ") echo 'selected="selected"' ?> ><?php _e('Azerbaijani'); ?></option>
173
+ <option value="be_BY" <?php if($cff_locale_val == "be_BY") echo 'selected="selected"' ?> ><?php _e('Belarusian'); ?></option>
174
+ <option value="bg_BG" <?php if($cff_locale_val == "bg_BG") echo 'selected="selected"' ?> ><?php _e('Bulgarian'); ?></option>
175
+ <option value="bn_IN" <?php if($cff_locale_val == "bn_IN") echo 'selected="selected"' ?> ><?php _e('Bengali'); ?></option>
176
+ <option value="bs_BA" <?php if($cff_locale_val == "bs_BA") echo 'selected="selected"' ?> ><?php _e('Bosnian'); ?></option>
177
+ <option value="ca_ES" <?php if($cff_locale_val == "ca_ES") echo 'selected="selected"' ?> ><?php _e('Catalan'); ?></option>
178
+ <option value="cs_CZ" <?php if($cff_locale_val == "cs_CZ") echo 'selected="selected"' ?> ><?php _e('Czech'); ?></option>
179
+ <option value="cy_GB" <?php if($cff_locale_val == "cy_GB") echo 'selected="selected"' ?> ><?php _e('Welsh'); ?></option>
180
+ <option value="da_DK" <?php if($cff_locale_val == "da_DK") echo 'selected="selected"' ?> ><?php _e('Danish'); ?></option>
181
+ <option value="de_DE" <?php if($cff_locale_val == "de_DE") echo 'selected="selected"' ?> ><?php _e('German'); ?></option>
182
+ <option value="el_GR" <?php if($cff_locale_val == "el_GR") echo 'selected="selected"' ?> ><?php _e('Greek'); ?></option>
183
+ <option value="en_GB" <?php if($cff_locale_val == "en_GB") echo 'selected="selected"' ?> ><?php _e('English (UK)'); ?></option>
184
+ <option value="en_PI" <?php if($cff_locale_val == "en_PI") echo 'selected="selected"' ?> ><?php _e('English (Pirate)'); ?></option>
185
+ <option value="en_UD" <?php if($cff_locale_val == "en_UD") echo 'selected="selected"' ?> ><?php _e('English (Upside Down)'); ?></option>
186
+ <option value="en_US" <?php if($cff_locale_val == "en_US") echo 'selected="selected"' ?> ><?php _e('English (US)'); ?></option>
187
+ <option value="eo_EO" <?php if($cff_locale_val == "eo_EO") echo 'selected="selected"' ?> ><?php _e('Esperanto'); ?></option>
188
+ <option value="es_ES" <?php if($cff_locale_val == "es_ES") echo 'selected="selected"' ?> ><?php _e('Spanish (Spain)'); ?></option>
189
+ <option value="es_LA" <?php if($cff_locale_val == "es_LA") echo 'selected="selected"' ?> ><?php _e('Spanish'); ?></option>
190
+ <option value="et_EE" <?php if($cff_locale_val == "et_EE") echo 'selected="selected"' ?> ><?php _e('Estonian'); ?></option>
191
+ <option value="eu_ES" <?php if($cff_locale_val == "eu_ES") echo 'selected="selected"' ?> ><?php _e('Basque'); ?></option>
192
+ <option value="fa_IR" <?php if($cff_locale_val == "fa_IR") echo 'selected="selected"' ?> ><?php _e('Persian'); ?></option>
193
+ <option value="fb_LT" <?php if($cff_locale_val == "fb_LT") echo 'selected="selected"' ?> ><?php _e('Leet Speak'); ?></option>
194
+ <option value="fi_FI" <?php if($cff_locale_val == "fi_FI") echo 'selected="selected"' ?> ><?php _e('Finnish'); ?></option>
195
+ <option value="fo_FO" <?php if($cff_locale_val == "fo_FO") echo 'selected="selected"' ?> ><?php _e('Faroese'); ?></option>
196
+ <option value="fr_CA" <?php if($cff_locale_val == "fr_CA") echo 'selected="selected"' ?> ><?php _e('French (Canada)'); ?></option>
197
+ <option value="fr_FR" <?php if($cff_locale_val == "fr_FR") echo 'selected="selected"' ?> ><?php _e('French (France)'); ?></option>
198
+ <option value="fy_NL" <?php if($cff_locale_val == "fy_NL") echo 'selected="selected"' ?> ><?php _e('Frisian'); ?></option>
199
+ <option value="ga_IE" <?php if($cff_locale_val == "ga_IE") echo 'selected="selected"' ?> ><?php _e('Irish'); ?></option>
200
+ <option value="gl_ES" <?php if($cff_locale_val == "gl_ES") echo 'selected="selected"' ?> ><?php _e('Galician'); ?></option>
201
+ <option value="he_IL" <?php if($cff_locale_val == "he_IL") echo 'selected="selected"' ?> ><?php _e('Hebrew'); ?></option>
202
+ <option value="hi_IN" <?php if($cff_locale_val == "hi_IN") echo 'selected="selected"' ?> ><?php _e('Hindi'); ?></option>
203
+ <option value="hr_HR" <?php if($cff_locale_val == "hr_HR") echo 'selected="selected"' ?> ><?php _e('Croatian'); ?></option>
204
+ <option value="hu_HU" <?php if($cff_locale_val == "hu_HU") echo 'selected="selected"' ?> ><?php _e('Hungarian'); ?></option>
205
+ <option value="hy_AM" <?php if($cff_locale_val == "hy_AM") echo 'selected="selected"' ?> ><?php _e('Armenian'); ?></option>
206
+ <option value="id_ID" <?php if($cff_locale_val == "id_ID") echo 'selected="selected"' ?> ><?php _e('Indonesian'); ?></option>
207
+ <option value="is_IS" <?php if($cff_locale_val == "is_IS") echo 'selected="selected"' ?> ><?php _e('Icelandic'); ?></option>
208
+ <option value="it_IT" <?php if($cff_locale_val == "it_IT") echo 'selected="selected"' ?> ><?php _e('Italian'); ?></option>
209
+ <option value="ja_JP" <?php if($cff_locale_val == "ja_JP") echo 'selected="selected"' ?> ><?php _e('Japanese'); ?></option>
210
+ <option value="ka_GE" <?php if($cff_locale_val == "ka_GE") echo 'selected="selected"' ?> ><?php _e('Georgian'); ?></option>
211
+ <option value="km_KH" <?php if($cff_locale_val == "km_KH") echo 'selected="selected"' ?> ><?php _e('Khmer'); ?></option>
212
+ <option value="ko_KR" <?php if($cff_locale_val == "ko_KR") echo 'selected="selected"' ?> ><?php _e('Korean'); ?></option>
213
+ <option value="ku_TR" <?php if($cff_locale_val == "ku_TR") echo 'selected="selected"' ?> ><?php _e('Kurdish'); ?></option>
214
+ <option value="la_VA" <?php if($cff_locale_val == "la_VA") echo 'selected="selected"' ?> ><?php _e('Latin'); ?></option>
215
+ <option value="lt_LT" <?php if($cff_locale_val == "lt_LT") echo 'selected="selected"' ?> ><?php _e('Lithuanian'); ?></option>
216
+ <option value="lv_LV" <?php if($cff_locale_val == "lv_LV") echo 'selected="selected"' ?> ><?php _e('Latvian'); ?></option>
217
+ <option value="mk_MK" <?php if($cff_locale_val == "mk_MK") echo 'selected="selected"' ?> ><?php _e('Macedonian'); ?></option>
218
+ <option value="ml_IN" <?php if($cff_locale_val == "ml_IN") echo 'selected="selected"' ?> ><?php _e('Malayalam'); ?></option>
219
+ <option value="ms_MY" <?php if($cff_locale_val == "ms_MY") echo 'selected="selected"' ?> ><?php _e('Malay'); ?></option>
220
+ <option value="nb_NO" <?php if($cff_locale_val == "nb_NO") echo 'selected="selected"' ?> ><?php _e('Norwegian (bokmal)'); ?></option>
221
+ <option value="ne_NP" <?php if($cff_locale_val == "ne_NP") echo 'selected="selected"' ?> ><?php _e('Nepali'); ?></option>
222
+ <option value="nl_NL" <?php if($cff_locale_val == "nl_NL") echo 'selected="selected"' ?> ><?php _e('Dutch'); ?></option>
223
+ <option value="nn_NO" <?php if($cff_locale_val == "nn_NO") echo 'selected="selected"' ?> ><?php _e('Norwegian (nynorsk)'); ?></option>
224
+ <option value="pa_IN" <?php if($cff_locale_val == "pa_IN") echo 'selected="selected"' ?> ><?php _e('Punjabi'); ?></option>
225
+ <option value="pl_PL" <?php if($cff_locale_val == "pl_PL") echo 'selected="selected"' ?> ><?php _e('Polish'); ?></option>
226
+ <option value="ps_AF" <?php if($cff_locale_val == "ps_AF") echo 'selected="selected"' ?> ><?php _e('Pashto'); ?></option>
227
+ <option value="pt_BR" <?php if($cff_locale_val == "pt_BR") echo 'selected="selected"' ?> ><?php _e('Portuguese (Brazil)'); ?></option>
228
+ <option value="pt_PT" <?php if($cff_locale_val == "pt_PT") echo 'selected="selected"' ?> ><?php _e('Portuguese (Portugal)'); ?></option>
229
+ <option value="ro_RO" <?php if($cff_locale_val == "ro_RO") echo 'selected="selected"' ?> ><?php _e('Romanian'); ?></option>
230
+ <option value="ru_RU" <?php if($cff_locale_val == "ru_RU") echo 'selected="selected"' ?> ><?php _e('Russian'); ?></option>
231
+ <option value="sk_SK" <?php if($cff_locale_val == "sk_SK") echo 'selected="selected"' ?> ><?php _e('Slovak'); ?></option>
232
+ <option value="sl_SI" <?php if($cff_locale_val == "sl_SI") echo 'selected="selected"' ?> ><?php _e('Slovenian'); ?></option>
233
+ <option value="sq_AL" <?php if($cff_locale_val == "sq_AL") echo 'selected="selected"' ?> ><?php _e('Albanian'); ?></option>
234
+ <option value="sr_RS" <?php if($cff_locale_val == "sr_RS") echo 'selected="selected"' ?> ><?php _e('Serbian'); ?></option>
235
+ <option value="sv_SE" <?php if($cff_locale_val == "sv_SE") echo 'selected="selected"' ?> ><?php _e('Swedish'); ?></option>
236
+ <option value="sw_KE" <?php if($cff_locale_val == "sw_KE") echo 'selected="selected"' ?> ><?php _e('Swahili'); ?></option>
237
+ <option value="ta_IN" <?php if($cff_locale_val == "ta_IN") echo 'selected="selected"' ?> ><?php _e('Tamil'); ?></option>
238
+ <option value="te_IN" <?php if($cff_locale_val == "te_IN") echo 'selected="selected"' ?> ><?php _e('Telugu'); ?></option>
239
+ <option value="th_TH" <?php if($cff_locale_val == "th_TH") echo 'selected="selected"' ?> ><?php _e('Thai'); ?></option>
240
+ <option value="tl_PH" <?php if($cff_locale_val == "tl_PH") echo 'selected="selected"' ?> ><?php _e('Filipino'); ?></option>
241
+ <option value="tr_TR" <?php if($cff_locale_val == "tr_TR") echo 'selected="selected"' ?> ><?php _e('Turkish'); ?></option>
242
+ <option value="uk_UA" <?php if($cff_locale_val == "uk_UA") echo 'selected="selected"' ?> ><?php _e('Ukrainian'); ?></option>
243
+ <option value="vi_VN" <?php if($cff_locale_val == "vi_VN") echo 'selected="selected"' ?> ><?php _e('Vietnamese'); ?></option>
244
+ <option value="zh_CN" <?php if($cff_locale_val == "zh_CN") echo 'selected="selected"' ?> ><?php _e('Simplified Chinese (China)'); ?></option>
245
+ <option value="zh_HK" <?php if($cff_locale_val == "zh_HK") echo 'selected="selected"' ?> ><?php _e('Traditional Chinese (Hong Kong)'); ?></option>
246
+ <option value="zh_TW" <?php if($cff_locale_val == "zh_TW") echo 'selected="selected"' ?> ><?php _e('Traditional Chinese (Taiwan)'); ?></option>
247
+ </select>
248
+ <i style="color: #666; font-size: 11px;"><?php _e('Select a language'); ?></i>
249
+ </td>
250
+ </tr>
251
+
252
+ </tbody>
253
+ </table>
254
+ <?php submit_button(); ?>
255
+ </form>
256
+ <h3><?php _e('Support'); ?></h3>
257
+ <p>Having trouble getting the plugin to work? Try visiting the <a href="http://smashballoon.com/custom-facebook-feed/troubleshooting/" target="_blank" />Troubleshooting</a> page, <a href="http://smashballoon.com/custom-facebook-feed/faq/" target="_blank" />FAQ</a> page, or contact <a href="http://smashballoon.com/custom-facebook-feed/support" target="_blank">support</a>.<br />Smash Balloon is committed to making this plugin better. Please let us know if you have had any issues when using this plugin so that we can continue to improve it!</p>
258
+ <hr />
259
+ <h3><?php _e('Displaying your Feed'); ?></h3>
260
+ <p><?php _e('Copy and paste this shortcode directly into the page, post or widget where you\'d like the feed to show up:'); ?></p>
261
+ <input type="text" value="[custom-facebook-feed]" size="22" readonly="readonly" onclick="this.focus();this.select()" id="system-info-textarea" name="edd-sysinfo" title="<?php _e('To copy, click the field then press Ctrl + C (PC) or Cmd + C (Mac).'); ?>" />
262
+ <p><?php _e('If you wish, you can override the settings above directly in the shortcode like so:'); ?></p>
263
+ <p>[custom-facebook-feed <b><span style='color: purple;'>id=Put_Your_Facebook_Page_ID_Here</span> <span style='color: green;'>num=3</span> <span style='color: blue;'>layout=thumb</span></b>]</p>
264
+ <p><a href="http://smashballoon.com/custom-facebook-feed/docs/shortcodes/" target="_blank"><?php _e('Click here'); ?></a> <?php _e('for a full list of shortcode options'); ?></p>
265
+ <hr />
266
+
267
+ <a href="http://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
268
+ <hr />
269
+ <h4><?php _e('<u>System Info:</u>'); ?></h4>
270
+ <p>PHP Version: <b><?php echo PHP_VERSION . "\n"; ?></b></p>
271
+ <p>Web Server Info: <b><?php echo $_SERVER['SERVER_SOFTWARE'] . "\n"; ?></b></p>
272
+ <p>PHP allow_url_fopen: <b><?php echo ini_get( 'allow_url_fopen' ) ? "<span style='color: green;'>Yes</span>" : "<span style='color: red;'>No</span>"; ?></b></p>
273
+ <p>PHP cURL: <b><?php echo is_callable('curl_init') ? "<span style='color: green;'>Yes</span>" : "<span style='color: red;'>No</span>" ?></b></p>
274
+ <p>JSON: <b><?php echo function_exists("json_decode") ? "<span style='color: green;'>Yes</span>" : "<span style='color: red;'>No</span>" ?></b></p>
275
+ <i style="color: #666; font-size: 11px;"><?php _e('(If any of the items above are listed as'); ?> <span style='color: red;'>No</span> <?php _e('then please include this in your support request)'); ?></i>
276
+
277
+
278
+ <?php
279
+ } //End Settings_Page
280
+ //Create Style page
281
+ function cff_style_page() {
282
+ //Declare variables for fields
283
+ $style_hidden_field_name = 'cff_style_submit_hidden';
284
+ $style_general_hidden_field_name = 'cff_style_general_submit_hidden';
285
+ $style_post_layout_hidden_field_name = 'cff_style_post_layout_submit_hidden';
286
+ $style_typography_hidden_field_name = 'cff_style_typography_submit_hidden';
287
+ $style_misc_hidden_field_name = 'cff_style_misc_submit_hidden';
288
+ $defaults = array(
289
+ //Post types
290
+ 'cff_show_links_type' => true,
291
+ 'cff_show_event_type' => true,
292
+ 'cff_show_video_type' => true,
293
+ 'cff_show_photos_type' => true,
294
+ 'cff_show_status_type' => true,
295
+ //Layout
296
+ 'cff_preset_layout' => 'thumb',
297
+ //Include
298
+ 'cff_show_text' => true,
299
+ 'cff_show_desc' => true,
300
+ 'cff_show_shared_links' => true,
301
+ 'cff_show_date' => true,
302
+ 'cff_show_media' => true,
303
+ 'cff_show_event_title' => true,
304
+ 'cff_show_event_details' => true,
305
+ 'cff_show_meta' => true,
306
+ 'cff_show_link' => true,
307
+ 'cff_show_like_box' => true,
308
+ //Typography
309
+ 'cff_see_more_text' => 'See More',
310
+ 'cff_see_less_text' => 'See Less',
311
+ 'cff_title_format' => 'p',
312
+ 'cff_title_size' => 'inherit',
313
+ 'cff_title_weight' => 'inherit',
314
+ 'cff_title_color' => '',
315
+ 'cff_body_size' => 'inherit',
316
+ 'cff_body_weight' => 'inherit',
317
+ 'cff_body_color' => '',
318
+ //Event title
319
+ 'cff_event_title_format' => 'p',
320
+ 'cff_event_title_size' => 'inherit',
321
+ 'cff_event_title_weight' => 'inherit',
322
+ 'cff_event_title_color' => '',
323
+ //Event date
324
+ 'cff_event_date_size' => 'inherit',
325
+ 'cff_event_date_weight' => 'inherit',
326
+ 'cff_event_date_color' => '',
327
+ 'cff_event_date_position' => 'below',
328
+ 'cff_event_date_formatting' => '1',
329
+ 'cff_event_date_custom' => '',
330
+ //Event details
331
+ 'cff_event_details_size' => 'inherit',
332
+ 'cff_event_details_weight' => 'inherit',
333
+ 'cff_event_details_color' => '',
334
+ //Date
335
+ 'cff_date_position' => 'below',
336
+ 'cff_date_size' => 'inherit',
337
+ 'cff_date_weight' => 'inherit',
338
+ 'cff_date_color' => '',
339
+ 'cff_date_formatting' => '1',
340
+ 'cff_date_custom' => '',
341
+ 'cff_date_before' => '',
342
+ 'cff_date_after' => '',
343
+ //Link to Facebook
344
+ 'cff_link_size' => 'inherit',
345
+ 'cff_link_weight' => 'inherit',
346
+ 'cff_link_color' => '',
347
+ 'cff_facebook_link_text' => 'View on Facebook',
348
+ 'cff_view_link_text' => 'View Link',
349
+ 'cff_link_to_timeline' => false,
350
+ //Meta
351
+ 'cff_icon_style' => 'light',
352
+ 'cff_meta_text_color' => '',
353
+ 'cff_meta_bg_color' => '',
354
+ 'cff_nocomments_text' => 'No comments yet',
355
+ 'cff_hide_comments' => '',
356
+ //Misc
357
+ 'cff_feed_width' => '',
358
+ 'cff_feed_height' => '',
359
+ 'cff_feed_padding' => '',
360
+ 'cff_like_box_position' => 'bottom',
361
+ 'cff_like_box_outside' => false,
362
+ 'cff_likebox_width' => '300',
363
+ 'cff_like_box_faces' => false,
364
+
365
+ 'cff_bg_color' => '',
366
+ 'cff_likebox_bg_color' => '',
367
+ 'cff_video_height' => '',
368
+ 'cff_show_author' => false,
369
+ 'cff_class' => '',
370
+ //New
371
+ 'cff_custom_css' => '',
372
+ 'cff_title_link' => false,
373
+ 'cff_event_title_link' => false,
374
+ 'cff_video_action' => 'file',
375
+ 'cff_sep_color' => '',
376
+ 'cff_sep_size' => '1'
377
+ );
378
+ //Save layout option in an array
379
+ add_option( 'cff_style_settings', $options );
380
+ $options = wp_parse_args(get_option('cff_style_settings'), $defaults);
381
+ //Set the page variables
382
+ //Post types
383
+ $cff_show_links_type = $options[ 'cff_show_links_type' ];
384
+ $cff_show_event_type = $options[ 'cff_show_event_type' ];
385
+ $cff_show_video_type = $options[ 'cff_show_video_type' ];
386
+ $cff_show_photos_type = $options[ 'cff_show_photos_type' ];
387
+ $cff_show_status_type = $options[ 'cff_show_status_type' ];
388
+ //Layout
389
+ $cff_preset_layout = $options[ 'cff_preset_layout' ];
390
+ //Include
391
+ $cff_show_text = $options[ 'cff_show_text' ];
392
+ $cff_show_desc = $options[ 'cff_show_desc' ];
393
+ $cff_show_shared_links = $options[ 'cff_show_shared_links' ];
394
+ $cff_show_date = $options[ 'cff_show_date' ];
395
+ $cff_show_media = $options[ 'cff_show_media' ];
396
+ $cff_show_event_title = $options[ 'cff_show_event_title' ];
397
+ $cff_show_event_details = $options[ 'cff_show_event_details' ];
398
+ $cff_show_meta = $options[ 'cff_show_meta' ];
399
+ $cff_show_link = $options[ 'cff_show_link' ];
400
+ $cff_show_like_box = $options[ 'cff_show_like_box' ];
401
+ //Typography
402
+ $cff_see_more_text = $options[ 'cff_see_more_text' ];
403
+ $cff_see_less_text = $options[ 'cff_see_less_text' ];
404
+ $cff_title_format = $options[ 'cff_title_format' ];
405
+ $cff_title_size = $options[ 'cff_title_size' ];
406
+ $cff_title_weight = $options[ 'cff_title_weight' ];
407
+ $cff_title_color = $options[ 'cff_title_color' ];
408
+ $cff_body_size = $options[ 'cff_body_size' ];
409
+ $cff_body_weight = $options[ 'cff_body_weight' ];
410
+ $cff_body_color = $options[ 'cff_body_color' ];
411
+ //Event title
412
+ $cff_event_title_format = $options[ 'cff_event_title_format' ];
413
+ $cff_event_title_size = $options[ 'cff_event_title_size' ];
414
+ $cff_event_title_weight = $options[ 'cff_event_title_weight' ];
415
+ $cff_event_title_color = $options[ 'cff_event_title_color' ];
416
+ //Event date
417
+ $cff_event_date_size = $options[ 'cff_event_date_size' ];
418
+ $cff_event_date_weight = $options[ 'cff_event_date_weight' ];
419
+ $cff_event_date_color = $options[ 'cff_event_date_color' ];
420
+ $cff_event_date_position = $options[ 'cff_event_date_position' ];
421
+ $cff_event_date_formatting = $options[ 'cff_event_date_formatting' ];
422
+ $cff_event_date_custom = $options[ 'cff_event_date_custom' ];
423
+ //Event details
424
+ $cff_event_details_size = $options[ 'cff_event_details_size' ];
425
+ $cff_event_details_weight = $options[ 'cff_event_details_weight' ];
426
+ $cff_event_details_color = $options[ 'cff_event_details_color' ];
427
+ //Date
428
+ $cff_date_position = $options[ 'cff_date_position' ];
429
+ $cff_date_size = $options[ 'cff_date_size' ];
430
+ $cff_date_weight = $options[ 'cff_date_weight' ];
431
+ $cff_date_color = $options[ 'cff_date_color' ];
432
+ $cff_date_formatting = $options[ 'cff_date_formatting' ];
433
+ $cff_date_custom = $options[ 'cff_date_custom' ];
434
+ $cff_date_before = $options[ 'cff_date_before' ];
435
+ $cff_date_after = $options[ 'cff_date_after' ];
436
+ //View on Facebook link
437
+ $cff_link_size = $options[ 'cff_link_size' ];
438
+ $cff_link_weight = $options[ 'cff_link_weight' ];
439
+ $cff_link_color = $options[ 'cff_link_color' ];
440
+ $cff_facebook_link_text = $options[ 'cff_facebook_link_text' ];
441
+ $cff_view_link_text = $options[ 'cff_view_link_text' ];
442
+ $cff_link_to_timeline = $options[ 'cff_link_to_timeline' ];
443
+ //Meta
444
+ $cff_icon_style = $options[ 'cff_icon_style' ];
445
+ $cff_meta_text_color = $options[ 'cff_meta_text_color' ];
446
+ $cff_meta_bg_color = $options[ 'cff_meta_bg_color' ];
447
+ $cff_nocomments_text = $options[ 'cff_nocomments_text' ];
448
+ $cff_hide_comments = $options[ 'cff_hide_comments' ];
449
+ //Misc
450
+ $cff_feed_width = $options[ 'cff_feed_width' ];
451
+ $cff_feed_height = $options[ 'cff_feed_height' ];
452
+ $cff_feed_padding = $options[ 'cff_feed_padding' ];
453
+ $cff_like_box_position = $options[ 'cff_like_box_position' ];
454
+ $cff_like_box_outside = $options[ 'cff_like_box_outside' ];
455
+ $cff_likebox_width = $options[ 'cff_likebox_width' ];
456
+ $cff_like_box_faces = $options[ 'cff_like_box_faces' ];
457
+
458
+ $cff_show_media = $options[ 'cff_show_media' ];
459
+ $cff_open_links = $options[ 'cff_open_links' ];
460
+ $cff_bg_color = $options[ 'cff_bg_color' ];
461
+ $cff_likebox_bg_color = $options[ 'cff_likebox_bg_color' ];
462
+ $cff_video_height = $options[ 'cff_video_height' ];
463
+ $cff_show_author = $options[ 'cff_show_author' ];
464
+ $cff_class = $options[ 'cff_class' ];
465
+
466
+ //New
467
+ $cff_custom_css = $options[ 'cff_custom_css' ];
468
+ $cff_title_link = $options[ 'cff_title_link' ];
469
+ $cff_event_title_link = $options[ 'cff_event_title_link' ];
470
+ $cff_video_action = $options[ 'cff_video_action' ];
471
+ $cff_sep_color = $options[ 'cff_sep_color' ];
472
+ $cff_sep_size = $options[ 'cff_sep_size' ];
473
+
474
+ // Texts lengths
475
+ $cff_title_length = 'cff_title_length';
476
+ $cff_body_length = 'cff_body_length';
477
+ // Read in existing option value from database
478
+ $cff_title_length_val = get_option( $cff_title_length );
479
+ $cff_body_length_val = get_option( $cff_body_length );
480
+ // See if the user has posted us some information. If they did, this hidden field will be set to 'Y'.
481
+ if( isset($_POST[ $style_hidden_field_name ]) && $_POST[ $style_hidden_field_name ] == 'Y' ) {
482
+ //Update the General options
483
+ if( isset($_POST[ $style_general_hidden_field_name ]) && $_POST[ $style_general_hidden_field_name ] == 'Y' ) {
484
+ //General
485
+ $cff_feed_width = $_POST[ 'cff_feed_width' ];
486
+ $cff_feed_height = $_POST[ 'cff_feed_height' ];
487
+ $cff_feed_padding = $_POST[ 'cff_feed_padding' ];
488
+ $cff_bg_color = $_POST[ 'cff_bg_color' ];
489
+ $cff_show_author = $_POST[ 'cff_show_author' ];
490
+ $cff_class = $_POST[ 'cff_class' ];
491
+ //Post types
492
+ $cff_show_links_type = $_POST[ 'cff_show_links_type' ];
493
+ $cff_show_event_type = $_POST[ 'cff_show_event_type' ];
494
+ $cff_show_video_type = $_POST[ 'cff_show_video_type' ];
495
+ $cff_show_photos_type = $_POST[ 'cff_show_photos_type' ];
496
+ $cff_show_status_type = $_POST[ 'cff_show_status_type' ];
497
+ //General
498
+ $options[ 'cff_feed_width' ] = $cff_feed_width;
499
+ $options[ 'cff_feed_height' ] = $cff_feed_height;
500
+ $options[ 'cff_feed_padding' ] = $cff_feed_padding;
501
+ $options[ 'cff_bg_color' ] = $cff_bg_color;
502
+ $options[ 'cff_show_author' ] = $cff_show_author;
503
+ $options[ 'cff_class' ] = $cff_class;
504
+ //Post types
505
+ $options[ 'cff_show_links_type' ] = $cff_show_links_type;
506
+ $options[ 'cff_show_event_type' ] = $cff_show_event_type;
507
+ $options[ 'cff_show_video_type' ] = $cff_show_video_type;
508
+ $options[ 'cff_show_photos_type' ] = $cff_show_photos_type;
509
+ $options[ 'cff_show_status_type' ] = $cff_show_status_type;
510
+ }
511
+ //Update the Post Layout options
512
+ if( isset($_POST[ $style_post_layout_hidden_field_name ]) && $_POST[ $style_post_layout_hidden_field_name ] == 'Y' ) {
513
+ //Layout
514
+ $cff_preset_layout = $_POST[ 'cff_preset_layout' ];
515
+ //Include
516
+ $cff_show_text = $_POST[ 'cff_show_text' ];
517
+ $cff_show_desc = $_POST[ 'cff_show_desc' ];
518
+ $cff_show_shared_links = $_POST[ 'cff_show_shared_links' ];
519
+ $cff_show_date = $_POST[ 'cff_show_date' ];
520
+ $cff_show_media = $_POST[ 'cff_show_media' ];
521
+ $cff_show_event_title = $_POST[ 'cff_show_event_title' ];
522
+ $cff_show_event_details = $_POST[ 'cff_show_event_details' ];
523
+ $cff_show_meta = $_POST[ 'cff_show_meta' ];
524
+ $cff_show_link = $_POST[ 'cff_show_link' ];
525
+ //Layout
526
+ $options[ 'cff_preset_layout' ] = $cff_preset_layout;
527
+ //Include
528
+ $options[ 'cff_show_text' ] = $cff_show_text;
529
+ $options[ 'cff_show_desc' ] = $cff_show_desc;
530
+ $options[ 'cff_show_shared_links' ] = $cff_show_shared_links;
531
+ $options[ 'cff_show_date' ] = $cff_show_date;
532
+ $options[ 'cff_show_media' ] = $cff_show_media;
533
+ $options[ 'cff_show_event_title' ] = $cff_show_event_title;
534
+ $options[ 'cff_show_event_details' ] = $cff_show_event_details;
535
+ $options[ 'cff_show_meta' ] = $cff_show_meta;
536
+ $options[ 'cff_show_link' ] = $cff_show_link;
537
+ }
538
+ //Update the Post Layout options
539
+ if( isset($_POST[ $style_typography_hidden_field_name ]) && $_POST[ $style_typography_hidden_field_name ] == 'Y' ) {
540
+ //Character limits
541
+ $cff_title_length_val = $_POST[ $cff_title_length ];
542
+ $cff_body_length_val = $_POST[ $cff_body_length ];
543
+ $cff_see_more_text = $_POST[ 'cff_see_more_text' ];
544
+ $cff_see_less_text = $_POST[ 'cff_see_less_text' ];
545
+ //Typography
546
+ $cff_title_format = $_POST[ 'cff_title_format' ];
547
+ $cff_title_size = $_POST[ 'cff_title_size' ];
548
+ $cff_title_weight = $_POST[ 'cff_title_weight' ];
549
+ $cff_title_color = $_POST[ 'cff_title_color' ];
550
+ $cff_title_link = $_POST[ 'cff_title_link' ];
551
+ $cff_body_size = $_POST[ 'cff_body_size' ];
552
+ $cff_body_weight = $_POST[ 'cff_body_weight' ];
553
+ $cff_body_color = $_POST[ 'cff_body_color' ];
554
+ //Event title
555
+ $cff_event_title_format = $_POST[ 'cff_event_title_format' ];
556
+ $cff_event_title_size = $_POST[ 'cff_event_title_size' ];
557
+ $cff_event_title_weight = $_POST[ 'cff_event_title_weight' ];
558
+ $cff_event_title_color = $_POST[ 'cff_event_title_color' ];
559
+ $cff_event_title_link = $_POST[ 'cff_event_title_link' ];
560
+ //Event date
561
+ $cff_event_date_size = $_POST[ 'cff_event_date_size' ];
562
+ $cff_event_date_weight = $_POST[ 'cff_event_date_weight' ];
563
+ $cff_event_date_color = $_POST[ 'cff_event_date_color' ];
564
+ $cff_event_date_position = $_POST[ 'cff_event_date_position' ];
565
+ $cff_event_date_formatting = $_POST[ 'cff_event_date_formatting' ];
566
+ $cff_event_date_custom = $_POST[ 'cff_event_date_custom' ];
567
+ //Event details
568
+ $cff_event_details_size = $_POST[ 'cff_event_details_size' ];
569
+ $cff_event_details_weight = $_POST[ 'cff_event_details_weight' ];
570
+ $cff_event_details_color = $_POST[ 'cff_event_details_color' ];
571
+ //Date
572
+ $cff_date_position = $_POST[ 'cff_date_position' ];
573
+ $cff_date_size = $_POST[ 'cff_date_size' ];
574
+ $cff_date_weight = $_POST[ 'cff_date_weight' ];
575
+ $cff_date_color = $_POST[ 'cff_date_color' ];
576
+ $cff_date_formatting = $_POST[ 'cff_date_formatting' ];
577
+ $cff_date_custom = $_POST[ 'cff_date_custom' ];
578
+ $cff_date_before = $_POST[ 'cff_date_before' ];
579
+ $cff_date_after = $_POST[ 'cff_date_after' ];
580
+ //View on Facebook link
581
+ $cff_link_size = $_POST[ 'cff_link_size' ];
582
+ $cff_link_weight = $_POST[ 'cff_link_weight' ];
583
+ $cff_link_color = $_POST[ 'cff_link_color' ];
584
+ $cff_facebook_link_text = $_POST[ 'cff_facebook_link_text' ];
585
+ $cff_view_link_text = $_POST[ 'cff_view_link_text' ];
586
+ $cff_link_to_timeline = $_POST[ 'cff_link_to_timeline' ];
587
+ //Character limits
588
+ update_option( $cff_title_length, $cff_title_length_val );
589
+ update_option( $cff_body_length, $cff_body_length_val );
590
+ $options[ 'cff_see_more_text' ] = $cff_see_more_text;
591
+ $options[ 'cff_see_less_text' ] = $cff_see_less_text;
592
+ //Typography
593
+ $options[ 'cff_title_format' ] = $cff_title_format;
594
+ $options[ 'cff_title_size' ] = $cff_title_size;
595
+ $options[ 'cff_title_weight' ] = $cff_title_weight;
596
+ $options[ 'cff_title_color' ] = $cff_title_color;
597
+ $options[ 'cff_title_link' ] = $cff_title_link;
598
+ $options[ 'cff_body_size' ] = $cff_body_size;
599
+ $options[ 'cff_body_weight' ] = $cff_body_weight;
600
+ $options[ 'cff_body_color' ] = $cff_body_color;
601
+ //Event title
602
+ $options[ 'cff_event_title_format' ] = $cff_event_title_format;
603
+ $options[ 'cff_event_title_size' ] = $cff_event_title_size;
604
+ $options[ 'cff_event_title_weight' ] = $cff_event_title_weight;
605
+ $options[ 'cff_event_title_color' ] = $cff_event_title_color;
606
+ $options[ 'cff_event_title_link' ] = $cff_event_title_link;
607
+ //Event date
608
+ $options[ 'cff_event_date_size' ] = $cff_event_date_size;
609
+ $options[ 'cff_event_date_weight' ] = $cff_event_date_weight;
610
+ $options[ 'cff_event_date_color' ] = $cff_event_date_color;
611
+ $options[ 'cff_event_date_position' ] = $cff_event_date_position;
612
+ $options[ 'cff_event_date_formatting' ] = $cff_event_date_formatting;
613
+ $options[ 'cff_event_date_custom' ] = $cff_event_date_custom;
614
+ //Event details
615
+ $options[ 'cff_event_details_size' ] = $cff_event_details_size;
616
+ $options[ 'cff_event_details_weight' ] = $cff_event_details_weight;
617
+ $options[ 'cff_event_details_color' ] = $cff_event_details_color;
618
+ //Date
619
+ $options[ 'cff_date_position' ] = $cff_date_position;
620
+ $options[ 'cff_date_size' ] = $cff_date_size;
621
+ $options[ 'cff_date_weight' ] = $cff_date_weight;
622
+ $options[ 'cff_date_color' ] = $cff_date_color;
623
+ $options[ 'cff_date_formatting' ] = $cff_date_formatting;
624
+ $options[ 'cff_date_custom' ] = $cff_date_custom;
625
+ $options[ 'cff_date_before' ] = $cff_date_before;
626
+ $options[ 'cff_date_after' ] = $cff_date_after;
627
+ //View on Facebook link
628
+ $options[ 'cff_link_size' ] = $cff_link_size;
629
+ $options[ 'cff_link_weight' ] = $cff_link_weight;
630
+ $options[ 'cff_link_color' ] = $cff_link_color;
631
+ $options[ 'cff_facebook_link_text' ] = $cff_facebook_link_text;
632
+ $options[ 'cff_view_link_text' ] = $cff_view_link_text;
633
+ $options[ 'cff_link_to_timeline' ] = $cff_link_to_timeline;
634
+ }
635
+ //Update the Post Layout options
636
+ if( isset($_POST[ $style_misc_hidden_field_name ]) && $_POST[ $style_misc_hidden_field_name ] == 'Y' ) {
637
+ //Meta
638
+ $cff_icon_style = $_POST[ 'cff_icon_style' ];
639
+ $cff_meta_text_color = $_POST[ 'cff_meta_text_color' ];
640
+ $cff_meta_bg_color = $_POST[ 'cff_meta_bg_color' ];
641
+ $cff_nocomments_text = $_POST[ 'cff_nocomments_text' ];
642
+ $cff_hide_comments = $_POST[ 'cff_hide_comments' ];
643
+ //Custom CSS
644
+ $cff_custom_css = $_POST[ 'cff_custom_css' ];
645
+ //Misc
646
+ $cff_show_like_box = $_POST[ 'cff_show_like_box' ];
647
+ $cff_like_box_position = $_POST[ 'cff_like_box_position' ];
648
+ $cff_like_box_outside = $_POST[ 'cff_like_box_outside' ];
649
+ $cff_likebox_bg_color = $_POST[ 'cff_likebox_bg_color' ];
650
+ $cff_likebox_width = $_POST[ 'cff_likebox_width' ];
651
+ $cff_like_box_faces = $_POST[ 'cff_like_box_faces' ];
652
+ $cff_video_height = $_POST[ 'cff_video_height' ];
653
+ $cff_video_action = $_POST[ 'cff_video_action' ];
654
+ $cff_sep_color = $_POST[ 'cff_sep_color' ];
655
+ $cff_sep_size = $_POST[ 'cff_sep_size' ];
656
+ $cff_open_links = $_POST[ 'cff_open_links' ];
657
+ //Meta
658
+ $options[ 'cff_icon_style' ] = $cff_icon_style;
659
+ $options[ 'cff_meta_text_color' ] = $cff_meta_text_color;
660
+ $options[ 'cff_meta_bg_color' ] = $cff_meta_bg_color;
661
+ $options[ 'cff_nocomments_text' ] = $cff_nocomments_text;
662
+ $options[ 'cff_hide_comments' ] = $cff_hide_comments;
663
+ //Custom CSS
664
+ $options[ 'cff_custom_css' ] = $cff_custom_css;
665
+ //Misc
666
+ $options[ 'cff_show_like_box' ] = $cff_show_like_box;
667
+ $options[ 'cff_like_box_position' ] = $cff_like_box_position;
668
+ $options[ 'cff_like_box_outside' ] = $cff_like_box_outside;
669
+ $options[ 'cff_likebox_bg_color' ] = $cff_likebox_bg_color;
670
+ $options[ 'cff_likebox_width' ] = $cff_likebox_width;
671
+ $options[ 'cff_like_box_faces' ] = $cff_like_box_faces;
672
+
673
+ $options[ 'cff_video_height' ] = $cff_video_height;
674
+ $options[ 'cff_video_action' ] = $cff_video_action;
675
+ $options[ 'cff_sep_color' ] = $cff_sep_color;
676
+ $options[ 'cff_sep_size' ] = $cff_sep_size;
677
+ $options[ 'cff_open_links' ] = $cff_open_links;
678
+ }
679
+ //Update the array
680
+ update_option( 'cff_style_settings', $options );
681
+ // Put an settings updated message on the screen
682
+ ?>
683
+ <div class="updated"><p><strong><?php _e('Settings saved.', 'custom-facebook-feed' ); ?></strong></p></div>
684
+ <?php } ?>
685
+
686
+ <div id="cff-admin" class="wrap">
687
+ <div id="header">
688
+ <h1><?php _e('Layout & Style'); ?></h1>
689
+ </div>
690
+ <form name="form1" method="post" action="">
691
+ <input type="hidden" name="<?php echo $style_hidden_field_name; ?>" value="Y">
692
+ <?php
693
+ $active_tab = isset( $_GET[ 'tab' ] ) ? $_GET[ 'tab' ] : 'general';
694
+ ?>
695
+ <h2 class="nav-tab-wrapper">
696
+ <a href="?page=cff-style&tab=general" class="nav-tab <?php echo $active_tab == 'general' ? 'nav-tab-active' : ''; ?>"><?php _e('General'); ?></a>
697
+ <a href="?page=cff-style&tab=post_layout" class="nav-tab <?php echo $active_tab == 'post_layout' ? 'nav-tab-active' : ''; ?>"><?php _e('Post Layout'); ?></a>
698
+ <a href="?page=cff-style&tab=typography" class="nav-tab <?php echo $active_tab == 'typography' ? 'nav-tab-active' : ''; ?>"><?php _e('Typography'); ?></a>
699
+ <a href="?page=cff-style&tab=misc" class="nav-tab <?php echo $active_tab == 'misc' ? 'nav-tab-active' : ''; ?>"><?php _e('Misc'); ?></a>
700
+ </h2>
701
+ <?php if( $active_tab == 'general' ) { //Start General tab ?>
702
+ <input type="hidden" name="<?php echo $style_general_hidden_field_name; ?>" value="Y">
703
+ <br />
704
+ <table class="form-table">
705
+ <tbody>
706
+ <h3><?php _e('General'); ?></h3>
707
+ <tr valign="top">
708
+ <th scope="row"><?php _e('Feed Width'); ?></th>
709
+ <td>
710
+ <input name="cff_feed_width" type="text" value="<?php esc_attr_e( $cff_feed_width ); ?>" size="6" />
711
+ <span>Eg. 500px, 50%, 10em. <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Default is 100%'); ?></i></span>
712
+ </td>
713
+ </tr>
714
+ <tr valign="top">
715
+ <th scope="row"><?php _e('Feed Height'); ?></th>
716
+ <td>
717
+ <input name="cff_feed_height" type="text" value="<?php esc_attr_e( $cff_feed_height ); ?>" size="6" />
718
+ <span>Eg. 500px, 50em. <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('Leave empty to set no maximum height. If the feed exceeds this height then a scroll bar will be used.'); ?></i></span>
719
+ </td>
720
+ </tr>
721
+ <th scope="row"><?php _e('Feed Padding'); ?></th>
722
+ <td>
723
+ <input name="cff_feed_padding" type="text" value="<?php esc_attr_e( $cff_feed_padding ); ?>" size="6" />
724
+ <span>Eg. 20px, 5%. <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('This is the amount of padding/spacing that goes around the feed. This is particularly useful if you intend to set a background color on the feed.'); ?></i></span>
725
+ </td>
726
+ </tr>
727
+ <tr valign="top">
728
+ <th scope="row"><?php _e('Feed Background Color'); ?></th>
729
+ <td>
730
+ <label for="cff_bg_color">#</label>
731
+ <input name="cff_bg_color" type="text" value="<?php esc_attr_e( $cff_bg_color ); ?>" size="10" placeholder="Eg. ED9A00" />
732
+ <span><a href="http://www.colorpicker.com/" target="_blank"><?php _e('Color Picker'); ?></a></span>
733
+ </td>
734
+ </tr>
735
+ <tr valign="top">
736
+ <th scope="row"><?php _e('Show name and picture of author'); ?></th>
737
+ <td>
738
+ <input name="cff_show_author" type="checkbox" id="cff_show_author" <?php if($cff_show_author == true) echo "checked"; ?> />
739
+ <label for="cff_show_status_type">Yes</label>
740
+ <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('This will show the thumbnail picture and name of the post author at the top of each post'); ?></i>
741
+
742
+ </td>
743
+ </tr>
744
+ <tr valign="top">
745
+ <th scope="row"><?php _e('Add CSS class to feed'); ?></th>
746
+ <td>
747
+ <input name="cff_class" type="text" value="<?php esc_attr_e( $cff_class ); ?>" size="25" />
748
+ <i style="color: #666; font-size: 11px; margin-left: 5px;"><?php _e('To add multiple classes separate each with a space, Eg. classone classtwo classthree'); ?></i>
749
+ </td>
750
+ </tr>
751
+ </tbody>
752
+ </table>
753
+
754
+ <hr />
755
+ <table class="form-table">
756
+ <tbody>
757
+ <h3><?php _e('Post Types'); ?></h3>
758
+ <tr valign="top">
759
+ <th scope="row"><?php _e('Only show these types of posts:'); ?><br />
760
+ <i style="color: #666; font-size: 11px;"><a href="http://smashballoon.com/custom-facebook-feed/" target="_blank"><?php _e('Upgrade to Pro to enable post types, photos, videos and more'); ?></a></i></th>
761
+ <td>
762
+ <div>
763
+ <input name="cff_show_status_type" type="checkbox" id="cff_show_status_type" disabled checked />
764
+ <label for="cff_show_status_type"><?php _e('Statuses'); ?></label>
765
+ </div>
766
+ <div>
767
+ <input type="checkbox" name="cff_show_event_type" id="cff_show_event_type" disabled checked />
768
+ <label for="cff_show_event_type"><?php _e('Events'); ?></label>
769
+ </div>
770
+ <div>
771
+ <input type="checkbox" name="cff_show_photos_type" id="cff_show_photos_type" disabled checked />
772
+ <label for="cff_show_photos_type"><?php _e('Photos'); ?></label>
773
+ </div>
774
+ <div>
775
+ <input type="checkbox" name="cff_show_video_type" id="cff_show_video_type" disabled checked />
776
+ <label for="cff_show_video_type"><?php _e('Videos'); ?></label>
777
+ </div>
778
+ <div>
779
+ <input type="checkbox" name="cff_show_links_type" id="cff_show_links_type" disabled checked />
780
+ <label for="cff_show_links_type"><?php _e('Links'); ?></label>
781
+ </div>
782
+ </td>
783
+ </tr>
784
+ </tbody>
785
+ </table>
786
+ <?php submit_button(); ?>
787
+
788
+ <a href="http://smashballoon.com/custom-facebook-feed/demo" target="_blank"><img src="<?php echo plugins_url( 'img/pro.png' , __FILE__ ) ?>" /></a>
789
+ <?php } //End General tab ?>
790
+ <?php if( $active_tab == 'post_layout' ) { //Start Post Layout tab ?>
791
+ <input type="hidden" name="<?php echo $style_post_layout_hidden_field_name; ?>" value="Y">
792
+ <br />
793
+ <h3><?php _e('Post Layout'); ?></h3>
794
+ <table class="form-table">
795
+ <tbody>
796
+ <tr>
797
+ <td><p><?php _e('Choose a layout from the 3 below:'); ?></p></td>
798
+ <td>
799
+ <select name="cff_preset_layout" disabled>
800
+ <option value="thumb"><?php _e('Thumbnail'); ?></option>
801
+ <option value="half"><?php _e('Half-width'); ?></option>
802
+ <option value="full"><?php _e('Full-width'); ?></option>
803
+ </select>
804
+ <i style="color: #666; font-size: 11px; margin-left: 5px;"><a href="http://smashballoon.com/custom-facebook-feed/" target="_blank"><?php _e('Upgrade to Pro to enable post layouts'); ?></a></i>
805
+ </td>
806
+ </tr>