diff options
Diffstat (limited to 'js/panels/css-panel/style-declaration.reel/style-declaration.html')
-rw-r--r-- | js/panels/css-panel/style-declaration.reel/style-declaration.html | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/js/panels/css-panel/style-declaration.reel/style-declaration.html b/js/panels/css-panel/style-declaration.reel/style-declaration.html new file mode 100644 index 00000000..fad54453 --- /dev/null +++ b/js/panels/css-panel/style-declaration.reel/style-declaration.html | |||
@@ -0,0 +1,63 @@ | |||
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="style-declaration.css" rel="stylesheet" type="text/css" /> | ||
11 | <script type="text/montage-serialization"> | ||
12 | { | ||
13 | "owner": { | ||
14 | "prototype" : "js/panels/css-panel/style-declaration.reel", | ||
15 | "properties" : { | ||
16 | "element" : {"#" : "container"}, | ||
17 | "arrayController": {"@": "arrayController"}, | ||
18 | "styleComponent": {"@":"styleItem"}, | ||
19 | "repetition": {"@": "repetition"} | ||
20 | } | ||
21 | }, | ||
22 | "arrayController": { | ||
23 | "prototype": "montage/ui/controller/array-controller", | ||
24 | "properties": { | ||
25 | "automaticallyOrganizeObjects": true | ||
26 | }, | ||
27 | "bindings": { | ||
28 | "content": {"<-": "@owner.styles" } | ||
29 | } | ||
30 | }, | ||
31 | "repetition": { | ||
32 | "prototype": "montage/ui/repetition.reel", | ||
33 | "properties": { | ||
34 | "element": {"#": "declaration-list"}, | ||
35 | "contentController": {"@": "arrayController"} | ||
36 | } | ||
37 | }, | ||
38 | "styleItem": { | ||
39 | "prototype": "js/panels/css-panel/css-style.reel", | ||
40 | "properties": { | ||
41 | "element" : {"#": "style-item"}, | ||
42 | "declaration": {"@": "owner"} | ||
43 | }, | ||
44 | "bindings": { | ||
45 | "source": {"<-": "@repetition.objectAtCurrentIteration" }, | ||
46 | "propertyText": {"<<->": "@repetition.objectAtCurrentIteration.name" }, | ||
47 | "valueText": {"<<->": "@repetition.objectAtCurrentIteration.value" }, | ||
48 | "empty": {"<<->": "@repetition.objectAtCurrentIteration.isEmpty" }, | ||
49 | "delegate": {"<-": "@owner.focusDelegate" } | ||
50 | } | ||
51 | } | ||
52 | |||
53 | } | ||
54 | </script> | ||
55 | </head> | ||
56 | <body> | ||
57 | <div id="container"> | ||
58 | <dl data-montage-id="declaration-list" class="declaration-list"> | ||
59 | <div data-montage-id="style-item"></div> | ||
60 | </dl> | ||
61 | </div> | ||
62 | </body> | ||
63 | </html> \ No newline at end of file | ||