#2004091 - Pastie

Embed
Download
Raw
A A A
Javascript June 01, 2011
12:07PM EDT Report abuse
// =======================================================================
//
// SET THE CURRENT PAGE NAME
//
// ======================================================================= 

// Log window name to console

Ti.API.info("############### FAVORITES ##################");
	
// =======================================================================
//
// THE CURRENT WINDOWS BASIC SETTINGS
//
// =======================================================================

// Set the current window into a variable

var window = Ti.UI.currentWindow;

// =======================================================================
//
// SET THE CURRENT WINDOW BACKGROUND COLOR
//
// =======================================================================

// Set the background color

Titanium.UI.setBackgroundColor('#000');

// ======================================================================= 
//
// INCLUDE THE DEPENDENCIES
//
// =======================================================================

// Include the crud file

Ti.include("../common/twitter_crud.js");

// Include the utilities file

Ti.include("../common/utilities.js");

// =======================================================================
//
// THE MAIN BUTTONS
//
// ======================================================================= 

// Create the button

var button_accounts = Titanium.UI.createButton({

   title: 'Accounts'
   
});

// ======================================================================= 
//
// SET THE TABLE
//
// =======================================================================

// Create the table view
	
var table = Ti.UI.createTableView({

	editable: true, 
	backgroundColor: '#191919', 
	separatorColor: '#6a6a6a'
	
});

// ======================================================================= 
//
// ACTIVITY INDICATOR
//
// =======================================================================

// Create the activity indicator

var actInd = Titanium.UI.createActivityIndicator({

	bottom:10, 
	height:50,
	width:10,
	style:Titanium.UI.iPhone.ActivityIndicatorStyle.PLAIN
	
});

// =======================================================================
//
// GET THE DATA
//
// =======================================================================

// Define the function

function buildTable(action) {

	// Place the activity indicator
	
	window.setTitleControl(actInd);
	
	// Show the activity indicator
	
	actInd.show();
	
	// Create the data array

	var theData = [];
	
	// Set the screen name
	
	var screen_name = Titanium.App.Properties.getString("twitter_screen_name");
	
	// Make the request to the API
	
	twitterGET.execute('favorites.json?include_entities=true&screen_name=' + screen_name, action, function(response){
	
		// Loop through the response
	
		for (var i = 0; i < response.length; i++) {

			// Set the response data to variables
		
			var id = response[i].id;
			var tweet = response[i].text;
			var user = response[i].user.name;
			var avatar = response[i].user.profile_image_url;
			var created_at = prettyDate(response[i].created_at);

			// Open the database
        
       	 	var db = Titanium.Database.open('tweevorites');
       	 	
       	 	// Make sure the tables are all set
       	 	
       	 	db.execute('CREATE TABLE IF NOT EXISTS read (id INTEGER PRIMARY KEY, token VARCHAR(255) NULL, tweet_id VARCHAR(255) NULL)');
        			
			// Check if the tweet is already read
		
			var results = db.execute('SELECT token FROM read WHERE tweet_id = ?', id);
			
			// If the account is not already saved
		
			if (!results.isValidRow()) {
			
				// Create the avatar image
			
				var user_avatar = Titanium.UI.createImageView({
			
					image: avatar,
					top: 10,
					left: 10,
					width: 52,
					height: 52,
					borderRadius: 5,
					backgroundColor: '#333',
					preventDefaultImage: true
				
				});
			
				// Create the datetime label
	
				var datetime = Titanium.UI.createLabel({
					
					text: created_at,
					font:{fontSize:11,fontWeight: 'normal'},
					color: '#999',
					right: 10,
					top: 10,
					width: 'auto',
					height: 'auto'
				
				});
			
				// Create the fullname label
	
				var fullname = Titanium.UI.createLabel({
					
					text: user,
					font:{fontSize:14, fontFamily:'Helvetica Neue', fontWeight:'bold'},
					color: '#f4f4f4',
					left: 72,
					top: 7,
					width: 200,
					height: 20
				
				});

				// Create the message label
	
				var message = Titanium.UI.createLabel({	
				
					text: tweet,
					font:{fontSize:14},
					color: '#828282',
					left: 72,
					top: 30,
					bottom: 10,
					width: 230,
					height: 'auto'
				
				});

				// Create the row
			
				var row = Ti.UI.createTableViewRow({

  					className: 'feed_item',
  					height: 'auto',
  					backgroundColor: '#191919',
  					tweet_id: id,
  					tweet_links: findUrls(tweet)
  				  				
				});
			
				// Add the avatar to the row
			
				row.add(user_avatar);
			
				// Add the avatar to the row
			
				row.add(datetime);
			
				// Add the fullname to the row
			
				row.add(fullname);
			
				// Add the mssage to the row
			
				row.add(message);
								
				// Add the row to the array
		
				theData.push(row);
			
			}
		
			// Close the resultSet

			results.close();

			// Close the database

			db.close();
			
		}
	
		// Add the data to the table
	
		table.setData(theData);

		// Hide the activity indicator
		
		actInd.hide();
		
		// Set the title to default again
		
		window.setTitleControl(null);
		
		// Create the links dialog
				
		var dialog = Titanium.UI.createOptionDialog({});
	
		// Create an event listener for the button 

		table.addEventListener('click', function(e){ 
		
			// Get the length of the array
			
			var array_length = e.row.tweet_links.length;
			
			// Make sure that the cancel button is correct
			
			if (array_length > 1) {
			
				// Add options to dialog
				
				dialog.options = e.row.tweet_links;
			
				// Add cancel button to dialog
			
    			dialog.cancel = array_length - 1;
    		
				// Load the database
		
				dialog.show();
			
			}
		
		});
		
		// Create an event listener for the button 

		dialog.addEventListener('click', function(e){ 
		
			// Make sure the user did not click the cancel button
		
			if (e.source.options[e.index] != "Cancel") {
		
				// Create the browser window

				var win_browser = Titanium.UI.createWindow({

					title: 'Browser',
					barColor: '#000',
					url:'browser.js',
					navBarHidden: false,
					tabBarHidden: false,
					address: e.source.options[e.index]
	
				});
		
				// Animate the page turn
 	
    			Titanium.UI.currentTab.open(win_browser);
    		
    		}
		
		});
		
		// Create an event listener for the button 

		table.addEventListener('delete', function(e){ 
		
			// Load the database
		
			var db = Ti.Database.open('tweevorites');
			
			// Insert the tweet into the read table
		
			db.execute('INSERT INTO read (token,tweet_id) VALUES (?,?)', Titanium.App.Properties.getString("twitter_token"), e.row.tweet_id);
	
		});
			
	});
	
}

