diff options
author | Jonathan Duran | 2012-05-11 14:13:07 -0700 |
---|---|---|
committer | Jonathan Duran | 2012-05-11 14:13:07 -0700 |
commit | 1e2138fc7d0007b0ad3cb4807dc1c9101190f2f2 (patch) | |
tree | 2563aa7694c3caaf813ca71ef3250b2a76ee0041 /node_modules/montage/ui/autocomplete/results-list.reel | |
parent | 32257ac142f872d3c1f6c07504bae77ae884ed93 (diff) | |
parent | 6fcaa4e923a19672b5860b4c6f67d836680e7e99 (diff) | |
download | ninja-1e2138fc7d0007b0ad3cb4807dc1c9101190f2f2.tar.gz |
Merge branch 'refs/heads/TimelineUber' into TimelineProps
Diffstat (limited to 'node_modules/montage/ui/autocomplete/results-list.reel')
3 files changed, 108 insertions, 0 deletions
diff --git a/node_modules/montage/ui/autocomplete/results-list.reel/results-list.css b/node_modules/montage/ui/autocomplete/results-list.reel/results-list.css new file mode 100644 index 00000000..cc8791bc --- /dev/null +++ b/node_modules/montage/ui/autocomplete/results-list.reel/results-list.css | |||
@@ -0,0 +1,30 @@ | |||
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 | div.results-list { | ||
7 | min-width: 300px; | ||
8 | } | ||
9 | div.results-list ul { | ||
10 | list-style: none; | ||
11 | margin: 0; | ||
12 | } | ||
13 | div.results-list ul li { | ||
14 | cursor: default; | ||
15 | padding: 5px 5px 5px 10px; | ||
16 | } | ||
17 | div.results-list ul li.active{ | ||
18 | background-color: #eee; | ||
19 | color: #333; | ||
20 | cursor: pointer; | ||
21 | } | ||
22 | div.results-list ul .selected { | ||
23 | background-color: #fff; | ||
24 | cursor: default; | ||
25 | font-weight: bold; | ||
26 | } | ||
27 | div.results-list div.loading { | ||
28 | padding: 5px 10px; | ||
29 | |||
30 | } | ||
diff --git a/node_modules/montage/ui/autocomplete/results-list.reel/results-list.html b/node_modules/montage/ui/autocomplete/results-list.reel/results-list.html new file mode 100644 index 00000000..73612736 --- /dev/null +++ b/node_modules/montage/ui/autocomplete/results-list.reel/results-list.html | |||
@@ -0,0 +1,62 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <html> | ||
3 | <head> | ||
4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
5 | <title>Autocomplete Results Template</title> | ||
6 | <link rel="stylesheet" type="text/css" href="results-list.css"> | ||
7 | |||
8 | <script type="text/montage-serialization"> | ||
9 | { | ||
10 | |||
11 | "results": { | ||
12 | "prototype": "montage/ui/controller/array-controller", | ||
13 | "properties": { | ||
14 | "selectObjectsOnAddition": true, | ||
15 | "automaticallyOrganizeObjects": true | ||
16 | } | ||
17 | }, | ||
18 | "repetition1": { | ||
19 | "prototype": "montage/ui/repetition.reel", | ||
20 | "properties": { | ||
21 | "element": { | ||
22 | "#": "repetition1" | ||
23 | }, | ||
24 | "contentController": {"@": "results"}, | ||
25 | "isSelectionEnabled": true, | ||
26 | "orientation": "vertical" | ||
27 | }, | ||
28 | "bindings": { | ||
29 | "contentController": {"<-": "@owner.contentController"}, | ||
30 | "activeIndexes": {"<-": "@owner.activeIndexes"} | ||
31 | } | ||
32 | }, | ||
33 | |||
34 | "resultItem": { | ||
35 | "prototype": "montage/ui/dynamic-text.reel", | ||
36 | "properties": { | ||
37 | "element": {"#": "result-item"} | ||
38 | }, | ||
39 | "bindings": { | ||
40 | "value": {"<-": "@repetition1.objectAtCurrentIteration"} | ||
41 | } | ||
42 | }, | ||
43 | |||
44 | "owner": { | ||
45 | "prototype": "montage/ui/autocomplete/results-list.reel", | ||
46 | "properties": { | ||
47 | "element": {"#": "results-list"} | ||
48 | } | ||
49 | } | ||
50 | } | ||
51 | </script> | ||
52 | |||
53 | </head> | ||
54 | <body> | ||
55 | <div data-montage-id="results-list" class="results-list"> | ||
56 | <ul class="repetition" data-montage-id="repetition1"> | ||
57 | <li class="result-item" data-montage-id="result-item"></li> | ||
58 | </ul> | ||
59 | </div> | ||
60 | |||
61 | </body> | ||
62 | </html> | ||
diff --git a/node_modules/montage/ui/autocomplete/results-list.reel/results-list.js b/node_modules/montage/ui/autocomplete/results-list.reel/results-list.js new file mode 100644 index 00000000..795e74e0 --- /dev/null +++ b/node_modules/montage/ui/autocomplete/results-list.reel/results-list.js | |||
@@ -0,0 +1,16 @@ | |||
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 | var Montage = require("montage").Montage, | ||
7 | Component = require("ui/component").Component; | ||
8 | |||
9 | exports.ResultsList = Montage.create(Component, { | ||
10 | |||
11 | // contentController -> this.repetition.contentController | ||
12 | contentController: {value: null}, | ||
13 | |||
14 | activeIndexes: {value: null} | ||
15 | |||
16 | }); | ||