Activity indicator: created a big activity indicator that puts itself in the middle of the screen when something's happening.

4 files changed, 47 insertions, 1 deletions

diff --git a/Resources/friendship/ui/ActivityIndicator.js b/Resources/friendship/ui/ActivityIndicator.js
new file mode 100644
index 0000000..d74a563
--- /dev/null
+++ b/Resources/friendship/ui/ActivityIndicator.js
@@ -0,0 +1,34 @@
+(function() {
+	fs.ui.createLoadingView = function() {
+		var loading_view = Ti.UI.createView({
+			height: 100,
+			width: 100,
+			visible: false
+		});
+		
+		var background = Ti.UI.createView({
+			backgroundColor: '#222',
+			opacity: 0.82,
+			borderRadius: 10
+		});
+		var loader = Ti.UI.createActivityIndicator({
+			style: Titanium.UI.iPhone.ActivityIndicatorStyle.BIG
+		});
+		
+		loading_view.add(background);
+		loading_view.add(loader);
+		loader.show();
+		
+		Ti.App.addEventListener('app:show.loader', function() {
+			if (!loading_view.visible) {
+				loading_view.visible = true;
+			}
+		});
+		
+		Ti.App.addEventListener('app:hide.loader', function() {
+			loading_view.visible = false;
+		});
+		
+		return loading_view;
+	};
+})();
diff --git a/Resources/friendship/ui/ApplicationWindow.js b/Resources/friendship/ui/ApplicationWindow.js
index 5243bd3..babc43c 100644
--- a/Resources/friendship/ui/ApplicationWindow.js
+++ b/Resources/friendship/ui/ApplicationWindow.js
@@ -10,6 +10,10 @@
 		
 		var debug_button = Ti.UI.createButton({title: 'Debug'});
 		debug_button.addEventListener('click', function(e) {
+			// Show loading view
+			var loading = fs.ui.createLoadingView();
+			win.add(loading);
+			Ti.App.fireEvent('app:show.loader');
 			
 			Ti.API.info('Logged in: ' + JSON.stringify(Ti.Facebook.loggedIn));
 			if (Ti.Facebook.loggedIn) {
diff --git a/Resources/friendship/ui/LikeList.js b/Resources/friendship/ui/LikeList.js
index ce01096..1e4c815 100644
--- a/Resources/friendship/ui/LikeList.js
+++ b/Resources/friendship/ui/LikeList.js
@@ -57,11 +57,18 @@
 		});
 		*/
 		
+		var loading = fs.ui.createLoadingView();
+		ll_view.add(loading);
+		
+		// Ti.App.fireEvent('app:show.loader');
+		
 		Ti.API.addEventListener( "processPosts", function( list ) {
 			//Ti.UI.createAlertDialog( {title:"Items: " + list.list.length} ).show();
 			for ( key in list.list ) {
 				ll_view.appendRow( create_row( list.list[key] ) );
 			}
+			
+			Ti.App.fireEvent('app:hide.loader');
 		});
 		
 		return ll_view;
diff --git a/Resources/friendship/ui/ui.js b/Resources/friendship/ui/ui.js
index 76def2e..f810b87 100644
--- a/Resources/friendship/ui/ui.js
+++ b/Resources/friendship/ui/ui.js
@@ -6,5 +6,6 @@ Ti.include(
 	'/friendship/ui/ApplicationWindow.js',
 	'/friendship/ui/LikeList.js',
 	'/friendship/ui/LoginWindow.js',
-	'/friendship/ui/WebView.js'
+	'/friendship/ui/WebView.js',
+	'/friendship/ui/ActivityIndicator.js'
 )