1 files changed, 144 insertions, 0 deletions
diff --git a/js/io/ui/cloudpopup.reel/cloudpopup.js b/js/io/ui/cloudpopup.reel/cloudpopup.js
new file mode 100755
index 00000000..d2e82662
--- /dev/null
+++ b/js/io/ui/cloudpopup.reel/cloudpopup.js
@@ -0,0 +1,144 @@
+/* <copyright>
+This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+(c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+</copyright> */
+////////////////////////////////////////////////////////////////////////
+//
+var Montage =                   require("montage/core/core").Montage,
+        Component =             require("montage/ui/component").Component;
+////////////////////////////////////////////////////////////////////////
+//
+exports.CloudPopup = Montage.create(Component, {
+        ////////////////////////////////////////////////////////////////////
+        //
+        hasTemplate: {
+        value: true
+    },
+    ////////////////////////////////////////////////////////////////////
+        //
+        _os: {
+        value: null
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    components: {
+        enumerable: false,
+        value: {test_btn: null, ok_btn: null, cancel_btn: null, download_btn: null, status: null, url: null}
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    prepareForDraw: {
+        enumerable: false,
+        value: function () {
+                //
+                this.components.test_btn = this.element.getElementsByClassName('btn_test nj-skinned')[0];
+                this.components.ok_btn = this.element.getElementsByClassName('btn_ok nj-skinned')[0];
+                this.components.cancel_btn = this.element.getElementsByClassName('btn_cancel nj-skinned')[0];
+                this.components.status = this.element.getElementsByClassName('status')[0];
+                this.components.url = this.element.getElementsByClassName('cloud_url')[0];
+                this.components.download_btn = this.element.getElementsByClassName('btn_download nj-skinned')[0];
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    willDraw: {
+        enumerable: false,
+        value: function() {
+                //
+                if (navigator.appVersion.indexOf("Win")!=-1) {
+                        this._os = 'windows';
+                } else if (navigator.appVersion.indexOf("Mac")!=-1) {
+                        this._os = 'mac';
+                } else {
+                        //Alternate message for no OS detected (probably Linux)
+                        this.element.getElementsByTagName('section')[0].style.display = 'none';
+                }
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    draw: {
+        enumerable: false,
+        value: function() {
+                //
+                if (window.localStorage['ioRootUrl']) {
+                        this.components.url.value = window.localStorage['ioRootUrl'];
+                }
+                //
+                this.testConnection();
+                if (this.application.ninja.coreIoApi.cloudAvailable()) {
+                        this.closeDialog();
+                }
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    didDraw: {
+        enumerable: false,
+        value: function() {
+                //
+                this.components.download_btn.addEventListener('click', this.downloadCloudApp.bind(this), false);
+                //
+                this.components.test_btn.addEventListener('click', this.testConnection.bind(this), false);
+                //
+                this.components.ok_btn.addEventListener('click', this.closeDialog.bind(this), false);
+                this.components.cancel_btn.addEventListener('click', this.cancelDialog.bind(this), false);
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    downloadCloudApp: {
+        enumerable: false,
+        value: function() {
+                if(this._os === 'mac') {
+                        location.href = '/ninja_localcloud_for_mac.zip';
+                } else if (this._os === 'windows') {
+                        location.href = '/ninja_localcloud_for_windows.zip';
+                } else {
+                        alert('Your operating system is not supported by the Ninja Local Cloud App.');
+                }
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    testConnection: {
+        enumerable: false,
+        value: function() {
+                //
+                this.application.ninja.coreIoApi.rootUrl = this.components.url.value;
+                //
+                        if (this.application.ninja.coreIoApi.cloudAvailable()) {
+                        this.components.status.style.color = '#77FF00';
+                        this.components.status.innerHTML = 'Connected to '+this.application.ninja.coreIoApi.cloudData.name;
+                } else {
+                        this.components.status.style.color = '#FF3A3A';
+                        this.components.status.innerHTML = 'Disconnected';
+                }
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    closeDialog: {
+        enumerable: false,
+        value: function() {
+                //
+                this.application.ninja.coreIoApi.hideCloudDialog();
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    cancelDialog: {
+        enumerable: false,
+        value: function() {
+                //
+                this.application.ninja.coreIoApi.rootUrl = null;
+                this.application.ninja.coreIoApi.hideCloudDialog();
+        }
+    }
+    ////////////////////////////////////////////////////////////////////
+    ////////////////////////////////////////////////////////////////////
+});
+////////////////////////////////////////////////////////////////////////
+////////////////////////////////////////////////////////////////////////
+\ No newline at end of file

diff --git a/js/io/ui/cloudpopup.reel/cloudpopup.js b/js/io/ui/cloudpopup.reel/cloudpopup.js new file mode 100755 index 00000000..d2e82662 --- /dev/null +++ b/js/io/ui/cloudpopup.reel/cloudpopup.js
@@ -0,0 +1,144 @@
	1	/* <copyright>
	2	This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
	3	No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
	4	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
	5	</copyright> */
	6
	7	////////////////////////////////////////////////////////////////////////
	8	//
	9	var Montage = require("montage/core/core").Montage,
	10	Component = require("montage/ui/component").Component;
	11	////////////////////////////////////////////////////////////////////////
	12	//
	13	exports.CloudPopup = Montage.create(Component, {
	14	////////////////////////////////////////////////////////////////////
	15	//
	16	hasTemplate: {
	17	value: true
	18	},
	19	////////////////////////////////////////////////////////////////////
	20	//
	21	_os: {
	22	value: null
	23	},
	24	////////////////////////////////////////////////////////////////////
	25	//
	26	components: {
	27	enumerable: false,
	28	value: {test_btn: null, ok_btn: null, cancel_btn: null, download_btn: null, status: null, url: null}
	29	},
	30	////////////////////////////////////////////////////////////////////
	31	//
	32	prepareForDraw: {
	33	enumerable: false,
	34	value: function () {
	35	//
	36	this.components.test_btn = this.element.getElementsByClassName('btn_test nj-skinned')[0];
	37	this.components.ok_btn = this.element.getElementsByClassName('btn_ok nj-skinned')[0];
	38	this.components.cancel_btn = this.element.getElementsByClassName('btn_cancel nj-skinned')[0];
	39	this.components.status = this.element.getElementsByClassName('status')[0];
	40	this.components.url = this.element.getElementsByClassName('cloud_url')[0];
	41	this.components.download_btn = this.element.getElementsByClassName('btn_download nj-skinned')[0];
	42	}
	43	},
	44	////////////////////////////////////////////////////////////////////
	45	//
	46	willDraw: {
	47	enumerable: false,
	48	value: function() {
	49	//
	50	if (navigator.appVersion.indexOf("Win")!=-1) {
	51	this._os = 'windows';
	52	} else if (navigator.appVersion.indexOf("Mac")!=-1) {
	53	this._os = 'mac';
	54	} else {
	55	//Alternate message for no OS detected (probably Linux)
	56	this.element.getElementsByTagName('section')[0].style.display = 'none';
	57	}
	58	}
	59	},
	60	////////////////////////////////////////////////////////////////////
	61	//
	62	draw: {
	63	enumerable: false,
	64	value: function() {
	65	//
	66	if (window.localStorage['ioRootUrl']) {
	67	this.components.url.value = window.localStorage['ioRootUrl'];
	68	}
	69	//
	70	this.testConnection();
	71	if (this.application.ninja.coreIoApi.cloudAvailable()) {
	72	this.closeDialog();
	73	}
	74	}
	75	},
	76	////////////////////////////////////////////////////////////////////
	77	//
	78	didDraw: {
	79	enumerable: false,
	80	value: function() {
	81	//
	82	this.components.download_btn.addEventListener('click', this.downloadCloudApp.bind(this), false);
	83	//
	84	this.components.test_btn.addEventListener('click', this.testConnection.bind(this), false);
	85	//
	86	this.components.ok_btn.addEventListener('click', this.closeDialog.bind(this), false);
	87	this.components.cancel_btn.addEventListener('click', this.cancelDialog.bind(this), false);
	88	}
	89	},
	90	////////////////////////////////////////////////////////////////////
	91	//
	92	downloadCloudApp: {
	93	enumerable: false,
	94	value: function() {
	95	if(this._os === 'mac') {
	96	location.href = '/ninja_localcloud_for_mac.zip';
	97	} else if (this._os === 'windows') {
	98	location.href = '/ninja_localcloud_for_windows.zip';
	99	} else {
	100	alert('Your operating system is not supported by the Ninja Local Cloud App.');
	101	}
	102	}
	103	},
	104	////////////////////////////////////////////////////////////////////
	105	//
	106	testConnection: {
	107	enumerable: false,
	108	value: function() {
	109	//
	110	this.application.ninja.coreIoApi.rootUrl = this.components.url.value;
	111	//
	112	if (this.application.ninja.coreIoApi.cloudAvailable()) {
	113	this.components.status.style.color = '#77FF00';
	114	this.components.status.innerHTML = 'Connected to '+this.application.ninja.coreIoApi.cloudData.name;
	115	} else {
	116	this.components.status.style.color = '#FF3A3A';
	117	this.components.status.innerHTML = 'Disconnected';
	118	}
	119	}
	120	},
	121	////////////////////////////////////////////////////////////////////
	122	//
	123	closeDialog: {
	124	enumerable: false,
	125	value: function() {
	126	//
	127	this.application.ninja.coreIoApi.hideCloudDialog();
	128	}
	129	},
	130	////////////////////////////////////////////////////////////////////
	131	//
	132	cancelDialog: {
	133	enumerable: false,
	134	value: function() {
	135	//
	136	this.application.ninja.coreIoApi.rootUrl = null;
	137	this.application.ninja.coreIoApi.hideCloudDialog();
	138	}
	139	}
	140	////////////////////////////////////////////////////////////////////
	141	////////////////////////////////////////////////////////////////////
	142	});
	143	////////////////////////////////////////////////////////////////////////
	144	//////////////////////////////////////////////////////////////////////// \ No newline at end of file