aboutsummaryrefslogtreecommitdiff
path: root/js/components/menu/menu-item.reel/menu-item.html
diff options
context:
space:
mode:
Diffstat (limited to 'js/components/menu/menu-item.reel/menu-item.html')
-rw-r--r--js/components/menu/menu-item.reel/menu-item.html83
1 files changed, 83 insertions, 0 deletions
diff --git a/js/components/menu/menu-item.reel/menu-item.html b/js/components/menu/menu-item.reel/menu-item.html
new file mode 100644
index 00000000..d199a440
--- /dev/null
+++ b/js/components/menu/menu-item.reel/menu-item.html
@@ -0,0 +1,83 @@
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="menu-item.css">
11
12 <script type="text/montage-serialization">
13 {
14 "entriesController": {
15 "name": "ArrayController",
16 "module": "montage/ui/controller/array-controller",
17 "properties": {
18 "automaticallyOrganizeObjects": false
19 },
20 "bindings": {
21 "content": {
22 "boundObject": {"@": "owner"},
23 "boundObjectPropertyPath": "subentries",
24 "oneway": true
25 }
26 }
27 },
28
29 "repetition": {
30 "module": "montage/ui/repetition.reel",
31 "name": "Repetition",
32 "properties": {
33 "element": {"#": "subEntries"},
34 "contentController": {"@": "entriesController"}
35 }
36 },
37
38 "menuItem": {
39 "module": "js/components/menu/menu-item.reel",
40 "name": "MenuItem",
41 "properties": {
42 "element": {"#": "menuEntryItem" }
43 },
44 "bindings": {
45 "data": {
46 "boundObject": {"@": "repetition"},
47 "boundObjectPropertyPath": "objectAtCurrentIteration",
48 "oneway": true
49 }
50 }
51 },
52
53 "owner": {
54 "module": "js/components/menu/menu-item.reel",
55 "name": "MenuItem",
56 "properties": {
57 "element": {"#": "menuItem"},
58 "itemBackground": {"#": "menuItemBackground"},
59 "itemText": {"#": "menuItemText"},
60 "subMenu": {"#": "subEntries"}
61 }
62 }
63 }
64 </script>
65
66</head>
67<body>
68
69 <li id="menuItem" class="menuItem">
70 <div id="menuItemBackground" class="menubg">
71 <span class="check"></span>
72 <span id="menuItemText" class="menu-label"></span>
73 <span class="rightArrow"></span>
74
75 <ul id="subEntries" class="subEntries" style="display: none">
76 <li id="menuEntryItem"></li>
77 </ul>
78
79 </div>
80 </li>
81
82</body>
83</html>