From e75223a2c4c1e13d66639841e6418e94fe9b726f Mon Sep 17 00:00:00 2001
From: Jose Antonio Marquez
Date: Tue, 31 Jan 2012 15:59:46 -0800
Subject: Cloud IO Prompt

Setting up UI for the file IO prompt on initialization of Ninja and whenever a cloud IO call is made and the server is not detected.
---
 js/io/system/coreioapi.js | 84 ++++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 73 insertions(+), 11 deletions(-)

(limited to 'js/io/system')

diff --git a/js/io/system/coreioapi.js b/js/io/system/coreioapi.js
index 33c7bc28..4407d59a 100755
--- a/js/io/system/coreioapi.js
+++ b/js/io/system/coreioapi.js
@@ -10,7 +10,9 @@ NOTES:
 ////////////////////////////////////////////////////////////////////////
 ///////////////////////////////////////////////////////////////////// */
 var Montage = 		require("montage/core/core").Montage,
-    Component = 	require("montage/ui/component").Component;
+    Component = 	require("montage/ui/component").Component,
+    Popup = 		require("js/components/popup.reel").Popup,
+    CloudPopup = 	require("js/io/ui/cloudpopup.reel").CloudPopup;
 ////////////////////////////////////////////////////////////////////////
 //Exporting as Project I/O
 exports.CoreIoApi = Montage.create(Component, {
@@ -26,16 +28,11 @@ exports.CoreIoApi = Montage.create(Component, {
 				//Checks for IO API to be active
 				this.ioServiceDetected = this.cloudAvailable();
 				//
-				console.log('FileIO: localStorage URL detected | IO Service Detected: '+ this.ioServiceDetected);
-				//
+				console.log('Cloud Status: URL detected in localStorage as '+this.rootUrl);
 			} else {
-				//TODO: Remove, automatically prompt user on welcome
-				this.rootUrl = 'http://localhost:16380';
-				//TODO: Changed to false, welcome screen prompts user
-				this.ioServiceDetected = this.cloudAvailable();
-				//
-				console.log('FileIO: localStorage URL NOT detected | IO Service Detected: '+ this.ioServiceDetected);
 				//
+				this.ioServiceDetected = false;
+				console.log('Cloud Status: No URL detected in localStorage');
 			}
 		}
 	},
@@ -45,18 +42,83 @@ exports.CoreIoApi = Montage.create(Component, {
 		enumerable: false,
 		value: function () {
 			//
-			if (this.getCloudStatus().status === 200) {
+			if (this.rootUrl && this.getCloudStatus().status === 200) {
 				//Active
 				return true;
 			} else {
 				//Inactive
-				//TODO: Logic to prompt the user for cloud, otherwise return false
+				if (!this._cloudDialogOpen || this.application.ninja) {
+					this.showCloudDialog();
+				}
 				return false;
 			}
 		}
 	},
 	////////////////////////////////////////////////////////////////////
     //
+    _cloudDialogOpen: {
+    	enumerable: false,
+		value: false
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    _cloudDialogComponents: {
+    	enumerable: false,
+		value: {blackout: null, popup: null, dialog: null}
+    },
+	////////////////////////////////////////////////////////////////////
+    //
+    showCloudDialog: {
+    	enumerable: false,
+		value: function () {
+			//
+			this._cloudDialogComponents.blackout = document.createElement('div');
+			this._cloudDialogComponents.blackout.style.width = '100%';
+			this._cloudDialogComponents.blackout.style.height = '100%';
+			this._cloudDialogComponents.blackout.style.background = 'rgba(0, 0, 0, .6)';
+			this.application.ninja.popupManager.addPopup(this._cloudDialogComponents.blackout);
+    		//
+    		////////////////////////////////////////////////////
+    		//Creating popup from m-js component
+    		var popup = document.createElement('div');
+    		//
+    		this._cloudDialogComponents.dialog = CloudPopup.create();
+    		//
+    		document.body.appendChild(popup);
+    		//
+    		this._cloudDialogComponents.dialog.element = popup;
+    		this._cloudDialogComponents.dialog.needsDraw = true;
+    		this._cloudDialogComponents.dialog.element.style.opacity = 0;
+    		//
+    		this._cloudDialogComponents.dialog.addEventListener('firstDraw', this, false);
+		}
+    },
+    
+    handleFirstDraw: {
+    	value: function (e) {
+			if (e._target._element.className === 'cloud_popup') {
+	    		this._cloudDialogComponents.dialog.removeEventListener('firstDraw', this, false);
+		    	//
+				this._cloudDialogComponents.popup = this.application.ninja.popupManager.createPopup(this._cloudDialogComponents.dialog.element, {x: '200px', y: '200px'});
+				this._cloudDialogComponents.popup.addEventListener('firstDraw', this, false);
+			} else {
+				//
+				this._cloudDialogComponents.dialog.element.style.opacity = 1;
+				this._cloudDialogComponents.popup.element.style.opacity = 1;
+			}
+    	}
+    },
+    
+    
+    ////////////////////////////////////////////////////////////////////
+    //
+    hideCloudDialog: {
+    	enumerable: false,
+		value: function () {
+		}
+    },
+	////////////////////////////////////////////////////////////////////
+    //
     _ioServiceDetected: {
         enumerable: false,
         value: false
-- 
cgit v1.2.3