diff options
Diffstat (limited to 'node_modules/montage/ui/scroller.reel')
-rw-r--r-- | node_modules/montage/ui/scroller.reel/scroller.css | 15 | ||||
-rw-r--r-- | node_modules/montage/ui/scroller.reel/scroller.html | 132 |
2 files changed, 76 insertions, 71 deletions
diff --git a/node_modules/montage/ui/scroller.reel/scroller.css b/node_modules/montage/ui/scroller.reel/scroller.css new file mode 100644 index 00000000..0966ad8e --- /dev/null +++ b/node_modules/montage/ui/scroller.reel/scroller.css | |||
@@ -0,0 +1,15 @@ | |||
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 | .montage-scroller { | ||
8 | position: relative; | ||
9 | display: block; | ||
10 | overflow: hidden; | ||
11 | } | ||
12 | .montage-scroller .content { | ||
13 | float: left; | ||
14 | width: 100%; | ||
15 | } \ No newline at end of file | ||
diff --git a/node_modules/montage/ui/scroller.reel/scroller.html b/node_modules/montage/ui/scroller.reel/scroller.html index 0b525746..a897faf8 100644 --- a/node_modules/montage/ui/scroller.reel/scroller.html +++ b/node_modules/montage/ui/scroller.reel/scroller.html | |||
@@ -5,81 +5,71 @@ | |||
5 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | 5 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. |
6 | </copyright> --> | 6 | </copyright> --> |
7 | <html> | 7 | <html> |
8 | <head> | 8 | <head> |
9 | <title></title> | 9 | <meta charset="utf-8"> |
10 | <script type="text/montage-serialization">{ | 10 | <link rel="stylesheet" href="scroller.css"> |
11 | 11 | <script type="text/montage-serialization"> | |
12 | "scrollbars": { | 12 | { |
13 | "prototype": "ui/scroll-bars.reel", | 13 | "scrollbars": { |
14 | "properties": { | 14 | "prototype": "ui/scroll-bars.reel", |
15 | "element": { | 15 | "properties": { |
16 | "#": "scrollbars" | 16 | "element": { |
17 | } | 17 | "#": "scrollbars" |
18 | } | 18 | } |
19 | } | ||
20 | }, | ||
21 | "translateComposer1": { | ||
22 | "prototype": "ui/composer/translate-composer", | ||
23 | "properties": { | ||
24 | "component": {"@": "owner"}, | ||
25 | "minTranslateX": 0, | ||
26 | "minTranslateY": 0, | ||
27 | "invertAxis": true | ||
28 | }, | ||
29 | "bindings": { | ||
30 | "translateX": {"<->": "@owner.scrollX"}, | ||
31 | "translateY": {"<->": "@owner.scrollY"}, | ||
32 | "maxTranslateX": {"<-": "@owner._maxTranslateX"}, | ||
33 | "maxTranslateY": {"<-": "@owner._maxTranslateY"}, | ||
34 | "axis": {"<-": "@owner.axis"}, | ||
35 | "hasMomentum": {"<-": "@owner.hasMomentum"} | ||
36 | }, | ||
37 | "listeners": [ | ||
38 | { | ||
39 | "type": "translateStart", | ||
40 | "listener": {"@": "owner"} | ||
19 | }, | 41 | }, |
20 | "translateComposer1": { | 42 | { |
21 | "prototype": "ui/composer/translate-composer", | 43 | "type": "translateEnd", |
22 | "properties": { | 44 | "listener": {"@": "owner"} |
23 | "component": {"@": "owner"}, | 45 | } |
24 | "minTranslateX": 0, | 46 | ] |
25 | "minTranslateY": 0, | 47 | }, |
26 | "invertAxis": true | 48 | "slot": { |
27 | }, | 49 | "prototype": "ui/slot.reel", |
28 | "bindings": { | 50 | "properties": { |
29 | "translateX": {"<->": "@owner.scrollX"}, | 51 | "element": {"#": "content"} |
30 | "translateY": {"<->": "@owner.scrollY"}, | 52 | }, |
31 | "maxTranslateX": {"<-": "@owner._maxTranslateX"}, | 53 | "bindings": { |
32 | "maxTranslateY": {"<-": "@owner._maxTranslateY"}, | 54 | "domContent": {"<-": "@owner.domContent"} |
33 | "axis": {"<-": "@owner.axis"}, | 55 | } |
34 | "hasMomentum": {"<-": "@owner.hasMomentum"} | 56 | }, |
35 | }, | 57 | "owner": { |
36 | "listeners": [ | 58 | "prototype": "ui/scroller.reel", |
37 | { | 59 | "properties": { |
38 | "type": "translateStart", | 60 | "_content": { |
39 | "listener": {"@": "owner"} | 61 | "#": "content" |
40 | }, | ||
41 | { | ||
42 | "type": "translateEnd", | ||
43 | "listener": {"@": "owner"} | ||
44 | } | ||
45 | ] | ||
46 | }, | 62 | }, |
47 | "slot": { | 63 | "element": { |
48 | "prototype": "ui/slot.reel", | 64 | "#": "montage-scroller" |
49 | "properties": { | ||
50 | "element": {"#": "content"} | ||
51 | }, | ||
52 | "bindings": { | ||
53 | "domContent": {"<-": "@owner.domContent"} | ||
54 | } | ||
55 | }, | 65 | }, |
56 | "owner": { | 66 | "_scrollBars": { |
57 | "prototype": "ui/scroller.reel", | 67 | "@": "scrollbars" |
58 | "properties": { | ||
59 | "_content": { | ||
60 | "#": "content" | ||
61 | }, | ||
62 | "element": { | ||
63 | "#": "montage-scroller" | ||
64 | }, | ||
65 | "_scrollBars": { | ||
66 | "@": "scrollbars" | ||
67 | } | ||
68 | } | ||
69 | } | 68 | } |
70 | |||
71 | }</script> | ||
72 | <style> | ||
73 | .montage-scroller { | ||
74 | position: relative; | ||
75 | display: block; | ||
76 | overflow: hidden; | ||
77 | } | ||
78 | .montage-scroller .content { | ||
79 | float: left; | ||
80 | width: 100%; | ||
81 | } | 69 | } |
82 | </style> | 70 | } |
71 | } | ||
72 | </script> | ||
83 | </head> | 73 | </head> |
84 | <body> | 74 | <body> |
85 | <div data-montage-id="montage-scroller" class="montage-scroller"> | 75 | <div data-montage-id="montage-scroller" class="montage-scroller"> |
@@ -87,4 +77,4 @@ | |||
87 | <div data-montage-id="content" class="content"></div> | 77 | <div data-montage-id="content" class="content"></div> |
88 | </div> | 78 | </div> |
89 | </body> | 79 | </body> |
90 | </html> | 80 | </html> \ No newline at end of file |