aboutsummaryrefslogtreecommitdiff
path: root/js/io/ui/cloudpopup.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/io/ui/cloudpopup.reel')
-rwxr-xr-xjs/io/ui/cloudpopup.reel/cloudpopup.html90
-rwxr-xr-xjs/io/ui/cloudpopup.reel/cloudpopup.js170
-rwxr-xr-xjs/io/ui/cloudpopup.reel/css/cloudpopup.scss160
3 files changed, 210 insertions, 210 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">&nbsp;</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">&nbsp;</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//
33var Montage = require("montage/core/core").Montage, 33var Montage = require("montage/core/core").Montage,
34 Component = require("montage/ui/component").Component; 34 Component = require("montage/ui/component").Component;
35//////////////////////////////////////////////////////////////////////// 35////////////////////////////////////////////////////////////////////////
36// 36//
37exports.CloudPopup = Montage.create(Component, { 37exports.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() {
89 // 89 //
90 if (this.application.localStorage.getItem("ioRootUrl")) { 90 if (this.application.localStorage.getItem("ioRootUrl")) {
91 this.components.url.value = this.application.localStorage.getItem("ioRootUrl"); 91 this.components.url.value = this.application.localStorage.getItem("ioRootUrl");
92 } 92 }
93 // 93 //
94 this.testConnection(); 94 this.testConnection();
95 if (this.application.ninja.coreIoApi.cloudAvailable()) { 95 if (this.application.ninja.coreIoApi.cloudAvailable()) {
96 this.closeDialog(); 96 this.closeDialog();
97 } 97 }
98 } 98 }
99 }, 99 },