aboutsummaryrefslogtreecommitdiff
path: root/js/panels/css-panel/styles-view-container.reel/styles-view-container.html
diff options
context:
space:
mode:
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.html71
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>