diff options
Diffstat (limited to 'js/panels/css-panel/rule-list.reel/rule-list.html')
-rw-r--r-- | js/panels/css-panel/rule-list.reel/rule-list.html | 85 |
1 files changed, 85 insertions, 0 deletions
diff --git a/js/panels/css-panel/rule-list.reel/rule-list.html b/js/panels/css-panel/rule-list.reel/rule-list.html new file mode 100644 index 00000000..69154d8d --- /dev/null +++ b/js/panels/css-panel/rule-list.reel/rule-list.html | |||
@@ -0,0 +1,85 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <!-- <copyright> | ||
3 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
4 | No 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="rule-list.css" type="text/css" rel="stylesheet"> | ||
11 | <script type="text/montage-serialization"> | ||
12 | { | ||
13 | "owner": { | ||
14 | "module" : "js/panels/css-panel/rule-list.reel", | ||
15 | "name" : "RuleList", | ||
16 | "properties" : { | ||
17 | "element" : {"#" : "container"}, | ||
18 | "listElement": {"#": "rules-list"} | ||
19 | } | ||
20 | } | ||
21 | } | ||
22 | </script> | ||
23 | <script type="text/json"> | ||
24 | , | ||
25 | "ruleListController": { | ||
26 | "module":"montage/ui/controller/array-controller", | ||
27 | "name": "ArrayController", | ||
28 | "bindings": { | ||
29 | "content" : { | ||
30 | "boundObject": {"@": "owner"}, | ||
31 | "boundObjectPropertyPath": "contentController.ruleList", | ||
32 | "oneway": true | ||
33 | } | ||
34 | } | ||
35 | }, | ||
36 | "ruleList": { | ||
37 | "module" : "montage/ui/repetition.reel", | ||
38 | "name": "Repetition", | ||
39 | "properties": { | ||
40 | "element": {"#": "rules-list"} | ||
41 | }, | ||
42 | "bindings": { | ||
43 | "objects" : { | ||
44 | "boundObject": {"@": "owner"}, | ||
45 | "boundObjectPropertyPath": "contentController.ruleList", | ||
46 | "oneway": true | ||
47 | } | ||
48 | } | ||
49 | }, | ||
50 | "slot": { | ||
51 | "module" : "montage/ui/slot.reel", | ||
52 | "name" : "Slot", | ||
53 | "properties" : { | ||
54 | "element" : {"#" : "rule-item"} | ||
55 | }, | ||
56 | "bindings": { | ||
57 | "rule" : { | ||
58 | "boundObject": {"@": "ruleList"}, | ||
59 | "boundObjectPropertyPath": "objectAtCurrentIteration", | ||
60 | "oneway": true | ||
61 | } | ||
62 | } | ||
63 | }, | ||
64 | "ruleContainer": { | ||
65 | "module": "js/panels/css-panel/rule-container.reel", | ||
66 | "name": "RuleContainer", | ||
67 | "properties": { | ||
68 | "element": {"#": "rule-item"} | ||
69 | }, | ||
70 | "bindings": { | ||
71 | "rule" : { | ||
72 | "boundObject": {"@": "ruleList"}, | ||
73 | "boundObjectPropertyPath": "objectAtCurrentIteration", | ||
74 | "oneway": true | ||
75 | } | ||
76 | } | ||
77 | } | ||
78 | </script> | ||
79 | </head> | ||
80 | <body> | ||
81 | <div id="container" class="rule-list-container"> | ||
82 | <ul id="rules-list" class="rule-list"></ul> | ||
83 | </div> | ||
84 | </body> | ||
85 | </html> \ No newline at end of file | ||