aboutsummaryrefslogtreecommitdiff
path: root/js/stage/objects-tray.reel/objects-tray.html
diff options
context:
space:
mode:
Diffstat (limited to 'js/stage/objects-tray.reel/objects-tray.html')
-rw-r--r--js/stage/objects-tray.reel/objects-tray.html66
1 files changed, 66 insertions, 0 deletions
diff --git a/js/stage/objects-tray.reel/objects-tray.html b/js/stage/objects-tray.reel/objects-tray.html
new file mode 100644
index 00000000..901f3e58
--- /dev/null
+++ b/js/stage/objects-tray.reel/objects-tray.html
@@ -0,0 +1,66 @@
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>
8<head>
9 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
10 <link rel="stylesheet" type="text/css" href="objects-tray.css">
11
12 <script type="text/montage-serialization">
13 {
14 "owner": {
15 "prototype": "js/stage/objects-tray.reel",
16 "properties": {
17 "element": {"#": "objects-tray"},
18 "iconsRepetition": {"@": "repetition" },
19 "offStageObjectsController": {"@": "arrayController"}
20 }
21 },
22 "repetition" : {
23 "prototype": "montage/ui/repetition.reel",
24 "properties": {
25 "element": {"#": "list"},
26 "contentController": {"@": "arrayController"}
27 }
28 },
29 "arrayController": {
30 "prototype": "montage/ui/controller/array-controller",
31 "bindings": {
32 "content": {"<-": "@owner.objects"}
33 }
34 },
35 "objectComponent": {
36 "prototype": "js/panels/objects/object.reel",
37 "properties": {
38 "element": {"#": "list-item"}
39 },
40 "bindings": {
41 "sourceObject" : {"<-": "@repetition.objectAtCurrentIteration"},
42 "identifier" : {"<-": "@repetition.objectAtCurrentIteration.identifier"}
43 },
44 "listeners": [
45 {
46 "type": "click",
47 "listener": {"@": "owner"}
48 }
49 ]
50 }
51
52 }
53 </script>
54
55</head>
56<body>
57
58
59<section data-montage-id="objects-tray" class="objects-tray">
60 <ul data-montage-id="list" class="objects-list">
61 <li data-montage-id="list-item" class="list-item"></li>
62 </ul>
63</section>
64
65</body>
66</html>