diff options
Diffstat (limited to 'js/panels/css-panel/styles-view-container.reel/styles-view-container.html')
| -rw-r--r-- | js/panels/css-panel/styles-view-container.reel/styles-view-container.html | 71 |
1 files changed, 41 insertions, 30 deletions
diff --git a/js/panels/css-panel/styles-view-container.reel/styles-view-container.html b/js/panels/css-panel/styles-view-container.reel/styles-view-container.html index 17ba6326..97c7c889 100644 --- a/js/panels/css-panel/styles-view-container.reel/styles-view-container.html +++ b/js/panels/css-panel/styles-view-container.reel/styles-view-container.html | |||
| @@ -7,13 +7,15 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
| 7 | <html lang="en"> | 7 | <html lang="en"> |
| 8 | <head> | 8 | <head> |
| 9 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | 9 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
| 10 | <link href="styles-view-container.css" rel="stylesheet" type="text/css"> | ||
| 10 | <script type="text/montage-serialization"> | 11 | <script type="text/montage-serialization"> |
| 11 | { | 12 | { |
| 12 | "owner": { | 13 | "owner": { |
| 13 | "module" : "js/panels/css-panel/styles-view-container.reel", | 14 | "module" : "js/panels/css-panel/styles-view-container.reel", |
| 14 | "name" : "StylesViewContainer", | 15 | "name" : "StylesViewContainer", |
| 15 | "properties" : { | 16 | "properties" : { |
| 16 | "element" : {"#" : "container"} | 17 | "element" : {"#" : "container"}, |
| 18 | "ruleList": {"@": "ruleList" } | ||
| 17 | } | 19 | } |
| 18 | }, | 20 | }, |
| 19 | "substitution": { | 21 | "substitution": { |
| @@ -22,46 +24,53 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
| 22 | "properties": { | 24 | "properties": { |
| 23 | "element": {"#": "sub-panel-slot"}, | 25 | "element": {"#": "sub-panel-slot"}, |
| 24 | "switchComponents": { | 26 | "switchComponents": { |
| 25 | "rules": {"@": "ruleListCollection"}, | 27 | "rules": {"@": "ruleList"}, |
| 26 | "computed": {"@": "computedStyleView"} | 28 | "computed": {"@": "computedStyleView"} |
| 29 | } | ||
| 30 | }, | ||
| 31 | "bindings": { | ||
| 32 | "switchValue": { | ||
| 33 | "boundObject": {"@": "owner"}, | ||
| 34 | "boundObjectPropertyPath": "contentPanel", | ||
| 35 | "oneway": true | ||
| 36 | } | ||
| 27 | } | 37 | } |
| 28 | }, | 38 | }, |
| 29 | "bindings": { | 39 | "ruleList": { |
| 30 | "switchValue": { | 40 | "module" : "js/panels/css-panel/rule-list.reel", |
| 31 | "boundObject": {"@": "owner"}, | 41 | "name": "RuleList", |
| 32 | "boundObjectPropertyPath": "contentPanel", | 42 | "properties": { |
| 33 | "oneway": true | 43 | "supportedRules" : { |
| 34 | } | 44 | "1" : {"@": "css-style-rule"}, |
| 35 | } | 45 | "3" : {"@": "css-import-rule"}, |
| 36 | }, | 46 | "4" : {"@": "css-media-rule"}, |
| 37 | "ruleListCollection": { | 47 | "5" : {"@": "css-font-face-rule"}, |
| 38 | "module" : "montage/ui/list.reel", | 48 | "6" : {"@": "css-page-rule"}, |
| 39 | "name": "List", | 49 | "10" : {"@": "namespace-rule"} |
| 40 | "properties": { }, | 50 | } |
| 51 | }, | ||
| 41 | "bindings": { | 52 | "bindings": { |
| 42 | "list": { | 53 | "contentController" : { |
| 43 | "boundObject": {"@": "owner" }, | 54 | "boundObject": {"@": "owner"}, |
| 44 | "boundObjectPropertyPath": "displayedList" | 55 | "boundObjectPropertyPath": "contentController", |
| 56 | "oneway": true | ||
| 45 | } | 57 | } |
| 46 | } | 58 | } |
| 47 | }, | 59 | }, |
| 60 | "css-style-rule": { | ||
| 61 | "module": "js/panels/css-panel/rule-components/css-style-rule.reel", | ||
| 62 | "name": "CssStyleRule" | ||
| 63 | }, | ||
| 48 | "computedStyleView": { | 64 | "computedStyleView": { |
| 49 | "module": "js/panels/CSSPanel/ComputedStyleSubPanel.reel", | 65 | "module": "js/panels/CSSPanel/ComputedStyleSubPanel.reel", |
| 50 | "name": "ComputedStyleSubPanel", | 66 | "name": "ComputedStyleSubPanel", |
| 51 | "properties": { } | 67 | "properties": { } |
| 52 | }, | 68 | }, |
| 53 | "noDocumentCondition": { | 69 | "toolbar": { |
| 54 | "module": "montage/ui/condition.reel", | 70 | "module": "js/components/toolbar.reel", |
| 55 | "name": "Condition", | 71 | "name": "Toolbar", |
| 56 | "properties": { | 72 | "properties": { |
| 57 | "element": {"#": "no-document-message" } | 73 | "element": {"#": "styles-view-toolbar"} |
| 58 | }, | ||
| 59 | "bindings": { | ||
| 60 | "condition": { | ||
| 61 | "boundObject": {"@": "owner" }, | ||
| 62 | "boundObjectPropertyPath": "noDocumentCondition", | ||
| 63 | "oneway": true | ||
| 64 | } | ||
| 65 | } | 74 | } |
| 66 | } | 75 | } |
| 67 | } | 76 | } |
| @@ -69,8 +78,10 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
| 69 | </head> | 78 | </head> |
| 70 | <body> | 79 | <body> |
| 71 | <div id="container" class="styles-view-container"> | 80 | <div id="container" class="styles-view-container"> |
| 72 | <div id="sub-panel-slot"> | 81 | <h4 id="no-styles-message" class="panel-message">No styles to display.</h4> |
| 73 | <h3 id="no-document-message">No document loaded. Please Open or Create a new document.</h3> | 82 | <div id="sub-panel-slot" class="sub-panel-slot"></div> |
| 83 | <div class="styles-view-toolbar-container"> | ||
| 84 | <div id="styles-view-toolbar"></div> | ||
| 74 | </div> | 85 | </div> |
| 75 | </div> | 86 | </div> |
| 76 | </body> | 87 | </body> |