From eb80f8a610100f908b5cb9ffc65bfa94f8a23c21 Mon Sep 17 00:00:00 2001
From: Eric Guzman
Date: Tue, 8 May 2012 13:26:36 -0700
Subject: CSS Panel - Create non-tree declaration (optimized). And add updating
functionality.
---
js/panels/css-panel/css-style.reel/css-style.html | 103 ++++++++++++++++++++++
1 file changed, 103 insertions(+)
create mode 100644 js/panels/css-panel/css-style.reel/css-style.html
(limited to 'js/panels/css-panel/css-style.reel/css-style.html')
diff --git a/js/panels/css-panel/css-style.reel/css-style.html b/js/panels/css-panel/css-style.reel/css-style.html
new file mode 100644
index 00000000..66ff4d5b
--- /dev/null
+++ b/js/panels/css-panel/css-style.reel/css-style.html
@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<!-- <copyright>
+This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
+</copyright> -->
+<html lang="en">
+<head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <link href="css-style.css" type="text/css" rel="stylesheet" media="screen">
+ <script type="text/montage-serialization">
+ {
+ "owner": {
+ "module" : "js/panels/css-panel/css-style.reel",
+ "name" : "CssStyle",
+ "properties" : {
+ "element" : {"#" : "container"},
+ "addStyleButton": {"#": "add-style-button"},
+ "propertyField": {"@": "property"},
+ "valueField": {"@": "value"},
+ "propertyNames" : {"@": "propertyNames"}
+ }
+ },
+ "propertyNames": {
+ "object": "js/panels/CSSPanel/css-property-name-list"
+ },
+ "checkbox": {
+ "module": "montage/ui/checkbox.reel",
+ "name": "Checkbox",
+ "properties": {
+ "element": {"#": "disable-checkbox"},
+ "checked": true
+ },
+ "bindings": {
+ "checked" : {
+ "boundObject": {"@": "owner"},
+ "boundObjectPropertyPath": "enabled",
+ "oneway": false
+ }
+ }
+ },
+ "property": {
+ "module": "js/components/hintable.reel",
+ "name": "Hintable",
+ "properties": {
+ "startOnEvent": "click",
+ "element": {"#": "property"},
+ "identifier": "property"
+ },
+ "bindings": {
+ "value" : {
+ "boundObject": {"@": "owner"},
+ "boundObjectPropertyPath": "propertyText",
+ "oneway": true
+ }
+ },
+ "listeners": [
+ {
+ "type": "change",
+ "listener": {"@": "owner"}
+ },
+ {
+ "type": "stop",
+ "listener": {"@": "owner"}
+ }
+ ]
+ },
+ "value": {
+ "module": "js/components/hintable.reel",
+ "name": "Hintable",
+ "properties": {
+ "startOnEvent": "click",
+ "element": {"#": "value"},
+ "identifier": "value"
+ },
+ "bindings": {
+ "value" : {
+ "boundObject": {"@": "owner"},
+ "boundObjectPropertyPath": "valueText",
+ "oneway": true
+ }
+ },
+ "listeners": [
+ {
+ "type": "change",
+ "listener": {"@": "owner"}
+ },
+ {
+ "type": "stop",
+ "listener": {"@": "owner"}
+ }
+ ]
+ }
+ }
+ </script>
+</head>
+<body>
+<div id="container" class="style-item" spellcheck="false" draggable="true">
+ <input type="checkbox" data-montage-id="disable-checkbox"><dt data-montage-id="property" class="css-property"></dt><dd data-montage-id="value" class="css-value"></dd>
+ <button data-montage-id="add-style-button" class="add-style-button">Add</button>
+</div>
+</body>
+</html>
\ No newline at end of file
--
cgit v1.2.3
From e7a3193bdc33856795f8b96c255fd0c7e2f189a3 Mon Sep 17 00:00:00 2001
From: Eric Guzman
Date: Tue, 22 May 2012 11:17:48 -0700
Subject: CSS Style - turning drag/drop off
---
js/panels/css-panel/css-style.reel/css-style.html | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
(limited to 'js/panels/css-panel/css-style.reel/css-style.html')
diff --git a/js/panels/css-panel/css-style.reel/css-style.html b/js/panels/css-panel/css-style.reel/css-style.html
index 66ff4d5b..c4b6dd59 100644
--- a/js/panels/css-panel/css-style.reel/css-style.html
+++ b/js/panels/css-panel/css-style.reel/css-style.html
@@ -95,7 +95,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
</script>
</head>
<body>
-<div id="container" class="style-item" spellcheck="false" draggable="true">
+<div id="container" class="style-item" spellcheck="false" draggable="false">
<input type="checkbox" data-montage-id="disable-checkbox"><dt data-montage-id="property" class="css-property"></dt><dd data-montage-id="value" class="css-value"></dd>
<button data-montage-id="add-style-button" class="add-style-button">Add</button>
</div>
--
cgit v1.2.3
From 1c3da2901f454ad2c18e20216bb2517740a1c080 Mon Sep 17 00:00:00 2001
From: Eric Guzman
Date: Tue, 22 May 2012 14:28:00 -0700
Subject: CSS Panel - Update components to use new serialization format
---
js/panels/css-panel/css-style.reel/css-style.html | 32 ++++++-----------------
1 file changed, 8 insertions(+), 24 deletions(-)
(limited to 'js/panels/css-panel/css-style.reel/css-style.html')
diff --git a/js/panels/css-panel/css-style.reel/css-style.html b/js/panels/css-panel/css-style.reel/css-style.html
index c4b6dd59..00cebf39 100644
--- a/js/panels/css-panel/css-style.reel/css-style.html
+++ b/js/panels/css-panel/css-style.reel/css-style.html
@@ -11,8 +11,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
<script type="text/montage-serialization">
{
"owner": {
- "module" : "js/panels/css-panel/css-style.reel",
- "name" : "CssStyle",
+ "prototype" : "js/panels/css-panel/css-style.reel",
"properties" : {
"element" : {"#" : "container"},
"addStyleButton": {"#": "add-style-button"},
@@ -25,34 +24,24 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
"object": "js/panels/CSSPanel/css-property-name-list"
},
"checkbox": {
- "module": "montage/ui/checkbox.reel",
- "name": "Checkbox",
+ "prototype": "montage/ui/checkbox.reel",
"properties": {
"element": {"#": "disable-checkbox"},
"checked": true
},
"bindings": {
- "checked" : {
- "boundObject": {"@": "owner"},
- "boundObjectPropertyPath": "enabled",
- "oneway": false
- }
+ "checked" : {"<<->": "@owner.enabled" }
}
},
"property": {
- "module": "js/components/hintable.reel",
- "name": "Hintable",
+ "prototype": "js/components/hintable.reel",
"properties": {
"startOnEvent": "click",
"element": {"#": "property"},
"identifier": "property"
},
"bindings": {
- "value" : {
- "boundObject": {"@": "owner"},
- "boundObjectPropertyPath": "propertyText",
- "oneway": true
- }
+ "value" : {"<-": "@owner.propertyText" }
},
"listeners": [
{
@@ -66,19 +55,14 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
]
},
"value": {
- "module": "js/components/hintable.reel",
- "name": "Hintable",
+ "prototype": "js/components/hintable.reel",
"properties": {
"startOnEvent": "click",
"element": {"#": "value"},
"identifier": "value"
},
"bindings": {
- "value" : {
- "boundObject": {"@": "owner"},
- "boundObjectPropertyPath": "valueText",
- "oneway": true
- }
+ "value" : {"<-": "@owner.valueText" }
},
"listeners": [
{
@@ -95,7 +79,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
</script>
</head>
<body>
-<div id="container" class="style-item" spellcheck="false" draggable="false">
+<div data-montage-id="container" class="style-item" spellcheck="false" draggable="false">
<input type="checkbox" data-montage-id="disable-checkbox"><dt data-montage-id="property" class="css-property"></dt><dd data-montage-id="value" class="css-value"></dd>
<button data-montage-id="add-style-button" class="add-style-button">Add</button>
</div>
--
cgit v1.2.3