diff options
author | Kris Kowal | 2012-07-06 11:52:06 -0700 |
---|---|---|
committer | Kris Kowal | 2012-07-06 15:01:48 -0700 |
commit | 648ee61ae84216d0236e0dbc211addc13b2cfa3a (patch) | |
tree | 8f0f55557bd0c47a84e49c1977c950645d284607 /js/io/ui | |
parent | aedd14b18695d031f695d27dfbd94df5614495bb (diff) | |
download | ninja-648ee61ae84216d0236e0dbc211addc13b2cfa3a.tar.gz |
Expand tabs
Diffstat (limited to 'js/io/ui')
10 files changed, 248 insertions, 248 deletions
diff --git a/js/io/ui/cloudpopup.reel/cloudpopup.html b/js/io/ui/cloudpopup.reel/cloudpopup.html index cd6e4c94..1d8da879 100755 --- a/js/io/ui/cloudpopup.reel/cloudpopup.html +++ b/js/io/ui/cloudpopup.reel/cloudpopup.html | |||
@@ -31,14 +31,14 @@ POSSIBILITY OF SUCH DAMAGE. | |||
31 | </copyright> --> | 31 | </copyright> --> |
32 | 32 | ||
33 | <html lang="en"> | 33 | <html lang="en"> |
34 | <head> | 34 | <head> |
35 | 35 | ||
36 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | 36 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
37 | 37 | ||
38 | <link rel="stylesheet" type="text/css" href="css/cloudpopup.css"> | 38 | <link rel="stylesheet" type="text/css" href="css/cloudpopup.css"> |
39 | 39 | ||
40 | <script type="text/montage-serialization"> | 40 | <script type="text/montage-serialization"> |
41 | { | 41 | { |
42 | "owner": { | 42 | "owner": { |
43 | "prototype": "js/io/ui/cloudpopup.reel[cloudpopup]", | 43 | "prototype": "js/io/ui/cloudpopup.reel[cloudpopup]", |
44 | "properties": { | 44 | "properties": { |
@@ -46,44 +46,44 @@ POSSIBILITY OF SUCH DAMAGE. | |||
46 | } | 46 | } |
47 | } | 47 | } |
48 | } | 48 | } |
49 | </script> | 49 | </script> |
50 | 50 | ||
51 | </head> | 51 | </head> |
52 | |||
53 | <body> | ||
54 | 52 | ||
55 | <div data-montage-id="cloud_popup" class="cloud_popup"> | 53 | <body> |
56 | <div class="content"> | ||
57 | |||
58 | <h3>Cloud Service Dialog</h3> | ||
59 | |||
60 | <p>Connection to the Cloud Server was not detected. Please verify <br />that the server is running and the URL below is correct.</p> | ||
61 | |||
62 | <label for="cloud_url">Cloud Server URL:</label><input type="text" id="cloud_url" class="cloud_url" value="" /> | ||
63 | |||
64 | <button class="btn_test nj-skinned">Test</button> | ||
65 | |||
66 | <label>Status:</label><div class="status"> </div> | ||
67 | |||
68 | <button class="btn_cancel nj-skinned">Cancel</button> | ||
69 | |||
70 | <button class="btn_ok nj-skinned">Ok</button> | ||
71 | |||
72 | <section> | ||
73 | |||
74 | <h4>Install Ninja Cloud App</h4> | ||
75 | |||
76 | <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> | ||
77 | |||
78 | <div class="cloud_icon"></div> | ||
79 | |||
80 | <button class="btn_download nj-skinned">Download</button> | ||
81 | |||
82 | </section> | ||
83 | |||
84 | </div> | ||
85 | </div> | ||
86 | 54 | ||
87 | </body> | 55 | <div data-montage-id="cloud_popup" class="cloud_popup"> |
56 | <div class="content"> | ||
57 | |||
58 | <h3>Cloud Service Dialog</h3> | ||
59 | |||
60 | <p>Connection to the Cloud Server was not detected. Please verify <br />that the server is running and the URL below is correct.</p> | ||
61 | |||
62 | <label for="cloud_url">Cloud Server URL:</label><input type="text" id="cloud_url" class="cloud_url" value="" /> | ||
63 | |||
64 | <button class="btn_test nj-skinned">Test</button> | ||
65 | |||
66 | <label>Status:</label><div class="status"> </div> | ||
67 | |||
68 | <button class="btn_cancel nj-skinned">Cancel</button> | ||
69 | |||
70 | <button class="btn_ok nj-skinned">Ok</button> | ||
71 | |||
72 | <section> | ||
73 | |||
74 | <h4>Install Ninja Cloud App</h4> | ||
75 | |||
76 | <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> | ||
77 | |||
78 | <div class="cloud_icon"></div> | ||
79 | |||
80 | <button class="btn_download nj-skinned">Download</button> | ||
81 | |||
82 | </section> | ||
83 | |||
84 | </div> | ||
85 | </div> | ||
86 | |||
87 | </body> | ||
88 | 88 | ||
89 | </html> | 89 | </html> |
diff --git a/js/io/ui/cloudpopup.reel/cloudpopup.js b/js/io/ui/cloudpopup.reel/cloudpopup.js index c64d8974..7ae9e892 100755 --- a/js/io/ui/cloudpopup.reel/cloudpopup.js +++ b/js/io/ui/cloudpopup.reel/cloudpopup.js | |||
@@ -30,136 +30,136 @@ POSSIBILITY OF SUCH DAMAGE. | |||
30 | 30 | ||
31 | //////////////////////////////////////////////////////////////////////// | 31 | //////////////////////////////////////////////////////////////////////// |
32 | // | 32 | // |
33 | var Montage = require("montage/core/core").Montage, | 33 | var Montage = require("montage/core/core").Montage, |
34 | Component = require("montage/ui/component").Component; | 34 | Component = require("montage/ui/component").Component; |
35 | //////////////////////////////////////////////////////////////////////// | 35 | //////////////////////////////////////////////////////////////////////// |
36 | // | 36 | // |
37 | exports.CloudPopup = Montage.create(Component, { | 37 | exports.CloudPopup = Montage.create(Component, { |
38 | //////////////////////////////////////////////////////////////////// | 38 | //////////////////////////////////////////////////////////////////// |
39 | // | 39 | // |
40 | hasTemplate: { | 40 | hasTemplate: { |
41 | value: true | 41 | value: true |
42 | }, | 42 | }, |
43 | //////////////////////////////////////////////////////////////////// | 43 | //////////////////////////////////////////////////////////////////// |
44 | // | 44 | // |
45 | _os: { | 45 | _os: { |
46 | value: null | 46 | value: null |
47 | }, | 47 | }, |
48 | //////////////////////////////////////////////////////////////////// | 48 | //////////////////////////////////////////////////////////////////// |
49 | // | 49 | // |
50 | components: { | 50 | components: { |
51 | enumerable: false, | 51 | enumerable: false, |
52 | value: {test_btn: null, ok_btn: null, cancel_btn: null, download_btn: null, status: null, url: null} | 52 | value: {test_btn: null, ok_btn: null, cancel_btn: null, download_btn: null, status: null, url: null} |
53 | }, | 53 | }, |
54 | //////////////////////////////////////////////////////////////////// | 54 | //////////////////////////////////////////////////////////////////// |
55 | // | 55 | // |
56 | prepareForDraw: { | 56 | prepareForDraw: { |
57 | enumerable: false, | 57 | enumerable: false, |
58 | value: function () { | 58 | value: function () { |
59 | // | 59 | // |
60 | this.components.test_btn = this.element.getElementsByClassName('btn_test nj-skinned')[0]; | 60 | this.components.test_btn = this.element.getElementsByClassName('btn_test nj-skinned')[0]; |
61 | this.components.ok_btn = this.element.getElementsByClassName('btn_ok nj-skinned')[0]; | 61 | this.components.ok_btn = this.element.getElementsByClassName('btn_ok nj-skinned')[0]; |
62 | this.components.cancel_btn = this.element.getElementsByClassName('btn_cancel nj-skinned')[0]; | 62 | this.components.cancel_btn = this.element.getElementsByClassName('btn_cancel nj-skinned')[0]; |
63 | this.components.status = this.element.getElementsByClassName('status')[0]; | 63 | this.components.status = this.element.getElementsByClassName('status')[0]; |
64 | this.components.url = this.element.getElementsByClassName('cloud_url')[0]; | 64 | this.components.url = this.element.getElementsByClassName('cloud_url')[0]; |
65 | this.components.download_btn = this.element.getElementsByClassName('btn_download nj-skinned')[0]; | 65 | this.components.download_btn = this.element.getElementsByClassName('btn_download nj-skinned')[0]; |
66 | } | 66 | } |
67 | }, | 67 | }, |
68 | //////////////////////////////////////////////////////////////////// | 68 | //////////////////////////////////////////////////////////////////// |
69 | // | 69 | // |
70 | willDraw: { | 70 | willDraw: { |
71 | enumerable: false, | 71 | enumerable: false, |
72 | value: function() { | 72 | value: function() { |
73 | // | 73 | // |
74 | if (navigator.appVersion.indexOf("Win")!=-1) { | 74 | if (navigator.appVersion.indexOf("Win")!=-1) { |
75 | this._os = 'windows'; | 75 | this._os = 'windows'; |
76 | } else if (navigator.appVersion.indexOf("Mac")!=-1) { | 76 | } else if (navigator.appVersion.indexOf("Mac")!=-1) { |
77 | this._os = 'mac'; | 77 | this._os = 'mac'; |
78 | } else { | 78 | } else { |
79 | //Alternate message for no OS detected (probably Linux) | 79 | //Alternate message for no OS detected (probably Linux) |
80 | this.element.getElementsByTagName('section')[0].style.display = 'none'; | 80 | this.element.getElementsByTagName('section')[0].style.display = 'none'; |
81 | } | 81 | } |
82 | } | 82 | } |
83 | }, | 83 | }, |
84 | //////////////////////////////////////////////////////////////////// | 84 | //////////////////////////////////////////////////////////////////// |
85 | // | 85 | // |
86 | draw: { | 86 | draw: { |
87 | enumerable: false, | 87 | enumerable: false, |
88 | value: function() { | 88 | value: function() { |