diff options
| author | Eric Guzman | 2012-05-22 14:28:00 -0700 |
|---|---|---|
| committer | Eric Guzman | 2012-05-22 14:28:00 -0700 |
| commit | 1c3da2901f454ad2c18e20216bb2517740a1c080 (patch) | |
| tree | f91f102be89eb01362da1a7d209deecb98b413a9 /js/panels/css-panel/css-panel.reel | |
| parent | 70a85334144a9516fdec7b09eb5c9856230d12f1 (diff) | |
| download | ninja-1c3da2901f454ad2c18e20216bb2517740a1c080.tar.gz | |
CSS Panel - Update components to use new serialization format
Diffstat (limited to 'js/panels/css-panel/css-panel.reel')
| -rw-r--r-- | js/panels/css-panel/css-panel.reel/css-panel.html | 21 | ||||
| -rw-r--r-- | js/panels/css-panel/css-panel.reel/css-panel.js | 2 |
2 files changed, 8 insertions, 15 deletions
diff --git a/js/panels/css-panel/css-panel.reel/css-panel.html b/js/panels/css-panel/css-panel.reel/css-panel.html index 54bb1fae..42dca8a2 100644 --- a/js/panels/css-panel/css-panel.reel/css-panel.html +++ b/js/panels/css-panel/css-panel.reel/css-panel.html | |||
| @@ -11,8 +11,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
| 11 | <script type="text/montage-serialization"> | 11 | <script type="text/montage-serialization"> |
| 12 | { | 12 | { |
| 13 | "owner": { | 13 | "owner": { |
| 14 | "module" : "js/panels/css-panel/css-panel.reel", | 14 | "prototype" : "js/panels/css-panel/css-panel.reel", |
| 15 | "name" : "CSSPanelNew", | ||
| 16 | "properties" : { | 15 | "properties" : { |
| 17 | "element" : {"#" : "container"}, | 16 | "element" : {"#" : "container"}, |
| 18 | "styleSheetsView": {"@": "styleSheetsView"}, | 17 | "styleSheetsView": {"@": "styleSheetsView"}, |
| @@ -21,16 +20,14 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
| 21 | }, | 20 | }, |
| 22 | 21 | ||
| 23 | "styleSheetsView": { | 22 | "styleSheetsView": { |
| 24 | "module" : "js/panels/css-panel/style-sheets-view.reel", | 23 | "prototype" : "js/panels/css-panel/style-sheets-view.reel", |
| 25 | "name": "StyleSheetsView", | ||
| 26 | "properties": { | 24 | "properties": { |
| 27 | "element": {"#": "style-sheet-view" }, | 25 | "element": {"#": "style-sheet-view" }, |
| 28 | "documentNameLabel": {"#": "document-name" } | 26 | "documentNameLabel": {"#": "document-name" } |
| 29 | } | 27 | } |
| 30 | }, | 28 | }, |
| 31 | "stylesViewContainer": { | 29 | "stylesViewContainer": { |
| 32 | "module" : "js/panels/css-panel/styles-view-container.reel", | 30 | "prototype" : "js/panels/css-panel/styles-view-container.reel", |
| 33 | "name": "StylesViewContainer", | ||
| 34 | "properties": { | 31 | "properties": { |
| 35 | "element": {"#": "styles-view-container" }, | 32 | "element": {"#": "styles-view-container" }, |
| 36 | "selectionName": {"@": "selectionName" } | 33 | "selectionName": {"@": "selectionName" } |
| @@ -42,22 +39,18 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
| 42 | "element": {"#":"selection-name"} | 39 | "element": {"#":"selection-name"} |
| 43 | }, | 40 | }, |
| 44 | "bindings": { | 41 | "bindings": { |
| 45 | "value" : { | 42 | "value" : {"<-": "@stylesViewContainer.selectionNameLabelText" } |
| 46 | "boundObject": {"@": "stylesViewContainer"}, | ||
| 47 | "boundObjectPropertyPath": "selectionNameLabelText", | ||
| 48 | "oneway": true | ||
| 49 | } | ||
| 50 | } | 43 | } |
| 51 | } | 44 | } |
| 52 | } | 45 | } |
| 53 | </script> | 46 | </script> |
| 54 | </head> | 47 | </head> |
| 55 | <body> | 48 | <body> |
| 56 | <section id="container" class="css-panel"> | 49 | <section data-montage-id="container" class="css-panel"> |
| 57 | <h3>Style Sheets <span data-montage-id="document-name" class="document-name"></span></h3> | 50 | <h3>Style Sheets <span data-montage-id="document-name" class="document-name"></span></h3> |
| 58 | <div id="style-sheet-view"></div> | 51 | <div data-montage-id="style-sheet-view"></div> |
| 59 | <h3>Styles <span data-montage-id="selection-name" class="selection-name"></span></h3> | 52 | <h3>Styles <span data-montage-id="selection-name" class="selection-name"></span></h3> |
| 60 | <div id="styles-view-container"></div> | 53 | <div data-montage-id="styles-view-container"></div> |
| 61 | </section> | 54 | </section> |
| 62 | </body> | 55 | </body> |
| 63 | </html> \ No newline at end of file | 56 | </html> \ No newline at end of file |
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 4a2062af..a117787e 100644 --- a/js/panels/css-panel/css-panel.reel/css-panel.js +++ b/js/panels/css-panel/css-panel.reel/css-panel.js | |||
| @@ -7,7 +7,7 @@ | |||
| 7 | var Montage = require("montage/core/core").Montage, | 7 | 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.CSSPanelNew = Montage.create(Component, { | 10 | exports.CssPanel = Montage.create(Component, { |
| 11 | prepareForDraw : { | 11 | prepareForDraw : { |
| 12 | value: function() { | 12 | value: function() { |
| 13 | } | 13 | } |