diff options
author | Eric Guzman | 2012-06-19 01:20:36 -0700 |
---|---|---|
committer | Eric Guzman | 2012-06-19 01:20:36 -0700 |
commit | 2ef72cdf0e59fb3623a2c13251ac707522f3dc5a (patch) | |
tree | f69f4e3de7e4441311ef2b38770e0ce26067aac4 /js/panels/css-panel | |
parent | 5260d3dfd99d79924c4aaa3ab798e90c7d328d7d (diff) | |
parent | 1007cbf983ad0f2460a4122a492a96023fdb4439 (diff) | |
download | ninja-2ef72cdf0e59fb3623a2c13251ac707522f3dc5a.tar.gz |
Merge branch 'binding' of github.com:dhg637/ninja-internal into binding
Conflicts:
js/stage/binding-view.reel/binding-view.js
Diffstat (limited to 'js/panels/css-panel')
15 files changed, 137 insertions, 29 deletions
diff --git a/js/panels/css-panel/css-panel.reel/css-panel.js b/js/panels/css-panel/css-panel.reel/css-panel.js index 96d94b36..a2a288c9 100644 --- a/js/panels/css-panel/css-panel.reel/css-panel.js +++ b/js/panels/css-panel/css-panel.reel/css-panel.js | |||
@@ -9,6 +9,16 @@ var Montage = require("montage/core/core").Montage, | |||
9 | 9 | ||
10 | exports.CssPanel = Montage.create(Component, { | 10 | exports.CssPanel = Montage.create(Component, { |
11 | 11 | ||
12 | styleSheetsView: { | ||
13 | value: null, | ||
14 | serializable: true | ||
15 | }, | ||
16 | |||
17 | stylesViewContainer: { | ||
18 | value: null, | ||
19 | serializable: true | ||
20 | }, | ||
21 | |||
12 | _currentDocument: { | 22 | _currentDocument: { |
13 | value : null | 23 | value : null |
14 | }, | 24 | }, |
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 00cebf39..0f16b3d8 100644 --- a/js/panels/css-panel/css-style.reel/css-style.html +++ b/js/panels/css-panel/css-style.reel/css-style.html | |||
@@ -30,7 +30,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
30 | "checked": true | 30 | "checked": true |
31 | }, | 31 | }, |
32 | "bindings": { | 32 | "bindings": { |
33 | "checked" : {"<<->": "@owner.enabled" } | 33 | "checked" : {"<->": "@owner.enabled" } |
34 | } | 34 | } |
35 | }, | 35 | }, |
36 | "property": { | 36 | "property": { |
diff --git a/js/panels/css-panel/css-style.reel/css-style.js b/js/panels/css-panel/css-style.reel/css-style.js index 84841f5b..294d49a9 100644 --- a/js/panels/css-panel/css-style.reel/css-style.js +++ b/js/panels/css-panel/css-style.reel/css-style.js | |||
@@ -8,6 +8,27 @@ var Montage = require("montage/core/core").Montage, | |||
8 | Component = require("montage/ui/component").Component; | 8 | Component = require("montage/ui/component").Component; |
9 | 9 | ||
10 | exports.CssStyle = Montage.create(Component, { | 10 | exports.CssStyle = Montage.create(Component, { |
11 | declaration: { | ||
12 | value: null | ||
13 | }, | ||
14 | |||
15 | addStyleButton: { | ||
16 | value: null, | ||
17 | serializable: true | ||
18 | }, | ||
19 | |||
20 | propertyField: { | ||
21 | value: null | ||
22 | }, | ||
23 | |||
24 | valueField: { | ||
25 | value: null | ||
26 | }, | ||
27 | |||
28 | propertyNames: { | ||
29 | value: null | ||
30 | }, | ||
31 | |||
11 | delegate : { value: null }, | 32 | delegate : { value: null }, |
12 | disabledClass : { value: 'style-item-disabled' }, | 33 | disabledClass : { value: 'style-item-disabled' }, |
13 | editingStyleClass : { value: 'edit-style-item' }, | 34 | editingStyleClass : { value: 'edit-style-item' }, |
diff --git a/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.html b/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.html index f203b61f..8b0c3101 100644 --- a/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.html +++ b/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.html | |||
@@ -34,7 +34,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
34 | "element": {"#": "rule-selector"} | 34 | "element": {"#": "rule-selector"} |
35 | }, | 35 | }, |
36 | "bindings": { | 36 | "bindings": { |
37 | "value" : {"<<->":"@owner.selector" } | 37 | "value" : {"<->":"@owner.selector" } |
38 | } | 38 | } |
39 | }, | 39 | }, |
40 | "declaration": { | 40 | "declaration": { |
@@ -56,27 +56,6 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
56 | } | 56 | } |
57 | } | 57 | } |
58 | </script> | 58 | </script> |
59 | <script type="text/json"> | ||
60 | "declaration": { | ||
61 | "module": "js/panels/css-panel/declaration.reel", | ||
62 | "name": "Declaration", | ||
63 | "properties": { | ||
64 | "element": {"#": "declaration-list"} | ||
65 | }, | ||
66 | "bindings": { | ||
67 | "focusDelegate" : { | ||
68 | "boundObject": {"@": "owner"}, | ||
69 | "boundObjectPropertyPath": "focusDelegate", | ||
70 | "oneway": true | ||
71 | }, | ||
72 | "declaration" : { | ||
73 | "boundObject": {"@": "owner"}, | ||
74 | "boundObjectPropertyPath": "_declaration", | ||
75 | "oneway": true | ||
76 | } | ||
77 | } | ||
78 | }, | ||
79 | </script> | ||
80 | </head> | 59 | </head> |
81 | <body> | 60 | <body> |
82 | <li data-montage-id="rule-item" class="css-style-rule-item"> | 61 | <li data-montage-id="rule-item" class="css-style-rule-item"> |
diff --git a/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.js b/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.js index 54181bf3..5361e5cc 100644 --- a/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.js +++ b/js/panels/css-panel/rule-components/css-style-rule.reel/css-style-rule.js | |||
@@ -8,6 +8,11 @@ var Montage = require("montage/core/core").Montage, | |||
8 | Component = require("montage/ui/component").Component; | 8 | Component = require("montage/ui/component").Component; |
9 | 9 | ||
10 | exports.CssStyleRule = Montage.create(Component, { | 10 | exports.CssStyleRule = Montage.create(Component, { |
11 | |||
12 | selectorField: { | ||
13 | value: null | ||
14 | }, | ||
15 | |||
11 | addClassNameOnChange : { | 16 | addClassNameOnChange : { |
12 | value: null | 17 | value: null |
13 | }, | 18 | }, |
diff --git a/js/panels/css-panel/rule-list-container.reel/rule-list-container.js b/js/panels/css-panel/rule-list-container.reel/rule-list-container.js index c7766d08..509ca565 100644 --- a/js/panels/css-panel/rule-list-container.reel/rule-list-container.js +++ b/js/panels/css-panel/rule-list-container.reel/rule-list-container.js | |||
@@ -8,6 +8,16 @@ var Montage = require("montage/core/core").Montage, | |||
8 | Component = require("montage/ui/component").Component; | 8 | Component = require("montage/ui/component").Component; |
9 | 9 | ||
10 | exports.RuleListContainer = Montage.create(Component, { | 10 | exports.RuleListContainer = Montage.create(Component, { |
11 | focusDelegate: { | ||
12 | value: null, | ||
13 | serializable: true | ||
14 | }, | ||
15 | |||
16 | ruleListComponent: { | ||
17 | value: null, | ||
18 | serializable: true | ||
19 | }, | ||
20 | |||
11 | _instanceToAdd : { value: null }, | 21 | _instanceToAdd : { value: null }, |
12 | _appendElement : { value: null }, | 22 | _appendElement : { value: null }, |
13 | _lastDisplayedList : { value: null }, | 23 | _lastDisplayedList : { value: null }, |
diff --git a/js/panels/css-panel/rule-list.reel/rule-list.js b/js/panels/css-panel/rule-list.reel/rule-list.js index 3e18c3bf..27d74b2f 100644 --- a/js/panels/css-panel/rule-list.reel/rule-list.js +++ b/js/panels/css-panel/rule-list.reel/rule-list.js | |||
@@ -8,6 +8,11 @@ var Montage = require("montage/core/core").Montage, | |||
8 | Component = require("montage/ui/component").Component; | 8 | Component = require("montage/ui/component").Component; |
9 | 9 | ||
10 | exports.RuleList = Montage.create(Component, { | 10 | exports.RuleList = Montage.create(Component, { |
11 | supportedRules: { | ||
12 | value: null, | ||
13 | serializable: true | ||
14 | }, | ||
15 | |||
11 | focusDelegate : { value: null }, | 16 | focusDelegate : { value: null }, |
12 | ruleNodeName : { value: 'li' }, | 17 | ruleNodeName : { value: 'li' }, |
13 | _needsScrollToBottom: { value: null }, | 18 | _needsScrollToBottom: { value: null }, |
diff --git a/js/panels/css-panel/style-declaration.reel/style-declaration.html b/js/panels/css-panel/style-declaration.reel/style-declaration.html index fad54453..4cdf0741 100644 --- a/js/panels/css-panel/style-declaration.reel/style-declaration.html +++ b/js/panels/css-panel/style-declaration.reel/style-declaration.html | |||
@@ -43,9 +43,9 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
43 | }, | 43 | }, |
44 | "bindings": { | 44 | "bindings": { |
45 | "source": {"<-": "@repetition.objectAtCurrentIteration" }, | 45 | "source": {"<-": "@repetition.objectAtCurrentIteration" }, |
46 | "propertyText": {"<<->": "@repetition.objectAtCurrentIteration.name" }, | 46 | "propertyText": {"<->": "@repetition.objectAtCurrentIteration.name" }, |
47 | "valueText": {"<<->": "@repetition.objectAtCurrentIteration.value" }, | 47 | "valueText": {"<->": "@repetition.objectAtCurrentIteration.value" }, |
48 | "empty": {"<<->": "@repetition.objectAtCurrentIteration.isEmpty" }, | 48 | "empty": {"<->": "@repetition.objectAtCurrentIteration.isEmpty" }, |
49 | "delegate": {"<-": "@owner.focusDelegate" } | 49 | "delegate": {"<-": "@owner.focusDelegate" } |
50 | } | 50 | } |
51 | } |