aboutsummaryrefslogtreecommitdiff
path: root/js/io/ui/cloudpopup.reel
diff options
context:
space:
mode:
authorJose Antonio Marquez2012-01-31 15:59:46 -0800
committerJose Antonio Marquez2012-01-31 15:59:46 -0800
commite75223a2c4c1e13d66639841e6418e94fe9b726f (patch)
treea37a20b56ef597d8a83cdb71b0dbb2f3cc7f5842 /js/io/ui/cloudpopup.reel
parent6dc03672707a91085954359d82c14bd876f85b12 (diff)
downloadninja-e75223a2c4c1e13d66639841e6418e94fe9b726f.tar.gz
Cloud IO Prompt
Setting up UI for the file IO prompt on initialization of Ninja and whenever a cloud IO call is made and the server is not detected.
Diffstat (limited to 'js/io/ui/cloudpopup.reel')
-rwxr-xr-xjs/io/ui/cloudpopup.reel/cloudpopup.html54
-rwxr-xr-xjs/io/ui/cloudpopup.reel/cloudpopup.js55
-rwxr-xr-xjs/io/ui/cloudpopup.reel/config.rb9
-rw-r--r--js/io/ui/cloudpopup.reel/css/cloudpopup.css118
-rwxr-xr-xjs/io/ui/cloudpopup.reel/css/cloudpopup.scss122
5 files changed, 358 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..8e45f926
--- /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>Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas.</p>
38
39 <label for="cloud_url">Cloud Server URL:</label><input type="text" id="cloud_url" value="http://localhost:16380" />
40
41 <button class="test">Test</button>
42
43 <label>Status:</label><div class="status">Disconnected</div>
44
45 <button class="handle_cancel">Cancel</button>
46
47 <button class="handle_ok">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..3e104bb7
--- /dev/null
+++ b/js/io/ui/cloudpopup.reel/cloudpopup.js
@@ -0,0 +1,55 @@
1/* <copyright>
2This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3No 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//
9var Montage = require("montage/core/core").Montage,
10 Component = require("montage/ui/component").Component;
11////////////////////////////////////////////////////////////////////////
12//
13exports.CloudPopup = Montage.create(Component, {
14 ////////////////////////////////////////////////////////////////////
15 //
16 hasTemplate: {
17 value: true
18 },
19 ////////////////////////////////////////////////////////////////////
20 //
21 prepareForDraw: {
22 enumerable: false,
23 value: function () {
24 //
25 }
26 },
27 ////////////////////////////////////////////////////////////////////
28 //
29 willDraw: {
30 enumerable: false,
31 value: function() {
32 //
33 }
34 },
35 ////////////////////////////////////////////////////////////////////
36 //
37 draw: {
38 enumerable: false,
39 value: function() {
40 //
41 }
42 },
43 ////////////////////////////////////////////////////////////////////
44 //
45 didDraw: {
46 enumerable: false,
47 value: function() {
48 //
49 }
50 }
51 ////////////////////////////////////////////////////////////////////
52 ////////////////////////////////////////////////////////////////////
53});
54////////////////////////////////////////////////////////////////////////
55//////////////////////////////////////////////////////////////////////// \ 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:
3http_path = "/"
4css_dir = "css"
5sass_dir = "css"
6images_dir = "img"
7javascripts_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..009ba835
--- /dev/null
+++ b/js/io/ui/cloudpopup.reel/css/cloudpopup.css
@@ -0,0 +1,118 @@
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
19/* line 24, cloudpopup.scss */
20.cloud_popup .content h3 {
21 text-transform: uppercase;
22 font-weight: normal;
23 font-size: 14px;
24 text-shadow: 1px 1px 1px #000;
25 font-family: 'Droid Sans', sans-serif;
26 display: block;
27 float: left;
28 clear: both;
29 margin: 4px 0px 8px 0px;
30 padding: 0px;
31 width: 100%;
32 text-align: center;
33}
34
35/* line 40, cloudpopup.scss */
36.cloud_popup .content p {
37 text-shadow: 1px 1px 1px #333;
38 margin: 0px 0px 12px 0px;
39 text-align: justify;
40 color: #EEE;
41}
42
43/* line 48, cloudpopup.scss */
44.cloud_popup .content .test {
45 float: right;
46 clear: right;
47 margin: 0px 0px 0px 8px;
48}
49
50/* line 55, cloudpopup.scss */
51.cloud_popup .content label {
52 float: left;
53 margin: 5px 8px 0px 0px;
54 display: block;
55 width: 96px;
56 text-align: right;
57}
58
59/* line 64, cloudpopup.scss */
60.cloud_popup .content input {
61 display: block;
62 border: 0px;
63 padding: 4px;
64 margin: 0px;
65 background: #292929 -webkit-gradient(linear, left top, left bottom, color-stop(45%, #434343), color-stop(100%, #292929));
66 border: 1px #5c5c5c solid;
67 color: #FFF;
68 float: left;
69 width: 202px;
70 border-radius: 4px;
71}
72
73/* line 77, cloudpopup.scss */
74.cloud_popup .content input:focus {
75 background: #FFF;
76 border: 1px #292929 solid;
77 color: #292929;
78}
79
80/* line 84, cloudpopup.scss */
81.cloud_popup .content button {
82 display: block;
83 border: 0px;
84 margin: 0px;
85 padding: 4px;
86 border: 1px #333 solid;
87 background: #292929 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #494949), color-stop(100%, #292929));
88 border-radius: 4px;
89 color: #FFF;
90 text-transform: uppercase;
91 cursor: pointer;
92 text-shadow: 1px 1px 1px #000;
93}
94
95/* line 99, cloudpopup.scss */
96.cloud_popup .content button:hover {
97 border: 1px #222 solid;
98 background: #292929 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c5c5c), color-stop(100%, #161616));