sjmog · March 2, 2014 18:28
diff --git a/all_my_facebook_photos.html b/all_my_facebook_photos.html
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 	<title>Photos with Friends!</title>
 	<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
 	<script>
 		/**
 		 * This is the getPhoto library
 		 */

 		function makeFacebookPhotoURL( id, accessToken ) {
 			return 'https://graph.facebook.com/' + id + '/picture?access_token=' + accessToken;
 		}

 		function login( callback ) {
 			FB.login(function(response) {
 				if (response.authResponse) {
 					//console.log('Welcome!  Fetching your information.... ');
 					if (callback) {
 						callback(response);
 					}
 				} else {
 					console.log('User cancelled login or did not fully authorize.');
 				}
 			},{scope: 'user_photos'} );
 		}

 		function getAlbums( callback ) {
 			FB.api(
 					'/me/albums',
 					{fields: 'id,cover_photo'},
 					function(albumResponse) {
 						//console.log( ' got albums ' );
 						if (callback) {
 							callback(albumResponse);
 						}
 					}
 				);

 		}

 		function getPhotosForAlbumId( albumId, callback ) {
 			FB.api(
 					'/'+albumId+'/photos',
 					{fields: 'id'},
 					function(albumPhotosResponse) {
 						//console.log( ' got photos for album ' + albumId );
 						if (callback) {
 							callback( albumId, albumPhotosResponse );
 						}
 					}
 				);
 		}

 		function getLikesForPhotoId( photoId, callback ) {
 			FB.api(
 					'/'+albumId+'/photos/'+photoId+'/likes',
 					{},
 					function(photoLikesResponse) {
 						if (callback) {
 							callback( photoId, photoLikesResponse );
 						}
 					}
 				);
 		}

 		function getPhotos(callback) {

 			var allPhotos = [];

 			var accessToken = '';

 			login(function(loginResponse) {
 					accessToken = loginResponse.authResponse.accessToken || '';
 					getAlbums(function(albumResponse) {
 							var i, album, deferreds = {}, listOfDeferreds = [];

 							for (i = 0; i < albumResponse.data.length; i++) {
 								album = albumResponse.data[i];
 								deferreds[album.id] = $.Deferred();
 								listOfDeferreds.push( deferreds[album.id] );
 								getPhotosForAlbumId( album.id, function( albumId, albumPhotosResponse ) {
 										var i, facebookPhoto;
 										for (i = 0; i < albumPhotosResponse.data.length; i++) {
 											facebookPhoto = albumPhotosResponse.data[i];
 											allPhotos.push({
 												'id'	:	facebookPhoto.id,
 												'added'	:	facebookPhoto.created_time,
 												'url'	:	makeFacebookPhotoURL( facebookPhoto.id, accessToken )
 											});
 										}
 										deferreds[albumId].resolve();
 									});
 							}

 							$.when.apply($, listOfDeferreds ).then( function() {
 								if (callback) {
 									callback( allPhotos );
 								}
 							}, function( error ) {
 								if (callback) {
 									callback( allPhotos, error );
 								}
 							});
 						});
 				});
 		}
 	</script>

 	<script>
 		/**
 		 * This is the bootstrap / app script
 		 */

 		// wait for DOM and facebook auth
 		var docReady = $.Deferred();
 		var facebookReady = $.Deferred();

 		$(document).ready(docReady.resolve);

 		window.fbAsyncInit = function() {
 			FB.init({
 			  appId      : '548466918497006',
 			  channelUrl : '//conor.lavos.local/channel.html',
 			  status     : true,
 			  cookie     : true,
 			  xfbml      : true
 			});
 			facebookReady.resolve();
 		};

 		$.when(docReady, facebookReady).then(function() {
 			if (typeof getPhotos !== 'undefined') {
 				getPhotos( function( photos ) {
 					console.log( photos );
 				});
 			}
 		});

 		// call facebook script
 		(function(d){
 		 var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
 		 js = d.createElement('script'); js.id = id; js.async = true;
 		 js.src = "http://connect.facebook.net/en_US/all.js";
 		 d.getElementsByTagName('head')[0].appendChild(js);
 		}(document));

 	</script>
 </head>
 <body>
 	<div id="fb-root"></div>
 </body>
 </html>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Photos with Friends!</title>
	<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
	<script>
	/**
	* This is the getPhoto library
	*/

	function makeFacebookPhotoURL( id, accessToken ) {
	return 'https://graph.facebook.com/' + id + '/picture?access_token=' + accessToken;
	}

	function login( callback ) {
	FB.login(function(response) {
	if (response.authResponse) {
	//console.log('Welcome! Fetching your information.... ');
	if (callback) {
	callback(response);
	}
	} else {
	console.log('User cancelled login or did not fully authorize.');
	}
	},{scope: 'user_photos'} );
	}

	function getAlbums( callback ) {
	FB.api(
	'/me/albums',
	{fields: 'id,cover_photo'},
	function(albumResponse) {
	//console.log( ' got albums ' );
	if (callback) {
	callback(albumResponse);
	}
	}
	);

	}

	function getPhotosForAlbumId( albumId, callback ) {
	FB.api(
	'/'+albumId+'/photos',
	{fields: 'id'},
	function(albumPhotosResponse) {
	//console.log( ' got photos for album ' + albumId );
	if (callback) {
	callback( albumId, albumPhotosResponse );
	}
	}
	);
	}

	function getLikesForPhotoId( photoId, callback ) {
	FB.api(
	'/'+albumId+'/photos/'+photoId+'/likes',
	{},
	function(photoLikesResponse) {
	if (callback) {
	callback( photoId, photoLikesResponse );
	}
	}
	);
	}

	function getPhotos(callback) {

	var allPhotos = [];

	var accessToken = '';

	login(function(loginResponse) {
	accessToken = loginResponse.authResponse.accessToken \|\| '';
	getAlbums(function(albumResponse) {
	var i, album, deferreds = {}, listOfDeferreds = [];

	for (i = 0; i < albumResponse.data.length; i++) {
	album = albumResponse.data[i];
	deferreds[album.id] = $.Deferred();
	listOfDeferreds.push( deferreds[album.id] );
	getPhotosForAlbumId( album.id, function( albumId, albumPhotosResponse ) {
	var i, facebookPhoto;
	for (i = 0; i < albumPhotosResponse.data.length; i++) {
	facebookPhoto = albumPhotosResponse.data[i];
	allPhotos.push({
	'id' : facebookPhoto.id,
	'added' : facebookPhoto.created_time,
	'url' : makeFacebookPhotoURL( facebookPhoto.id, accessToken )
	});
	}
	deferreds[albumId].resolve();
	});
	}

	$.when.apply($, listOfDeferreds ).then( function() {
	if (callback) {
	callback( allPhotos );
	}
	}, function( error ) {
	if (callback) {
	callback( allPhotos, error );
	}
	});
	});
	});
	}
	</script>

	<script>
	/**
	* This is the bootstrap / app script
	*/

	// wait for DOM and facebook auth
	var docReady = $.Deferred();
	var facebookReady = $.Deferred();

	$(document).ready(docReady.resolve);

	window.fbAsyncInit = function() {
	FB.init({
	appId : '548466918497006',
	channelUrl : '//conor.lavos.local/channel.html',
	status : true,
	cookie : true,
	xfbml : true
	});
	facebookReady.resolve();
	};

	$.when(docReady, facebookReady).then(function() {
	if (typeof getPhotos !== 'undefined') {
	getPhotos( function( photos ) {
	console.log( photos );
	});
	}
	});

	// call facebook script
	(function(d){
	var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
	js = d.createElement('script'); js.id = id; js.async = true;
	js.src = "http://connect.facebook.net/en_US/all.js";
	d.getElementsByTagName('head')[0].appendChild(js);
	}(document));

	</script>
	</head>
	<body>
	<div id="fb-root"></div>
	</body>
	</html>