diff options
Diffstat (limited to 'js/components/ui/icon-list-basic/iconsList.reel')
3 files changed, 113 insertions, 0 deletions
diff --git a/js/components/ui/icon-list-basic/iconsList.reel/iconsList.css b/js/components/ui/icon-list-basic/iconsList.reel/iconsList.css new file mode 100644 index 00000000..b4d4cffd --- /dev/null +++ b/js/components/ui/icon-list-basic/iconsList.reel/iconsList.css | |||
@@ -0,0 +1,9 @@ | |||
1 | /* <copyright> | ||
2 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
3 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
5 | </copyright> */ | ||
6 | |||
7 | .list{ | ||
8 | |||
9 | } | ||
diff --git a/js/components/ui/icon-list-basic/iconsList.reel/iconsList.html b/js/components/ui/icon-list-basic/iconsList.reel/iconsList.html new file mode 100644 index 00000000..50a1d61d --- /dev/null +++ b/js/components/ui/icon-list-basic/iconsList.reel/iconsList.html | |||
@@ -0,0 +1,62 @@ | |||
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="iconsList.css"> | ||
11 | <script type="text/montage-serialization"> | ||
12 | { | ||
13 | "pickerIcon": { | ||
14 | "module" : "js/components/ui/icon-list-basic/icon.reel", | ||
15 | "name": "Icon", | ||
16 | "properties": { | ||
17 | "element": {"#": "icon"} | ||
18 | }, | ||
19 | "bindings": { | ||
20 | "icondata": { | ||
21 | "boundObject": {"@": "repetition1"}, | ||
22 | "boundObjectPropertyPath": "objectAtCurrentIteration", | ||
23 | "oneway": true | ||
24 | } | ||
25 | } | ||
26 | }, | ||
27 | |||
28 | "repetition1" : { | ||
29 | "module": "montage/ui/repetition.reel", | ||
30 | "name": "Repetition", | ||
31 | "properties": { | ||
32 | "element": {"#": "iconsView"} | ||
33 | }, | ||
34 | "bindings": { | ||
35 | "objects": { | ||
36 | "boundObject": {"@": "owner"}, | ||
37 | "boundObjectPropertyPath": "iconsViewDataObject", | ||
38 | "oneway": true | ||
39 | } | ||
40 | } | ||
41 | |||
42 | }, | ||
43 | |||
44 | "owner" : { | ||
45 | "module" : "js/components/ui/icon-list-basic/iconsList.reel", | ||
46 | "name" : "IconsList", | ||
47 | "properties" : { | ||
48 | "element" : {"#": "list"}, | ||
49 | "components": [{"@": "repetition1"}] | ||
50 | } | ||
51 | } | ||
52 | } | ||
53 | </script> | ||
54 | </head> | ||
55 | <body> | ||
56 | <div id="list" class="list"> | ||
57 | <div id="iconsView"> | ||
58 | <div id="icon"></div> | ||
59 | </div> | ||
60 | </div> | ||
61 | </body> | ||
62 | </html> \ No newline at end of file | ||
diff --git a/js/components/ui/icon-list-basic/iconsList.reel/iconsList.js b/js/components/ui/icon-list-basic/iconsList.reel/iconsList.js new file mode 100644 index 00000000..56eb57c3 --- /dev/null +++ b/js/components/ui/icon-list-basic/iconsList.reel/iconsList.js | |||
@@ -0,0 +1,42 @@ | |||
1 | /* <copyright> | ||
2 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
3 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
5 | </copyright> */ | ||
6 | |||
7 | var Montage = require("montage/core/core").Montage; | ||
8 | var Component = require("montage/ui/component").Component; | ||
9 | |||
10 | var IconsList = exports.IconsList = Montage.create(Component, { | ||
11 | |||
12 | anItemData:{ | ||
13 | enumerable:true, | ||
14 | value: null | ||
15 | }, | ||
16 | |||
17 | iconsViewDataObject:{ | ||
18 | writable:true, | ||
19 | enumerable:true, | ||
20 | value:[] | ||
21 | }, | ||
22 | |||
23 | willDraw: { | ||
24 | enumerable: false, | ||
25 | value: function() { | ||
26 | |||
27 | } | ||
28 | }, | ||
29 | draw: { | ||
30 | enumerable: false, | ||
31 | value: function() { | ||
32 | |||
33 | } | ||
34 | }, | ||
35 | didDraw: { | ||
36 | enumerable: false, | ||
37 | value: function() { | ||
38 | |||
39 | } | ||
40 | } | ||
41 | |||
42 | }); \ No newline at end of file | ||