From d2ff7026abd7e40b49917491773cba9367221f99 Mon Sep 17 00:00:00 2001
From: Jose Antonio Marquez
Date: Tue, 31 Jan 2012 22:44:15 -0800
Subject: Hooking cloud popup UI to core

Set up the popup UI for cloud to core API to detected cloud API connection.
---
 js/io/system/coreioapi.js | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

(limited to 'js/io/system/coreioapi.js')

diff --git a/js/io/system/coreioapi.js b/js/io/system/coreioapi.js
index 4407d59a..6b803f22 100755
--- a/js/io/system/coreioapi.js
+++ b/js/io/system/coreioapi.js
@@ -47,7 +47,7 @@ exports.CoreIoApi = Montage.create(Component, {
 				return true;
 			} else {
 				//Inactive
-				if (!this._cloudDialogOpen || this.application.ninja) {
+				if (!this._cloudDialogOpen && this.application.ninja) {
 					this.showCloudDialog();
 				}
 				return false;
@@ -71,11 +71,13 @@ exports.CoreIoApi = Montage.create(Component, {
     showCloudDialog: {
     	enumerable: false,
 		value: function () {
+			//
+			this._cloudDialogOpen = true;
 			//
 			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._cloudDialogComponents.blackout.style.background = '-webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,.65) 0%, rgba(0,0,0,0.8) 80%)';
 			this.application.ninja.popupManager.addPopup(this._cloudDialogComponents.blackout);
     		//
     		////////////////////////////////////////////////////
@@ -93,28 +95,31 @@ exports.CoreIoApi = Montage.create(Component, {
     		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 = this.application.ninja.popupManager.createPopup(this._cloudDialogComponents.dialog.element, {x: '50%', y: '50%'});
 				this._cloudDialogComponents.popup.addEventListener('firstDraw', this, false);
 			} else {
 				//
 				this._cloudDialogComponents.dialog.element.style.opacity = 1;
 				this._cloudDialogComponents.popup.element.style.opacity = 1;
+				this._cloudDialogComponents.popup.element.style.margin = '-100px 0px 0px -190px';
 			}
     	}
     },
-    
-    
     ////////////////////////////////////////////////////////////////////
     //
     hideCloudDialog: {
     	enumerable: false,
 		value: function () {
+			//
+			this.application.ninja.popupManager.removePopup(this._cloudDialogComponents.blackout);
+			this.application.ninja.popupManager.removePopup(this._cloudDialogComponents.popup.element);
 		}
     },
 	////////////////////////////////////////////////////////////////////
-- 
cgit v1.2.3