Titanium Quickie: Facebook Album Covers Part 1

app.js

(function() {

    var mainWindow, tableview;

    function setupWindow() {
        mainWindow = Titanium.UI.createWindow({
            title : 'Tab 1',
            backgroundColor : '#fff'
        });

        // create table view
        var tableViewOptions = {
            data : []
        };
        if(Ti.Platform.osname == "iphone") {
            tableViewOptions = {
                data : [],
                backgroundColor : 'transparent',
                rowBackgroundColor : 'white'
            };
        }
        tableview = Titanium.UI.createTableView(tableViewOptions);

        // add table view to the window
        mainWindow.add(tableview);

        mainWindow.open();
    }

    function getAlbumCovers() {

        Ti.API.debug(Titanium.Facebook.accessToken);

        Titanium.Facebook.requestWithGraphPath('me/albums', {
            fields : 'id,name,cover_photo,count,created_time'
        }, 'GET', function(e) {

            if(e.success) {

                Ti.API.debug(e.result);

                if(e.result) {
                    var data = JSON.parse(e.result).data;
                    for(x in data) {
                        Ti.API.debug(JSON.stringify(data[x]));

                        var row = Titanium.UI.createTableViewRow({
                            width : '100%',
                            height : 'auto'
                        });
                        var image = Titanium.UI.createImageView({
                            image : "https://graph.facebook.com/" + (data[x].cover_photo || 0) + "/picture?access_token=" + Ti.Facebook.accessToken,
                            top : 0,
                            left : 0,
                            width : '100dp',
                            height : '100dp'
                        });
                        var title = Titanium.UI.createLabel({
                            text : String.format("%s (%d)", data[x].name, data[x].count),
                            top : 0,
                            left : '110dp',
                            width : 'auto',
                            height : 'auto'
                        });
                        row.add(image);
                        row.add(title);
                        tableview.appendRow(row);
                    }
                }

            } else if(e.cancelled) {
                Ti.API.debug("user cancelled");
            } else {
                Ti.API.debug(e.result);
            }

        });
    }

    function initializeFacebookSample() {

        setupWindow();

        Titanium.Facebook.appid = "134793934930";
        Titanium.Facebook.permissions = ['publish_stream', 'read_stream', 'user_photos', 'friends_photos'];
        if(!Titanium.Facebook.loggedIn) {
            Titanium.Facebook.authorize();

            Titanium.Facebook.addEventListener('login', function(e) {
                if(e.success) {
                    getAlbumCovers();
                    return;
                } else if(e.error || e.cancelled) {
                    return;
                }
            });
        } else {
            getAlbumCovers();
        }
    }

    initializeFacebookSample();
})();