// =======================================================================
//
// START THE PULL TO REFRESH
//
// =======================================================================

// Create the table header
		
var tableHeader = Titanium.UI.createView({
			
	backgroundColor:"#191919",
	width:320,
	height:60
			
});
		
// Create the activity indicator

var tableHeader_actInd = Titanium.UI.createActivityIndicator({
		
	left:20,
	bottom:13,
	width:30,
	height:30,
	color: 'black',
	style: Titanium.UI.iPhone.ActivityIndicatorStyle.DARK
			
});
		
// Create the loading arrow

var tableHeader_arrow = Ti.UI.createView({
		
	backgroundImage:"../images/arrow.png",
	width:16,
	height:16,
	bottom:20,
	left:25
			
});

// Create the loading label
		
var tableHeader_label = Titanium.UI.createLabel({	
			
	text: 'Pull down to refresh',
	font:{fontSize:13,fontWeight: 'bold'},
	color: '#fff',
	left: 10,
	textAlign: 'center',
	bottom: 22,
	height: 'auto',
	width: 320
				
});

// Add the loading arrow to the table
		
tableHeader.add(tableHeader_arrow);
				
// Add the loading icon to the table
		
tableHeader.add(tableHeader_actInd);
		
// Add the loading label to the table
		
tableHeader.add(tableHeader_label);
			
// Add the table header to the table header
		
table.headerPullView = tableHeader;
			
// Set the variable pulling to false

var pulling = false;
		
// Set the variable reloading to false
		
var reloading = false;
		
// Check for movement

table.addEventListener('scroll',function(e) {
		
	// Set the offset
	
	var offset = e.contentOffset.y;
			
	// Check the current position
	
	if (offset <= -65.0 && !pulling) {
			
		// Create the 2D matrix
			
		var matrix = Ti.UI.create2DMatrix();
				
		// Rotate the matrix
				
		matrix = matrix.rotate(-180);
				
		// Animate the arrow
		
		tableHeader_arrow.animate({transform:matrix,duration:180});
				
		// Set the default value
			
		pulling = true;
				
		// Set current status
				
		tableHeader_label.text = "Release to refresh";
				
	} else if (pulling && offset > -65.0 && offset < 0) {
			
		// Set the default value
			
		pulling = false;
				
		// Create the 2D matrix
				
		var t = Ti.UI.create2DMatrix();
				
		// Animate the arrow
				
		tableHeader_arrow.animate({transform:t,duration:180});
				
		// Set current status
				
		tableHeader_label.text = "Pull down to refresh";
				
	}
	
});

// Define the end reload function

function endReloading() {

	// Reload the content
		
	buildTable('delFromCache');
		
    // Reset the table content inset
    
    table.setContentInsets({top:0},{animated:true});
    
    // Set reloading to false
    
    reloading = false;
    
    // Set the label text back again
    
    tableHeader_label.text = "Pull down to refresh...";
    
    // Hide the activity indicator
    
    tableHeader_actInd.hide();
    
    // Set back the arrow again
    
    tableHeader_arrow.show();
}

function beginReloading() {

	// Set a timeout for the reloading
	
	setTimeout(endReloading,2000);
}
		
// Refresh content on release

table.addEventListener('scrollEnd',function(e) {
		
	// Check the current position
		
	if (pulling && !reloading && e.contentOffset.y <= -65.0) {
			
		// Set the variable reloading to true
		
		reloading = true;
				
		// Set the variable pulling to false
				
		pulling = false;
		
		// Hide the arrow
				
		tableHeader_arrow.hide();
				
		// Show the activity indicator
				
		tableHeader_actInd.show();
				
		// Set current status
				
		tableHeader_label.text = "Reloading content...";
				
		// Adjust the height
				
		table.setContentInsets({top:60},{animated:true});
				
		// Remove the pull to refresh
		
		beginReloading();

	}
			
});		

// =======================================================================
//
// ADD TO THE CURRENT WINDOW
//
// =======================================================================

// Get the data from the API call
	
buildTable('delFromCache');

// Add the button to the window

window.setLeftNavButton(button_accounts);

// Add the table to the window

window.add(table);
11154 characters / 569 lines