diff options
Diffstat (limited to 'js/io/ui/cloudpopup.reel/cloudpopup.js')
| -rwxr-xr-x | js/io/ui/cloudpopup.reel/cloudpopup.js | 111 |
1 files changed, 111 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..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 | ||