From 702ee97c7bea986b709eccce37078eb750a2389e Mon Sep 17 00:00:00 2001 From: Albert Santoni Date: Fri, 30 Oct 2015 14:38:34 -0400 Subject: [PATCH] Refactored Facebook Widget stuff --- airtime_mvc/application/configs/conf.php | 6 ++ .../application/configs/navigation.php | 6 ++ .../EmbeddablewidgetsController.php | 81 ++++++++++++++++- .../application/layouts/scripts/layout.phtml | 3 + .../scripts/embeddablewidgets/facebook.phtml | 25 ++++++ .../public/js/airtime/common/facebook.js | 89 +++++++++++++++++++ 6 files changed, 207 insertions(+), 3 deletions(-) create mode 100644 airtime_mvc/application/views/scripts/embeddablewidgets/facebook.phtml create mode 100644 airtime_mvc/public/js/airtime/common/facebook.js diff --git a/airtime_mvc/application/configs/conf.php b/airtime_mvc/application/configs/conf.php index 00af3e337..503880256 100644 --- a/airtime_mvc/application/configs/conf.php +++ b/airtime_mvc/application/configs/conf.php @@ -96,6 +96,12 @@ class Config { $CC_CONFIG['soundcloud-client-id'] = $globalAirtimeConfigValues['soundcloud']['soundcloud_client_id']; $CC_CONFIG['soundcloud-client-secret'] = $globalAirtimeConfigValues['soundcloud']['soundcloud_client_secret']; $CC_CONFIG['soundcloud-redirect-uri'] = $globalAirtimeConfigValues['soundcloud']['soundcloud_redirect_uri']; + if (isset($globalAirtimeConfigValues['facebook']['facebook_app_id'])) { + $CC_CONFIG['facebook-app-id'] = $globalAirtimeConfigValues['facebook']['facebook_app_id']; + $CC_CONFIG['facebook-app-url'] = $globalAirtimeConfigValues['facebook']['facebook_app_url']; + $CC_CONFIG['facebook-app-api-key'] = $globalAirtimeConfigValues['facebook']['facebook_app_api_key']; + } + if(isset($values['demo']['demo'])){ $CC_CONFIG['demo'] = $values['demo']['demo']; diff --git a/airtime_mvc/application/configs/navigation.php b/airtime_mvc/application/configs/navigation.php index e61ad2986..aba3630e3 100644 --- a/airtime_mvc/application/configs/navigation.php +++ b/airtime_mvc/application/configs/navigation.php @@ -41,6 +41,12 @@ $pages = array( 'module' => 'default', 'controller' => 'embeddablewidgets', 'action' => 'schedule', + ), + array( + 'label' => _('Facebook'), + 'module' => 'default', + 'controller' => 'embeddablewidgets', + 'action' => 'facebook', ) ) ), diff --git a/airtime_mvc/application/controllers/EmbeddablewidgetsController.php b/airtime_mvc/application/controllers/EmbeddablewidgetsController.php index 210edb969..98158fa7f 100644 --- a/airtime_mvc/application/controllers/EmbeddablewidgetsController.php +++ b/airtime_mvc/application/controllers/EmbeddablewidgetsController.php @@ -26,8 +26,8 @@ class EmbeddableWidgetsController extends Zend_Controller_Action $this->view->player_form = $form; } else { $this->view->player_error_msg = _("To configure and use the embeddable player you must:

- 1. Enable at least one MP3, AAC, or OGG stream under System -> Streams
- 2. Enable the Public Airtime API under System -> Preferences"); + 1. Enable at least one MP3, AAC, or OGG stream under Settings -> Streams
+ 2. Enable the Public Airtime API under Settings -> Preferences"); } } @@ -39,8 +39,83 @@ class EmbeddableWidgetsController extends Zend_Controller_Action if (!$apiEnabled) { $this->view->weekly_schedule_error_msg = _("To use the embeddable weekly schedule widget you must:

- Enable the Public Airtime API under System -> Preferences"); + Enable the Public Airtime API under Settings -> Preferences"); } } + + public function facebookAction() + { + Zend_Layout::getMvcInstance()->assign('parent_page', 'Widgets'); + + $apiEnabled = Application_Model_Preference::GetAllow3rdPartyApi(); + + if (!$apiEnabled) { + $this->view->facebook_error_msg = _("To add the Radio Tab to your Facebook Page, you must first:

+ Enable the Public Airtime API under Settings -> Preferences"); + } + + $CC_CONFIG = Config::getConfig(); + $baseUrl = Application_Common_OsPath::getBaseDir(); + + $facebookAppId = $CC_CONFIG['facebook-app-id']; + $this->view->headScript()->appendScript("var FACEBOOK_APP_ID = " . json_encode($facebookAppId) . ";"); + $this->view->headScript()->appendFile($baseUrl . 'js/airtime/common/facebook.js?' . $CC_CONFIG['airtime_version'], 'text/javascript'); + } + + /** Airtime makes an AJAX POST here after it successfully adds a tab to your Facebook page. */ + public function facebookTabSuccessAction() + { + // disable the view and the layout + $this->view->layout()->disableLayout(); + $this->_helper->viewRenderer->setNoRender(true); + + //TODO: Get list of page IDs (deserialize) + + $request = $this->getRequest(); + if (!$request->isPost()) { + return; + } + + $values = $request->getPost(); + $facebookPageIds = json_decode($values["pages"]); + + $CC_CONFIG = Config::getConfig(); + $facebookMicroserviceUrl = $CC_CONFIG['facebook-app-url']; + $facebookMicroserviceApiKey = $CC_CONFIG['facebook-app-api-key']; + + //Post the page tab ID and station subdomain to the social microservice so that mapping can be saved + //in a database. + foreach ($facebookPageIds as $facebookPageId) + { + $postfields = array(); + $postfields["facebookPageId"] = $facebookPageId; + $postfields["stationId"] = $CC_CONFIG['stationId']; + + $query_string = ""; + foreach ($postfields as $k => $v) $query_string .= "$k=".urlencode($v)."&"; + + $ch = curl_init(); + curl_setopt($ch, CURLOPT_URL, $facebookMicroserviceUrl); + curl_setopt($ch, CURLOPT_POST, 1); + curl_setopt($ch, CURLOPT_TIMEOUT, 30); + curl_setopt($ch, CURLOPT_FAILONERROR, 1); + curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); + curl_setopt($ch, CURLOPT_POSTFIELDS, $query_string); + curl_setopt($ch, CURLOPT_USERPWD, ":$facebookMicroserviceApiKey"); + curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0); + curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0); + + $jsondata = curl_exec($ch); + if (curl_error($ch)) { + throw new Exception("Failed to reach server in " . __FUNCTION__ . ": " + . curl_errno($ch) . ' - ' . curl_error($ch) . ' - ' . curl_getinfo($ch, CURLINFO_EFFECTIVE_URL)); + } + curl_close($ch); + + } + + //$arr = json_decode($jsondata, true); # Decode JSON String + + } } diff --git a/airtime_mvc/application/layouts/scripts/layout.phtml b/airtime_mvc/application/layouts/scripts/layout.phtml index ec2c64088..32df4aad7 100644 --- a/airtime_mvc/application/layouts/scripts/layout.phtml +++ b/airtime_mvc/application/layouts/scripts/layout.phtml @@ -219,6 +219,9 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= } ?> +
+ + diff --git a/airtime_mvc/application/views/scripts/embeddablewidgets/facebook.phtml b/airtime_mvc/application/views/scripts/embeddablewidgets/facebook.phtml new file mode 100644 index 000000000..a397e9243 --- /dev/null +++ b/airtime_mvc/application/views/scripts/embeddablewidgets/facebook.phtml @@ -0,0 +1,25 @@ +
+ + + +

+
+ +
+ facebook_error_msg; ?> +
+

Add your station to your Facebook Page.

+ +
+ + +
+

Preview:

+ +
+ +
+ +
+ +
\ No newline at end of file diff --git a/airtime_mvc/public/js/airtime/common/facebook.js b/airtime_mvc/public/js/airtime/common/facebook.js new file mode 100644 index 000000000..ecd803ca8 --- /dev/null +++ b/airtime_mvc/public/js/airtime/common/facebook.js @@ -0,0 +1,89 @@ + +$(document).ready(function() { + $("#facebook-login").click(function() { + AIRTIME.facebook.promptForFacebookPage(); + }); +}); + + +window.fbAsyncInit = function() { + FB.init({ + appId : FACEBOOK_APP_ID, + xfbml : true, + version : 'v2.4' + }); +}; + +var AIRTIME = (function(AIRTIME) { + + //Module initialization + if (AIRTIME.facebook === undefined) { + AIRTIME.facebook = {}; + } + + var mod = AIRTIME.facebook; + + (function (d, s, id) { + var js, fjs = d.getElementsByTagName(s)[0]; + if (d.getElementById(id)) { + return; + } + js = d.createElement(s); + js.id = id; + js.src = "//connect.facebook.net/en_US/sdk.js"; + fjs.parentNode.insertBefore(js, fjs); + }(document, 'script', 'facebook-jssdk')); + + mod.promptForFacebookPage = function() { + FB.login(function (response) { + if (response.authResponse) { + mod.getPagesOwnedByUser(response.authResponse.userID, response.authResponse.accessToken); + mod.addPageTab(); + + } else { + console.log('Authorization failed.'); + } + }, {scope: 'manage_pages'}); + } + + mod.getPagesOwnedByUser = function(userId, accessToken) { + FB.api('/' + userId + '/accounts', function (response) { + console.log(response); + }, {access_token: accessToken}); + } + + mod.addPageTab = function() { + FB.ui( + { method: 'pagetab' }, + function (resp) { + console.log("response:"); + console.log(resp); + var pageIdList = []; + var tabs = resp["tabs_added"]; + + if ((tabs != undefined) && (Object.keys(tabs).length > 0)) { + for (var pageId in tabs) { + pageIdList.push(pageId); + } + + //POST these back to Airtime, which will then proxy it over to our social app. (multiple requests from Airtime) + $.post('facebook-tab-success', { "pages" : JSON.stringify(pageIdList) }, function() { + alert("Successfully added to your Facebook page!"); + }).done(function() { + + }).fail(function() { + alert("Sorry, an error occurred and we were unable to add the widget to your Facebook page."); + }); + } + }, + { + app_id: FACEBOOK_APP_ID, + //redirect_uri: 'https://localhost' + } + ); + } + + return AIRTIME; + +}(AIRTIME || {})); +