aboutsummaryrefslogtreecommitdiff
path: root/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.html
diff options
context:
space:
mode:
authorArmen Kesablyan2012-05-23 14:34:58 -0700
committerArmen Kesablyan2012-05-23 14:34:58 -0700
commitc21db7f1e4a0582777bdb5366df5d023a915b779 (patch)
treec4d29cb4686101d4a480ae836d20187879cf5400 /js/panels/css-panel/style-sheets-view.reel/style-sheets-view.html
parent3ed95247e9ea4b0a7833401ed6809647b7c4acbf (diff)
parent1a7e347810401e6262d9d7bad1c3583e6773993b (diff)
downloadninja-c21db7f1e4a0582777bdb5366df5d023a915b779.tar.gz
Merge branch 'refs/heads/dom-architecture' into binding
Conflicts: js/data/panels-data.js Signed-off-by: Armen Kesablyan <armen@motorola.com>
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.html116
1 files changed, 116 insertions, 0 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
new file mode 100644
index 00000000..9cbed273
--- /dev/null
+++ b/js/panels/css-panel/style-sheets-view.reel/style-sheets-view.html
@@ -0,0 +1,116 @@
1<!DOCTYPE html>
2<!-- <copyright>
3This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
4No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
5(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
6</copyright> -->
7<html lang="en">
8<head>
9 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
10 <link href="style-sheets-view.css" rel="stylesheet" type="text/css">
11 <script type="text/montage-serialization">
12 {
13 "owner": {
14 "prototype" : "js/panels/css-panel/style-sheets-view.reel",
15 "properties" : {
16 "element" : {"#" : "style-sheets-view-container"},
17 "toolbar" : {"@": "toolbar"},
18 "styleSheetList" : {"@" : "styleSheetList"}
19 }
20 },
21 "arrayController" : {
22 "prototype" : "montage/ui/controller/array-controller",
23 "bindings": {
24 "content": {"<-": "@owner.styleSheets" }
25 }
26 },
27 "styleSheetList": {
28 "prototype" : "montage/ui/repetition.reel",
29 "properties": {
30 "element": {"#": "sheet-list" },
31 "contentController": {"@": "arrayController"}
32 }
33 },
34 "sheet": {
35 "prototype": "js/panels/css-panel/style-sheet.reel",
36 "properties": {
37 "element": {"#": "sheet-item"}
38 },
39 "bindings": {
40 "source": {"<-": "@styleSheetList.objectAtCurrentIteration" }
41 }
42 },
43 "documentLoaded": {
44 "prototype": "montage/ui/condition.reel",
45 "properties": {
46 "element": {"#": "style-sheets-toolbar-container" },
47 "removalStrategy": "hide"
48 },
49 "bindings": {
50 "condition": {"<-": "@owner.documentLoaded" }
51 }
52 },
53 "hasSheets": {
54 "prototype": "montage/ui/condition.reel",
55 "properties": {
56 "element": {"#": "no-sheets-message" }
57 },
58 "bindings" : {
59 "condition": {
60 "boundObject": {"@": "owner"},
61 "boundObjectPropertyPath": "styleSheets.count()",
62 "boundValueMutator": {"->": {"arguments": ["val"], "body": "return !val;"}},
63 "oneway": true
64 }
65 }
66 },
67 "toolbar": {
68 "prototype": "js/components/toolbar.reel",
69 "properties": {
70 "element": {"#": "style-sheets-toolbar"},
71 "delegate": {"@": "owner" },
72 "buttons": [
73 {
74 "title": "Add",
75 "identifier": "add"
76 }
77 ]
78 }
79 },
80 "resizer": {
81 "prototype": "js/panels/resize-composer",
82 "properties": {
83 "element": {"#": "resizeBar"},
84 "component": {"@": "owner"}
85 },
86 "listeners": [
87 {
88 "type": "resizeStart",
89 "listener": {"@": "owner"}
90 },
91 {
92 "type": "resizeMove",
93 "listener": {"@": "owner"}
94 },
95 {
96 "type": "resizeEnd",
97 "listener": {"@": "owner"}
98 }
99 ]
100 }
101 }
102 </script>
103</head>
104<body>
105<div data-montage-id="style-sheets-view-container" class="style-sheets-view-container">
106 <h4 data-montage-id="no-sheets-message" class="panel-message">No style sheets to display.</h4>
107 <ul data-montage-id="sheet-list" class="sheet-list">
108 <li><div data-montage-id="sheet-item"></div></li>
109 </ul>
110 <div data-montage-id="style-sheets-toolbar-container" class="style-sheets-toolbar-container">
111 <div data-montage-id="style-sheets-toolbar"></div>
112 </div>
113 <div data-montage-id="resizeBar" class="sub-panel-resizer"></div>
114</div>
115</body>
116</html> \ No newline at end of file