diff options
| author | Eric Guzman | 2012-05-21 09:30:24 -0700 |
|---|---|---|
| committer | Eric Guzman | 2012-05-21 09:30:24 -0700 |
| commit | a8e97144c832e355de7f8177ce38644119248e87 (patch) | |
| tree | 14d7c03648347019b34c37f789c48d5554d77f1e /js/panels/css-panel/style-sheets-view.reel/style-sheets-view.html | |
| parent | 84097be9d7dd3403a0ac12f8c039d3ffc5281cfc (diff) | |
| download | ninja-a8e97144c832e355de7f8177ce38644119248e87.tar.gz | |
Style sheets view - Fixed drawing of toolbar and "no sheets" message
Diffstat (limited to 'js/panels/css-panel/style-sheets-view.reel/style-sheets-view.html')
| -rw-r--r-- | js/panels/css-panel/style-sheets-view.reel/style-sheets-view.html | 16 |
1 files changed, 9 insertions, 7 deletions
diff --git a/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.html b/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.html index bbefc69b..3e15f50b 100644 --- a/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.html +++ b/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.html | |||
| @@ -14,6 +14,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
| 14 | "prototype" : "js/panels/css-panel/style-sheets-view.reel", | 14 | "prototype" : "js/panels/css-panel/style-sheets-view.reel", |
| 15 | "properties" : { | 15 | "properties" : { |
| 16 | "element" : {"#" : "style-sheets-view-container"}, | 16 | "element" : {"#" : "style-sheets-view-container"}, |
| 17 | "toolbar" : {"@": "toolbar"}, | ||
| 17 | "styleSheetList" : {"@" : "styleSheetList"} | 18 | "styleSheetList" : {"@" : "styleSheetList"} |
| 18 | } | 19 | } |
| 19 | }, | 20 | }, |
| @@ -47,29 +48,30 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
| 47 | } | 48 | } |
| 48 | } | 49 | } |
| 49 | }, | 50 | }, |
| 50 | "noDocumentCondition": { | 51 | "documentLoaded": { |
| 51 | "prototype": "montage/ui/condition.reel", | 52 | "prototype": "montage/ui/condition.reel", |
| 52 | "properties": { | 53 | "properties": { |
| 53 | "element": {"#": "no-document-message" } | 54 | "element": {"#": "style-sheets-toolbar-container" }, |
| 55 | "removalStrategy": "hide" | ||
| 54 | }, | 56 | }, |
| 55 | "bindings": { | 57 | "bindings": { |
| 56 | "condition": { | 58 | "condition": { |
| 57 | "boundObject": {"@": "owner" }, | 59 | "boundObject": {"@": "owner" }, |
| 58 | "boundObjectPropertyPath": "styleSheets.count()", | 60 | "boundObjectPropertyPath": "documentLoaded", |
| 59 | "boundValueMutator": {"->": {"arguments": ["val"], "body": "return !val;"}}, | ||
| 60 | "oneway": true | 61 | "oneway": true |
| 61 | } | 62 | } |
| 62 | } | 63 | } |
| 63 | }, | 64 | }, |
| 64 | "showToolbarCondition": { | 65 | "hasSheets": { |
| 65 | "prototype": "montage/ui/condition.reel", | 66 | "prototype": "montage/ui/condition.reel", |
| 66 | "properties": { | 67 | "properties": { |
| 67 | "element": {"#": "style-sheets-toolbar-container" } | 68 | "element": {"#": "no-sheets-message" } |
| 68 | }, | 69 | }, |
| 69 | "bindings" : { | 70 | "bindings" : { |
| 70 | "condition": { | 71 | "condition": { |
| 71 | "boundObject": {"@": "owner"}, | 72 | "boundObject": {"@": "owner"}, |
| 72 | "boundObjectPropertyPath": "styleSheets.count()", | 73 | "boundObjectPropertyPath": "styleSheets.count()", |
| 74 | "boundValueMutator": {"->": {"arguments": ["val"], "body": "return !val;"}}, | ||
| 73 | "oneway": true | 75 | "oneway": true |
| 74 | } | 76 | } |
| 75 | } | 77 | } |
| @@ -113,7 +115,7 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
| 113 | </head> | 115 | </head> |
| 114 | <body> | 116 | <body> |
| 115 | <div data-montage-id="style-sheets-view-container" class="style-sheets-view-container"> | 117 | <div data-montage-id="style-sheets-view-container" class="style-sheets-view-container"> |
| 116 | <h4 data-montage-id="no-document-message" class="panel-message">No style sheets to display.</h4> | 118 | <h4 data-montage-id="no-sheets-message" class="panel-message">No style sheets to display.</h4> |
| 117 | <ul data-montage-id="sheet-list" class="sheet-list"> | 119 | <ul data-montage-id="sheet-list" class="sheet-list"> |
| 118 | <li><div data-montage-id="sheet-item"></div></li> | 120 | <li><div data-montage-id="sheet-item"></div></li> |
| 119 | </ul> | 121 | </ul> |