From e75223a2c4c1e13d66639841e6418e94fe9b726f Mon Sep 17 00:00:00 2001
From: Jose Antonio Marquez
Date: Tue, 31 Jan 2012 15:59:46 -0800
Subject: 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.
---
js/io/ui/cloudpopup.reel/css/cloudpopup.css | 118 ++++++++++++++++++++++++++
js/io/ui/cloudpopup.reel/css/cloudpopup.scss | 122 +++++++++++++++++++++++++++
2 files changed, 240 insertions(+)
create mode 100644 js/io/ui/cloudpopup.reel/css/cloudpopup.css
create mode 100755 js/io/ui/cloudpopup.reel/css/cloudpopup.scss
(limited to 'js/io/ui/cloudpopup.reel/css')
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 @@
+@charset "UTF-8";
+/*
+ This file contains proprietary software owned by Motorola Mobility, Inc.
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+ (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
+ */
+/* line 12, cloudpopup.scss */
+.cloud_popup {
+ font-size: 12px;
+ text-shadow: 1px 1px 1px #000;
+ font-family: 'Droid Sans', sans-serif;
+}
+
+/* line 19, cloudpopup.scss */
+.cloud_popup .content {
+ width: 360px;
+}
+
+/* line 24, cloudpopup.scss */
+.cloud_popup .content h3 {
+ text-transform: uppercase;
+ font-weight: normal;
+ font-size: 14px;
+ text-shadow: 1px 1px 1px #000;
+ font-family: 'Droid Sans', sans-serif;
+ display: block;
+ float: left;
+ clear: both;
+ margin: 4px 0px 8px 0px;
+ padding: 0px;
+ width: 100%;
+ text-align: center;
+}
+
+/* line 40, cloudpopup.scss */
+.cloud_popup .content p {
+ text-shadow: 1px 1px 1px #333;
+ margin: 0px 0px 12px 0px;
+ text-align: justify;
+ color: #EEE;
+}
+
+/* line 48, cloudpopup.scss */
+.cloud_popup .content .test {
+ float: right;
+ clear: right;
+ margin: 0px 0px 0px 8px;
+}
+
+/* line 55, cloudpopup.scss */
+.cloud_popup .content label {
+ float: left;
+ margin: 5px 8px 0px 0px;
+ display: block;
+ width: 96px;
+ text-align: right;
+}
+
+/* line 64, cloudpopup.scss */
+.cloud_popup .content input {
+ display: block;
+ border: 0px;
+ padding: 4px;
+ margin: 0px;
+ background: #292929 -webkit-gradient(linear, left top, left bottom, color-stop(45%, #434343), color-stop(100%, #292929));
+ border: 1px #5c5c5c solid;
+ color: #FFF;
+ float: left;
+ width: 202px;
+ border-radius: 4px;
+}
+
+/* line 77, cloudpopup.scss */
+.cloud_popup .content input:focus {
+ background: #FFF;
+ border: 1px #292929 solid;
+ color: #292929;
+}
+
+/* line 84, cloudpopup.scss */
+.cloud_popup .content button {
+ display: block;
+ border: 0px;
+ margin: 0px;
+ padding: 4px;
+ border: 1px #333 solid;
+ background: #292929 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #494949), color-stop(100%, #292929));
+ border-radius: 4px;
+ color: #FFF;
+ text-transform: uppercase;
+ cursor: pointer;
+ text-shadow: 1px 1px 1px #000;
+}
+
+/* line 99, cloudpopup.scss */
+.cloud_popup .content button:hover {
+ border: 1px #222 solid;
+ background: #292929 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c5c5c), color-stop(100%, #161616));
+ color: #EEE;
+}
+
+/* line 107, cloudpopup.scss */
+.cloud_popup .content .status {
+ color: red;
+ float: left;
+ clear: right;
+ margin: 5px 0px 0px 6px;
+ text-shadow: 1px 1px 1px #333;
+ width: 240px;
+}
+
+/* line 117, cloudpopup.scss */
+.cloud_popup .content .handle_ok, .cloud_popup .content .handle_cancel {
+ width: 80px;
+ text-align: center;
+ float: right;
+ margin: 4px 0px 0px 8px;
+}
diff --git a/js/io/ui/cloudpopup.reel/css/cloudpopup.scss b/js/io/ui/cloudpopup.reel/css/cloudpopup.scss
new file mode 100755
index 00000000..ea54b1d8
--- /dev/null
+++ b/js/io/ui/cloudpopup.reel/css/cloudpopup.scss
@@ -0,0 +1,122 @@
+@charset "UTF-8";
+/*
+ This file contains proprietary software owned by Motorola Mobility, Inc.
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+ (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
+ */
+
+$grey_dark: #292929;
+$grey_light: #494949;
+
+.cloud_popup
+{
+ font-size: 12px;
+ text-shadow: 1px 1px 1px #000;
+ font-family: 'Droid Sans', sans-serif;
+}
+
+.cloud_popup .content
+{
+ width: 360px;
+}
+
+.cloud_popup .content h3
+{
+ text-transform: uppercase;
+ font-weight: normal;
+ font-size: 14px;
+ text-shadow: 1px 1px 1px #000;
+ font-family: 'Droid Sans', sans-serif;
+ display: block;
+ float: left;
+ clear: both;
+ margin: 4px 0px 8px 0px;
+ padding: 0px;
+ width: 100%;
+ text-align: center;
+}
+
+.cloud_popup .content p
+{
+ text-shadow: 1px 1px 1px #333;
+ margin: 0px 0px 12px 0px;
+ text-align: justify;
+ color: #EEE;
+}
+
+.cloud_popup .content .test
+{
+ float: right;
+ clear: right;
+ margin: 0px 0px 0px 8px;
+}
+
+.cloud_popup .content label
+{
+ float: left;
+ margin: 5px 8px 0px 0px;
+ display: block;
+ width: 96px;
+ text-align: right;
+}
+
+.cloud_popup .content input
+{
+ display: block;
+ border: 0px;
+ padding: 4px;
+ margin: 0px;
+ background: $grey_dark -webkit-gradient(linear, left top, left bottom, color-stop(45%, lighten($grey_dark, 10%)), color-stop(100%, $grey_dark));
+ border: 1px lighten($grey_dark, 20%) solid;
+ color: #FFF;
+ float: left;
+ width: 202px;
+ border-radius: 4px;
+}
+
+.cloud_popup .content input:focus {
+ background: #FFF;
+ border: 1px $grey_dark solid;
+ color: $grey_dark;
+}
+
+.cloud_popup .content button
+{
+ display: block;
+ border: 0px;
+ margin: 0px;
+ padding: 4px;
+ border: 1px #333 solid;
+ background: $grey_dark -webkit-gradient(linear, left top, left bottom, color-stop(0%, $grey_light), color-stop(100%, $grey_dark));
+ border-radius: 4px;
+ color: #FFF;
+ text-transform: uppercase;
+ cursor: pointer;
+ text-shadow: 1px 1px 1px #000;
+}
+
+.cloud_popup .content button:hover
+{
+
+ border: 1px #222 solid;
+ background: $grey_dark -webkit-gradient(linear, left top, left bottom, color-stop(0%, lighten($grey_dark, 20%)), color-stop(100%, darken($grey_light, 20%)));
+ color: #EEE;
+}
+
+.cloud_popup .content .status
+{
+ color: red;
+ float: left;
+ clear: right;
+ margin: 5px 0px 0px 6px;
+ text-shadow: 1px 1px 1px #333;
+ width: 240px;
+}
+
+.cloud_popup .content .handle_ok, .cloud_popup .content .handle_cancel
+{
+ width: 80px;
+ text-align: center;
+ float: right;
+ margin: 4px 0px 0px 8px;
+}
\ No newline at end of file
--
cgit v1.2.3
From d2ff7026abd7e40b49917491773cba9367221f99 Mon Sep 17 00:00:00 2001
From: Jose Antonio Marquez
Date: Tue, 31 Jan 2012 22:44:15 -0800
Subject: Hooking cloud popup UI to core
Set up the popup UI for cloud to core API to detected cloud API connection.
---
js/io/ui/cloudpopup.reel/css/cloudpopup.css | 34 +++++++++++++++-------------
js/io/ui/cloudpopup.reel/css/cloudpopup.scss | 23 +++++++++++--------
2 files changed, 31 insertions(+), 26 deletions(-)
(limited to 'js/io/ui/cloudpopup.reel/css')
diff --git a/js/io/ui/cloudpopup.reel/css/cloudpopup.css b/js/io/ui/cloudpopup.reel/css/cloudpopup.css
index 009ba835..81e0742f 100644
--- a/js/io/ui/cloudpopup.reel/css/cloudpopup.css
+++ b/js/io/ui/cloudpopup.reel/css/cloudpopup.css
@@ -34,20 +34,21 @@
/* line 40, cloudpopup.scss */
.cloud_popup .content p {
- text-shadow: 1px 1px 1px #333;
+ text-shadow: 1px 1px 1px #222;
margin: 0px 0px 12px 0px;
text-align: justify;
color: #EEE;
}
/* line 48, cloudpopup.scss */
-.cloud_popup .content .test {
+.cloud_popup .content .btn_test {
float: right;
clear: right;
margin: 0px 0px 0px 8px;
+ width: 60px;
}
-/* line 55, cloudpopup.scss */
+/* line 56, cloudpopup.scss */
.cloud_popup .content label {
float: left;
margin: 5px 8px 0px 0px;
@@ -56,28 +57,30 @@
text-align: right;
}
-/* line 64, cloudpopup.scss */
+/* line 65, cloudpopup.scss */
.cloud_popup .content input {
display: block;
+ float: left;
+ color: #FFF;
border: 0px;
padding: 4px;
margin: 0px;
- background: #292929 -webkit-gradient(linear, left top, left bottom, color-stop(45%, #434343), color-stop(100%, #292929));
- border: 1px #5c5c5c solid;
- color: #FFF;
- float: left;
- width: 202px;
+ width: 176px;
border-radius: 4px;
+ text-shadow: 1px 1px 1px #222;
+ border: 1px #5c5c5c solid;
+ background: #292929 -webkit-gradient(linear, left top, left bottom, color-stop(45%, #434343), color-stop(100%, #292929));
}
-/* line 77, cloudpopup.scss */
+/* line 80, cloudpopup.scss */
.cloud_popup .content input:focus {
+ text-shadow: none;
background: #FFF;
border: 1px #292929 solid;
color: #292929;
}
-/* line 84, cloudpopup.scss */
+/* line 88, cloudpopup.scss */
.cloud_popup .content button {
display: block;
border: 0px;
@@ -92,16 +95,15 @@
text-shadow: 1px 1px 1px #000;
}
-/* line 99, cloudpopup.scss */
+/* line 103, cloudpopup.scss */
.cloud_popup .content button:hover {
border: 1px #222 solid;
background: #292929 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c5c5c), color-stop(100%, #161616));
color: #EEE;
}
-/* line 107, cloudpopup.scss */
+/* line 111, cloudpopup.scss */
.cloud_popup .content .status {
- color: red;
float: left;
clear: right;
margin: 5px 0px 0px 6px;
@@ -109,8 +111,8 @@
width: 240px;
}
-/* line 117, cloudpopup.scss */
-.cloud_popup .content .handle_ok, .cloud_popup .content .handle_cancel {
+/* line 120, cloudpopup.scss */
+.cloud_popup .content .btn_ok, .cloud_popup .content .btn_cancel {
width: 80px;
text-align: center;
float: right;
diff --git a/js/io/ui/cloudpopup.reel/css/cloudpopup.scss b/js/io/ui/cloudpopup.reel/css/cloudpopup.scss
index ea54b1d8..ec03eb01 100755
--- a/js/io/ui/cloudpopup.reel/css/cloudpopup.scss
+++ b/js/io/ui/cloudpopup.reel/css/cloudpopup.scss
@@ -38,17 +38,18 @@ $grey_light: #494949;
.cloud_popup .content p
{
- text-shadow: 1px 1px 1px #333;
+ text-shadow: 1px 1px 1px #222;
margin: 0px 0px 12px 0px;
text-align: justify;
color: #EEE;
}
-.cloud_popup .content .test
+.cloud_popup .content .btn_test
{
float: right;
clear: right;
margin: 0px 0px 0px 8px;
+ width: 60px;
}
.cloud_popup .content label
@@ -63,18 +64,21 @@ $grey_light: #494949;
.cloud_popup .content input
{
display: block;
+ float: left;
+ color: #FFF;
border: 0px;
padding: 4px;
margin: 0px;
- background: $grey_dark -webkit-gradient(linear, left top, left bottom, color-stop(45%, lighten($grey_dark, 10%)), color-stop(100%, $grey_dark));
- border: 1px lighten($grey_dark, 20%) solid;
- color: #FFF;
- float: left;
- width: 202px;
+ width: 176px;
border-radius: 4px;
+ text-shadow: 1px 1px 1px #222;
+ border: 1px lighten($grey_dark, 20%) solid;
+ background: $grey_dark -webkit-gradient(linear, left top, left bottom, color-stop(45%, lighten($grey_dark, 10%)), color-stop(100%, $grey_dark));
}
-.cloud_popup .content input:focus {
+.cloud_popup .content input:focus
+{
+ text-shadow: none;
background: #FFF;
border: 1px $grey_dark solid;
color: $grey_dark;
@@ -105,7 +109,6 @@ $grey_light: #494949;
.cloud_popup .content .status
{
- color: red;
float: left;
clear: right;
margin: 5px 0px 0px 6px;
@@ -113,7 +116,7 @@ $grey_light: #494949;
width: 240px;
}
-.cloud_popup .content .handle_ok, .cloud_popup .content .handle_cancel
+.cloud_popup .content .btn_ok, .cloud_popup .content .btn_cancel
{
width: 80px;
text-align: center;
--
cgit v1.2.3
From 372604713c2f7ac5c0b0ef475cf4043ba3194fec Mon Sep 17 00:00:00 2001
From: Jose Antonio Marquez
Date: Tue, 31 Jan 2012 23:34:44 -0800
Subject: Cloud API Popup Fixes
Minor layout fixes, adjusted functionality slightly, need to check into adjusting the file and directory URL constructs for API changes.
---
js/io/ui/cloudpopup.reel/css/cloudpopup.css | 2 +-
js/io/ui/cloudpopup.reel/css/cloudpopup.scss | 2 +-
2 files changed, 2 insertions(+), 2 deletions(-)
(limited to 'js/io/ui/cloudpopup.reel/css')
diff --git a/js/io/ui/cloudpopup.reel/css/cloudpopup.css b/js/io/ui/cloudpopup.reel/css/cloudpopup.css
index 81e0742f..b42263b9 100644
--- a/js/io/ui/cloudpopup.reel/css/cloudpopup.css
+++ b/js/io/ui/cloudpopup.reel/css/cloudpopup.css
@@ -116,5 +116,5 @@
width: 80px;
text-align: center;
float: right;
- margin: 4px 0px 0px 8px;
+ margin: 8px 0px 0px 8px;
}
diff --git a/js/io/ui/cloudpopup.reel/css/cloudpopup.scss b/js/io/ui/cloudpopup.reel/css/cloudpopup.scss
index ec03eb01..1ae5579b 100755
--- a/js/io/ui/cloudpopup.reel/css/cloudpopup.scss
+++ b/js/io/ui/cloudpopup.reel/css/cloudpopup.scss
@@ -121,5 +121,5 @@ $grey_light: #494949;
width: 80px;
text-align: center;
float: right;
- margin: 4px 0px 0px 8px;
+ margin: 8px 0px 0px 8px;
}
\ No newline at end of file
--
cgit v1.2.3
From e824b4901817429231cd9ab6aa068cc0a0849e3a Mon Sep 17 00:00:00 2001
From: Jose Antonio Marquez
Date: Wed, 1 Feb 2012 10:16:16 -0800
Subject: Applying global button styles to cloud popup
---
js/io/ui/cloudpopup.reel/css/cloudpopup.css | 29 ++++------------------------
js/io/ui/cloudpopup.reel/css/cloudpopup.scss | 24 +----------------------
2 files changed, 5 insertions(+), 48 deletions(-)
(limited to 'js/io/ui/cloudpopup.reel/css')
diff --git a/js/io/ui/cloudpopup.reel/css/cloudpopup.css b/js/io/ui/cloudpopup.reel/css/cloudpopup.css
index b42263b9..eac18083 100644
--- a/js/io/ui/cloudpopup.reel/css/cloudpopup.css
+++ b/js/io/ui/cloudpopup.reel/css/cloudpopup.css
@@ -68,11 +68,12 @@
width: 176px;
border-radius: 4px;
text-shadow: 1px 1px 1px #222;
+ font-family: 'Droid Sans', sans-serif;
border: 1px #5c5c5c solid;
background: #292929 -webkit-gradient(linear, left top, left bottom, color-stop(45%, #434343), color-stop(100%, #292929));
}
-/* line 80, cloudpopup.scss */
+/* line 81, cloudpopup.scss */
.cloud_popup .content input:focus {
text-shadow: none;
background: #FFF;
@@ -80,29 +81,7 @@
color: #292929;
}
-/* line 88, cloudpopup.scss */
-.cloud_popup .content button {
- display: block;
- border: 0px;
- margin: 0px;
- padding: 4px;
- border: 1px #333 solid;
- background: #292929 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #494949), color-stop(100%, #292929));
- border-radius: 4px;
- color: #FFF;
- text-transform: uppercase;
- cursor: pointer;
- text-shadow: 1px 1px 1px #000;
-}
-
-/* line 103, cloudpopup.scss */
-.cloud_popup .content button:hover {
- border: 1px #222 solid;
- background: #292929 -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c5c5c), color-stop(100%, #161616));
- color: #EEE;
-}
-
-/* line 111, cloudpopup.scss */
+/* line 89, cloudpopup.scss */
.cloud_popup .content .status {
float: left;
clear: right;
@@ -111,7 +90,7 @@
width: 240px;
}
-/* line 120, cloudpopup.scss */
+/* line 98, cloudpopup.scss */
.cloud_popup .content .btn_ok, .cloud_popup .content .btn_cancel {
width: 80px;
text-align: center;
diff --git a/js/io/ui/cloudpopup.reel/css/cloudpopup.scss b/js/io/ui/cloudpopup.reel/css/cloudpopup.scss
index 1ae5579b..047e2dd1 100755
--- a/js/io/ui/cloudpopup.reel/css/cloudpopup.scss
+++ b/js/io/ui/cloudpopup.reel/css/cloudpopup.scss
@@ -72,6 +72,7 @@ $grey_light: #494949;
width: 176px;
border-radius: 4px;
text-shadow: 1px 1px 1px #222;
+ font-family: 'Droid Sans', sans-serif;
border: 1px lighten($grey_dark, 20%) solid;
background: $grey_dark -webkit-gradient(linear, left top, left bottom, color-stop(45%, lighten($grey_dark, 10%)), color-stop(100%, $grey_dark));
}
@@ -84,29 +85,6 @@ $grey_light: #494949;
color: $grey_dark;
}
-.cloud_popup .content button
-{
- display: block;
- border: 0px;
- margin: 0px;
- padding: 4px;
- border: 1px #333 solid;
- background: $grey_dark -webkit-gradient(linear, left top, left bottom, color-stop(0%, $grey_light), color-stop(100%, $grey_dark));
- border-radius: 4px;
- color: #FFF;
- text-transform: uppercase;
- cursor: pointer;
- text-shadow: 1px 1px 1px #000;
-}
-
-.cloud_popup .content button:hover
-{
-
- border: 1px #222 solid;
- background: $grey_dark -webkit-gradient(linear, left top, left bottom, color-stop(0%, lighten($grey_dark, 20%)), color-stop(100%, darken($grey_light, 20%)));
- color: #EEE;
-}
-
.cloud_popup .content .status
{
float: left;
--
cgit v1.2.3