16 files changed, 1849 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..1ab0892d
--- /dev/null
+++ b/js/io/ui/cloudpopup.reel/cloudpopup.html
@@ -0,0 +1,54 @@
+<!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>
+                        
+                </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..7f494dcf
--- /dev/null
+++ b/js/io/ui/cloudpopup.reel/cloudpopup.js
@@ -0,0 +1,111 @@
+/* <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
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    components: {
+        enumerable: false,
+        value: {test_btn: null, ok_btn: null, cancel_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];
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    willDraw: {
+        enumerable: false,
+        value: function() {
+                //
+                
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    draw: {
+        enumerable: false,
+        value: function() {
+                //
+                this.testConnection();
+                if (this.application.ninja.coreIoApi.cloudAvailable()) {
+                        this.closeDialog();
+                }
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    didDraw: {
+        enumerable: false,
+        value: function() {
+                //
+                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);
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+    //this.application.ninja.coreIoApi.hideCloudDialog
+    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/config.rb b/js/io/ui/cloudpopup.reel/config.rb
new file mode 100755
index 00000000..9b55af19
--- /dev/null
+++ b/js/io/ui/cloudpopup.reel/config.rb
@@ -0,0 +1,9 @@
+# Require any additional compass plugins here.
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "css"
+sass_dir = "css"
+images_dir = "img"
+javascripts_dir = "../"
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
diff --git a/js/io/ui/cloudpopup.reel/css/cloudpopup.css b/js/io/ui/cloudpopup.reel/css/cloudpopup.css
new file mode 100644
index 00000000..fcf85e75
--- /dev/null
+++ b/js/io/ui/cloudpopup.reel/css/cloudpopup.css
@@ -0,0 +1,98 @@
+@charset "UTF-8";
+/* <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> */
+/* line 12, cloudpopup.scss */
+.cloud_popup {
+  font-size: 12px;
+  text-shadow: 1px 1px 1px #000;
+  font-family: 'Droid Sans', sans-serif;
+}
+/* line 19, cloudpopup.scss */
+.cloud_popup .content {
+  width: 360px;
+}

diff --git a/js/io/ui/cloudpopup.reel/cloudpopup.html b/js/io/ui/cloudpopup.reel/cloudpopup.html new file mode 100755 index 00000000..1ab0892d --- /dev/null +++ b/js/io/ui/cloudpopup.reel/cloudpopup.html
@@ -0,0 +1,54 @@
	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	</div>
	50	</div>
	51
	52	</body>
	53
	54	</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..7f494dcf --- /dev/null +++ b/js/io/ui/cloudpopup.reel/cloudpopup.js
@@ -0,0 +1,111 @@
	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	components: {
	22	enumerable: false,
	23	value: {test_btn: null, ok_btn: null, cancel_btn: null, status: null, url: null}
	24	},
	25	////////////////////////////////////////////////////////////////////
	26	//
	27	prepareForDraw: {
	28	enumerable: false,
	29	value: function () {
	30	//
	31	this.components.test_btn = this.element.getElementsByClassName('btn_test nj-skinned')[0];
	32	this.components.ok_btn = this.element.getElementsByClassName('btn_ok nj-skinned')[0];
	33	this.components.cancel_btn = this.element.getElementsByClassName('btn_cancel nj-skinned')[0];
	34	this.components.status = this.element.getElementsByClassName('status')[0];
	35	this.components.url = this.element.getElementsByClassName('cloud_url')[0];
	36	}
	37	},
	38	////////////////////////////////////////////////////////////////////
	39	//
	40	willDraw: {
	41	enumerable: false,
	42	value: function() {
	43	//
	44
	45	}
	46	},
	47	////////////////////////////////////////////////////////////////////
	48	//
	49	draw: {
	50	enumerable: false,
	51	value: function() {
	52	//
	53	this.testConnection();
	54	if (this.application.ninja.coreIoApi.cloudAvailable()) {
	55	this.closeDialog();
	56	}
	57	}
	58	},
	59	////////////////////////////////////////////////////////////////////
	60	//
	61	didDraw: {
	62	enumerable: false,
	63	value: function() {
	64	//
	65	this.components.test_btn.addEventListener('click', this.testConnection.bind(this), false);
	66	//
	67	this.components.ok_btn.addEventListener('click', this.closeDialog.bind(this), false);
	68	this.components.cancel_btn.addEventListener('click', this.cancelDialog.bind(this), false);
	69	}
	70	},
	71	////////////////////////////////////////////////////////////////////
	72	//this.application.ninja.coreIoApi.hideCloudDialog
	73	testConnection: {
	74	enumerable: false,
	75	value: function() {
	76	//
	77	this.application.ninja.coreIoApi.rootUrl = this.components.url.value;
	78	//
	79	if (this.application.ninja.coreIoApi.cloudAvailable()) {
	80	this.components.status.style.color = '#77FF00';
	81	this.components.status.innerHTML = 'Connected to '+this.application.ninja.coreIoApi.cloudData.name;
	82	} else {
	83	this.components.status.style.color = '#FF3A3A';
	84	this.components.status.innerHTML = 'Disconnected';
	85	}
	86	}
	87	},
	88	////////////////////////////////////////////////////////////////////
	89	//
	90	closeDialog: {
	91	enumerable: false,
	92	value: function() {
	93	//
	94	this.application.ninja.coreIoApi.hideCloudDialog();
	95	}
	96	},
	97	////////////////////////////////////////////////////////////////////
	98	//
	99	cancelDialog: {
	100	enumerable: false,
	101	value: function() {
	102	//
	103	this.application.ninja.coreIoApi.rootUrl = null;
	104	this.application.ninja.coreIoApi.hideCloudDialog();
	105	}
	106	}
	107	////////////////////////////////////////////////////////////////////
	108	////////////////////////////////////////////////////////////////////
	109	});
	110	////////////////////////////////////////////////////////////////////////
	111	//////////////////////////////////////////////////////////////////////// \ No newline at end of file


diff --git a/js/io/ui/cloudpopup.reel/config.rb b/js/io/ui/cloudpopup.reel/config.rb new file mode 100755 index 00000000..9b55af19 --- /dev/null +++ b/js/io/ui/cloudpopup.reel/config.rb
@@ -0,0 +1,9 @@
	1	# Require any additional compass plugins here.
	2	# Set this to the root of your project when deployed:
	3	http_path = "/"
	4	css_dir = "css"
	5	sass_dir = "css"
	6	images_dir = "img"
	7	javascripts_dir = "../"
	8	# To enable relative paths to assets via compass helper functions. Uncomment:
	9	# relative_assets = true


diff --git a/js/io/ui/cloudpopup.reel/css/cloudpopup.css b/js/io/ui/cloudpopup.reel/css/cloudpopup.css new file mode 100644 index 00000000..fcf85e75 --- /dev/null +++ b/js/io/ui/cloudpopup.reel/css/cloudpopup.css
@@ -0,0 +1,98 @@
	1	@charset "UTF-8";
	2	/* <copyright>
	3	This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
	4	No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
	5	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
	6	</copyright> */
	7	/* line 12, cloudpopup.scss */
	8	.cloud_popup {
	9	font-size: 12px;
	10	text-shadow: 1px 1px 1px #000;
	11	font-family: 'Droid Sans', sans-serif;
	12	}
	13
	14	/* line 19, cloudpopup.scss */
	15	.cloud_popup .content {
	16	width: 360px;
	17	}
	18