Merge branch 'FileIO' of github.com:joseeight/ninja-internal into FileIO

1 files changed, 98 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..e8558179
--- /dev/null
+++ b/js/io/ui/cloudpopup.reel/cloudpopup.js
@@ -0,0 +1,98 @@
+/* <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();
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    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.closeDialog.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();
+        }
+    }
+    ////////////////////////////////////////////////////////////////////
+    ////////////////////////////////////////////////////////////////////
+});
+////////////////////////////////////////////////////////////////////////
+////////////////////////////////////////////////////////////////////////
\ No newline at end of file