1 files changed, 140 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..a2283d46
--- /dev/null
+++ b/js/io/ui/cloudpopup.reel/cloudpopup.js
@@ -0,0 +1,140 @@
+/* <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() {
+                //
+                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..a2283d46 --- /dev/null +++ b/js/io/ui/cloudpopup.reel/cloudpopup.js
@@ -0,0 +1,140 @@
	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	this.testConnection();
	67	if (this.application.ninja.coreIoApi.cloudAvailable()) {
	68	this.closeDialog();
	69	}
	70	}
	71	},
	72	////////////////////////////////////////////////////////////////////
	73	//
	74	didDraw: {
	75	enumerable: false,
	76	value: function() {
	77	//
	78	this.components.download_btn.addEventListener('click', this.downloadCloudApp.bind(this), false);
	79	//
	80	this.components.test_btn.addEventListener('click', this.testConnection.bind(this), false);
	81	//
	82	this.components.ok_btn.addEventListener('click', this.closeDialog.bind(this), false);
	83	this.components.cancel_btn.addEventListener('click', this.cancelDialog.bind(this), false);
	84	}
	85	},
	86	////////////////////////////////////////////////////////////////////
	87	//
	88	downloadCloudApp: {
	89	enumerable: false,
	90	value: function() {
	91	if(this._os === 'mac') {
	92	location.href = '/ninja_localcloud_for_mac.zip';
	93	} else if (this._os === 'windows') {
	94	location.href = '/ninja_localcloud_for_windows.zip';
	95	} else {
	96	alert('Your operating system is not supported by the Ninja Local Cloud App.');
	97	}
	98	}
	99	},
	100	////////////////////////////////////////////////////////////////////
	101	//
	102	testConnection: {
	103	enumerable: false,
	104	value: function() {
	105	//
	106	this.application.ninja.coreIoApi.rootUrl = this.components.url.value;
	107	//
	108	if (this.application.ninja.coreIoApi.cloudAvailable()) {
	109	this.components.status.style.color = '#77FF00';
	110	this.components.status.innerHTML = 'Connected to '+this.application.ninja.coreIoApi.cloudData.name;
	111	} else {
	112	this.components.status.style.color = '#FF3A3A';
	113	this.components.status.innerHTML = 'Disconnected';
	114	}
	115	}
	116	},
	117	////////////////////////////////////////////////////////////////////
	118	//
	119	closeDialog: {
	120	enumerable: false,
	121	value: function() {
	122	//
	123	this.application.ninja.coreIoApi.hideCloudDialog();
	124	}
	125	},
	126	////////////////////////////////////////////////////////////////////
	127	//
	128	cancelDialog: {
	129	enumerable: false,
	130	value: function() {
	131	//
	132	this.application.ninja.coreIoApi.rootUrl = null;
	133	this.application.ninja.coreIoApi.hideCloudDialog();
	134	}
	135	}
	136	////////////////////////////////////////////////////////////////////
	137	////////////////////////////////////////////////////////////////////
	138	});
	139	////////////////////////////////////////////////////////////////////////
	140	//////////////////////////////////////////////////////////////////////// \ No newline at end of file