| |
| if ((typeof cordova == 'undefined') && (typeof Cordova == 'undefined')) alert('Cordova variable does not exist. Check that you have included cordova.js correctly'); |
| if (typeof CDV == 'undefined') alert('CDV variable does not exist. Check that you have included cdv-plugin-fb-connect.js correctly'); |
| if (typeof FB == 'undefined') alert('FB variable does not exist. Check that you have included the Facebook JS SDK file.'); |
| |
| FB.Event.subscribe('auth.login', function(response) { |
| //alert('auth.login event'); |
| }); |
| |
| FB.Event.subscribe('auth.logout', function(response) { |
| alert('auth.logout event'); |
| }); |
| |
| FB.Event.subscribe('auth.sessionChange', function(response) { |
| alert('auth.sessionChange event'); |
| }); |
| |
| FB.Event.subscribe('auth.statusChange', function(response) { |
| //alert('auth.statusChange event'); |
| }); |
| |
| function getLoginStatus() { |
| FB.getLoginStatus(function(response) { |
| if (response.status == 'connected') |
| { |
| alert('logged in'); |
| } |
| else |
| { |
| alert('not logged in'); |
| } |
| }); |
| } |
| var fdata; |
| var count=0; |
| function me() { |
| if(count===0) |
| { |
| login(); |
| } |
| FB.api('/me/photos?limit=8&offset='+count, { fields: 'id, name, picture' }, function(response) { |
| if (response.error) { |
| alert(JSON.stringify(response.error)); |
| } |
| else |
| { |
| var data = document.getElementById('facebook'); |
| $('#facebookMore').remove(); |
| fdata=response.data; |
| response.data.forEach(function(item) { |
| var d = document.createElement('div'); |
| if(item.name===undefined) |
| { |
| d.innerHTML = "<div class='cell'><a href="+"#"+"><img class='image' src="+item.picture+"/></a><br />"+"No caption"+"</div>"; |
| } |
| else |
| { |
| d.innerHTML = "<div class='cell'><a href="+"#"+"><img class='image' src="+item.picture+"/></a><br />"+item.name.substr(0,20)+"..."+"</div>"; |
| } |
| data.appendChild(d); |
| }); |
| } |
| count=count+8; |
| //$('#facebook').append($('<a data-role="button" data-inline="true" data-direction="reverse" data-transition="fade" data-theme="a" href="#page1" data-icon="arrow-d" data-iconpos="right" id="facebookMore" class="more" data-role="button" data-icon="forward" onclick="me()" />').text('More..')); |
| $('#facebook').append('<a data-role="button" data-inline="true" data-theme="a" data-icon="arrow-d" data-iconpos="right" id="facebookMore" class="more" onclick="me()">More...</a>'); |
| }); |
| } |
| function login() { |
| FB.login( |
| function(response) { |
| if (response.session) { |
| alert('logged in'); |
| } |
| else { |
| //alert('not logged in'); |
| } |
| }, |
| { scope: "user_photos" } |
| ); |
| //me(); |
| } |
| document.addEventListener('deviceready', function() { |
| try { |
| FB.init({ appId: "423746790989627", nativeInterface: CDV.FB, useCachedDialogs: false }); |
| } catch (e) { |
| alert(e); |
| } |
| }, false); |
| $(document).ready(function(){ |
| $('#facebookSwitch').off('change'); |
| $("#facebook").empty(); |
| $('#facebookSwitch').on('change', function() |
| { |
| if($(this).val()==="off") |
| { |
| $("#facebook").empty(); |
| } |
| else |
| { |
| me(); |
| } |
| }); |
| }); |