diff options
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 | 38 |
1 files changed, 32 insertions, 6 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 d1dbfa2b..092b189f 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 | |||
| @@ -7,13 +7,14 @@ 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="style-sheets-view.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/style-sheets-view.reel", | 14 | "module" : "js/panels/css-panel/style-sheets-view.reel", |
| 14 | "name" : "StyleSheetsView", | 15 | "name" : "StyleSheetsView", |
| 15 | "properties" : { | 16 | "properties" : { |
| 16 | "element" : {"#" : "style-sheet-view-container"} | 17 | "element" : {"#" : "style-sheets-view-container"} |
| 17 | } | 18 | } |
| 18 | }, | 19 | }, |
| 19 | "arrayController" : { | 20 | "arrayController" : { |
| @@ -28,8 +29,8 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
| 28 | } | 29 | } |
| 29 | }, | 30 | }, |
| 30 | "styleSheetList": { | 31 | "styleSheetList": { |
| 31 | "module" : "montage/ui/list.reel", | 32 | "module" : "montage/ui/repetition.reel", |
| 32 | "name": "List", | 33 | "name": "Repetition", |
| 33 | "properties": { | 34 | "properties": { |
| 34 | "element": {"#": "sheet-list" }, | 35 | "element": {"#": "sheet-list" }, |
| 35 | "contentController": {"@": "arrayController"} | 36 | "contentController": {"@": "arrayController"} |
| @@ -58,20 +59,45 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
| 58 | "bindings": { | 59 | "bindings": { |
| 59 | "condition": { | 60 | "condition": { |
| 60 | "boundObject": {"@": "owner" }, | 61 | "boundObject": {"@": "owner" }, |
| 61 | "boundObjectPropertyPath": "noDocumentCondition", | 62 | "boundObjectPropertyPath": "styleSheets.count()", |
| 63 | "boundValueMutator": {"->": {"arguments": ["val"], "body": "return !val;"}}, | ||
| 62 | "oneway": true | 64 | "oneway": true |
| 63 | } | 65 | } |
| 64 | } | 66 | } |
| 67 | }, | ||
| 68 | "showToolbarCondition": { | ||
| 69 | "module": "montage/ui/condition.reel", | ||
| 70 | "name": "Condition", | ||
| 71 | "properties": { | ||
| 72 | "element": {"#": "style-sheets-toolbar-container" } | ||
| 73 | }, | ||
| 74 | "bindings" : { | ||
| 75 | "condition": { | ||
| 76 | "boundObject": {"@": "owner"}, | ||
| 77 | "boundObjectPropertyPath": "styleSheets.count()", | ||
| 78 | "oneway": true | ||
| 79 | } | ||
| 80 | } | ||
| 81 | }, | ||
| 82 | "toolbar": { | ||
| 83 | "module": "js/components/toolbar.reel", | ||
| 84 | "name": "Toolbar", | ||
| 85 | "properties": { | ||
| 86 | "element": {"#": "style-sheets-toolbar"} | ||
| 87 | } | ||
| 65 | } | 88 | } |
| 66 | } | 89 | } |
| 67 | </script> | 90 | </script> |
| 68 | </head> | 91 | </head> |
| 69 | <body> | 92 | <body> |
| 70 | <div id="style-sheet-view-container" class="style-sheet-view-container"> | 93 | <div id="style-sheets-view-container" class="style-sheets-view-container"> |
| 71 | <h3 id="no-document-message">No document loaded. Please Open or Create a new document.</h3> | 94 | <h4 id="no-document-message" class="panel-message">No style sheets to display.</h4> |
| 72 | <ul id="sheet-list"> | 95 | <ul id="sheet-list"> |
| 73 | <li><div id="sheet-item"></div></li> | 96 | <li><div id="sheet-item"></div></li> |
| 74 | </ul> | 97 | </ul> |
| 98 | <div id="style-sheets-toolbar-container"> | ||
| 99 | <div id="style-sheets-toolbar"></div> | ||
| 100 | </div> | ||
| 75 | </div> | 101 | </div> |
| 76 | </body> | 102 | </body> |
| 77 | </html> \ No newline at end of file | 103 | </html> \ No newline at end of file |