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> |