16 files changed, 1954 insertions, 0 deletions
diff --git a/js/io/ui/cloudpopup.reel/cloudpopup.html b/js/io/ui/cloudpopup.reel/cloudpopup.html
new file mode 100755
index 00000000..2c1c169a
--- /dev/null
+++ b/js/io/ui/cloudpopup.reel/cloudpopup.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<!-- <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> -->
+ 
+<html lang="en">
+        <head>
+        
+        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+        
+        <link rel="stylesheet" type="text/css" href="css/cloudpopup.css">
+                
+                <script type="text/montage-serialization">
+        {
+            "owner": {
+                "module": "js/io/ui/cloudpopup.reel",
+                "name": "cloudpopup",
+                "properties": {
+                    "element": {"#": "cloud_popup"}
+                }
+            }
+        }
+                </script>
+                
+        </head>
+        
+        <body>
+    
+        <div id="cloud_popup" class="cloud_popup">
+                <div class="content">
+                        
+                        <h3>Cloud Service Dialog</h3>
+                        
+                        <p>Connection to the Cloud Server was not detected. Please verify <br />that the server is running and the URL below is correct.</p>
+                        
+                        <label for="cloud_url">Cloud Server URL:</label><input type="text" id="cloud_url" class="cloud_url" value="http://localhost:16380" />
+                        
+                        <button class="btn_test nj-skinned">Test</button>
+                        
+                        <label>Status:</label><div class="status">&nbsp;</div>
+                        
+                        <button class="btn_cancel nj-skinned">Cancel</button>
+                        
+                        <button class="btn_ok nj-skinned">Ok</button>
+                        
+                        <section>
+                                
+                                <h4>Install Ninja Cloud App</h4>
+                                
+                                <p>The Local Cloud App is required to run Ninja. Please download and unzip the file. Start the Local Cloud and copy/paste the server URL into the field above. Click the ‘Test’ button to verify the connection.</p>
+                                
+                                <div class="cloud_icon"></div>
+                                
+                                <button class="btn_download nj-skinned">Download</button>
+                                
+                        </section>
+                        
+                </div>
+        </div>
+    
+        </body>
+</html>
+\ 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..e5bad98e
--- /dev/null
+++ b/js/io/ui/cloudpopup.reel/cloudpopup.js
@@ -0,0 +1,134 @@
+/* <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() {
+                console.log(this._os);
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    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();
+        }
+    }
+    ////////////////////////////////////////////////////////////////////
+    ////////////////////////////////////////////////////////////////////
+});
+////////////////////////////////////////////////////////////////////////

diff --git a/js/io/ui/cloudpopup.reel/cloudpopup.html b/js/io/ui/cloudpopup.reel/cloudpopup.html new file mode 100755 index 00000000..2c1c169a --- /dev/null +++ b/js/io/ui/cloudpopup.reel/cloudpopup.html
@@ -0,0 +1,66 @@
	1	<!DOCTYPE html>
	2
	3	<!-- <copyright>
	4	This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
	5	No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
	6	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
	7	</copyright> -->
	8
	9	<html lang="en">
	10	<head>
	11
	12	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	13
	14	<link rel="stylesheet" type="text/css" href="css/cloudpopup.css">
	15
	16	<script type="text/montage-serialization">
	17	{
	18	"owner": {
	19	"module": "js/io/ui/cloudpopup.reel",
	20	"name": "cloudpopup",
	21	"properties": {
	22	"element": {"#": "cloud_popup"}
	23	}
	24	}
	25	}
	26	</script>
	27
	28	</head>
	29
	30	<body>
	31
	32	<div id="cloud_popup" class="cloud_popup">
	33	<div class="content">
	34
	35	<h3>Cloud Service Dialog</h3>
	36
	37	<p>Connection to the Cloud Server was not detected. Please verify <br />that the server is running and the URL below is correct.</p>
	38
	39	<label for="cloud_url">Cloud Server URL:</label><input type="text" id="cloud_url" class="cloud_url" value="http://localhost:16380" />
	40
	41	<button class="btn_test nj-skinned">Test</button>
	42
	43	<label>Status:</label><div class="status"> </div>
	44
	45	<button class="btn_cancel nj-skinned">Cancel</button>
	46
	47	<button class="btn_ok nj-skinned">Ok</button>
	48
	49	<section>
	50
	51	<h4>Install Ninja Cloud App</h4>
	52
	53	<p>The Local Cloud App is required to run Ninja. Please download and unzip the file. Start the Local Cloud and copy/paste the server URL into the field above. Click the ‘Test’ button to verify the connection.</p>
	54
	55	<div class="cloud_icon"></div>
	56
	57	<button class="btn_download nj-skinned">Download</button>
	58
	59	</section>
	60
	61	</div>
	62	</div>
	63
	64	</body>
	65
	66	</html> \ 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..e5bad98e --- /dev/null +++ b/js/io/ui/cloudpopup.reel/cloudpopup.js
@@ -0,0 +1,134 @@
	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	console.log(this._os);
	92	}
	93	},
	94	////////////////////////////////////////////////////////////////////
	95	//
	96	testConnection: {
	97	enumerable: false,
	98	value: function() {
	99	//
	100	this.application.ninja.coreIoApi.rootUrl = this.components.url.value;
	101	//
	102	if (this.application.ninja.coreIoApi.cloudAvailable()) {
	103	this.components.status.style.color = '#77FF00';
	104	this.components.status.innerHTML = 'Connected to '+this.application.ninja.coreIoApi.cloudData.name;
	105	} else {
	106	this.components.status.style.color = '#FF3A3A';
	107	this.components.status.innerHTML = 'Disconnected';
	108	}
	109	}
	110	},
	111	////////////////////////////////////////////////////////////////////
	112	//
	113	closeDialog: {
	114	enumerable: false,
	115	value: function() {
	116	//
	117	this.application.ninja.coreIoApi.hideCloudDialog();
	118	}
	119	},
	120	////////////////////////////////////////////////////////////////////
	121	//
	122	cancelDialog: {
	123	enumerable: false,
	124	value: function() {
	125	//
	126	this.application.ninja.coreIoApi.rootUrl = null;
	127	this.application.ninja.coreIoApi.hideCloudDialog();
	128	}
	129	}
	130	////////////////////////////////////////////////////////////////////
	131	////////////////////////////////////////////////////////////////////
	132	});
	133	////////////////////////////////////////////////////////////////////////