aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage/ui/scroller.reel
diff options
context:
space:
mode:
authorValerio Virgillito2012-05-03 22:53:07 -0700
committerValerio Virgillito2012-05-03 22:53:07 -0700
commit24b483db367291b72170f969de78efcb1a9b95bd (patch)
treea691a7803cefbfa76a6331a50cbeebcd16287d91 /node_modules/montage/ui/scroller.reel
parentdc93269cfa7c315d22d85c8217e2412749643f28 (diff)
downloadninja-24b483db367291b72170f969de78efcb1a9b95bd.tar.gz
integrating the latest montage version
Signed-off-by: Valerio Virgillito <valerio@motorola.com>
Diffstat (limited to 'node_modules/montage/ui/scroller.reel')
-rw-r--r--node_modules/montage/ui/scroller.reel/scroller.html26
-rw-r--r--node_modules/montage/ui/scroller.reel/scroller.js21
2 files changed, 19 insertions, 28 deletions
diff --git a/node_modules/montage/ui/scroller.reel/scroller.html b/node_modules/montage/ui/scroller.reel/scroller.html
index fc59297f..1663c26b 100644
--- a/node_modules/montage/ui/scroller.reel/scroller.html
+++ b/node_modules/montage/ui/scroller.reel/scroller.html
@@ -10,8 +10,7 @@
10 <script type="text/montage-serialization">{ 10 <script type="text/montage-serialization">{
11 11
12 "scrollbars": { 12 "scrollbars": {
13 "module": "montage/ui/scroll-bars.reel", 13 "prototype": "montage/ui/scroll-bars.reel",
14 "name": "ScrollBars",
15 "properties": { 14 "properties": {
16 "element": { 15 "element": {
17 "#": "scrollbars" 16 "#": "scrollbars"
@@ -19,20 +18,20 @@
19 } 18 }
20 }, 19 },
21 "translateComposer1": { 20 "translateComposer1": {
22 "module": "montage/ui/composer/translate-composer", 21 "prototype": "montage/ui/composer/translate-composer",
23 "name": "TranslateComposer",
24 "properties": { 22 "properties": {
25 "component": {"@": "owner"}, 23 "component": {"@": "owner"},
24 "minTranslateX": 0,
25 "minTranslateY": 0,
26 "invertAxis": true 26 "invertAxis": true
27 }, 27 },
28 "bindings": { 28 "bindings": {
29 "translateX": {"<<->": "@owner.scrollX"}, 29 "translateX": {"<<->": "@owner.scrollX"},
30 "translateY": {"<<->": "@owner.scrollY"}, 30 "translateY": {"<<->": "@owner.scrollY"},
31 "maxTranslateY": {"<<->": "@owner._maxTranslateY"}, 31 "maxTranslateX": {"<-": "@owner._maxTranslateX"},
32 "maxTranslateX": {"<<->": "@owner._maxTranslateX"}, 32 "maxTranslateY": {"<-": "@owner._maxTranslateY"},
33 "axis": {"<<->": "@owner.axis"}, 33 "axis": {"<-": "@owner.axis"},
34 "hasBouncing": {"<<->": "@owner.hasBouncing"}, 34 "hasMomentum": {"<-": "@owner.hasMomentum"}
35 "hasMomentum": {"<<->": "@owner.hasMomentum"}
36 }, 35 },
37 "listeners": [ 36 "listeners": [
38 { 37 {
@@ -46,8 +45,7 @@
46 ] 45 ]
47 }, 46 },
48 "owner": { 47 "owner": {
49 "module": "montage/ui/scroller.reel", 48 "prototype": "montage/ui/scroller.reel",
50 "name": "Scroller",
51 "properties": { 49 "properties": {
52 "_content": { 50 "_content": {
53 "#": "content" 51 "#": "content"
@@ -75,9 +73,9 @@
75 </style> 73 </style>
76</head> 74</head>
77<body> 75<body>
78 <div id="montage-scroller" class="montage-scroller"> 76 <div data-montage-id="montage-scroller" class="montage-scroller">
79 <div id="scrollbars"></div> 77 <div data-montage-id="scrollbars"></div>
80 <div id="content" class="content"></div> 78 <div data-montage-id="content" class="content"></div>
81 </div> 79 </div>
82</body> 80</body>
83</html> 81</html>
diff --git a/node_modules/montage/ui/scroller.reel/scroller.js b/node_modules/montage/ui/scroller.reel/scroller.js
index 8c367cd1..87218aeb 100644
--- a/node_modules/montage/ui/scroller.reel/scroller.js
+++ b/node_modules/montage/ui/scroller.reel/scroller.js
@@ -101,20 +101,6 @@ exports.Scroller = Montage.create(Component, {
101 } 101 }
102 }, 102 },
103 103
104 _hasBouncing: {
105 enumerable: false,
106 value: true
107 },
108
109 hasBouncing: {
110 get: function () {
111 return this._hasBouncing;
112 },
113 set: function (value) {
114 this._hasBouncing = value;
115 }
116 },
117
118 _content: { 104 _content: {
119 enumerable: false, 105 enumerable: false,
120 value: null 106 value: null
@@ -147,6 +133,13 @@ exports.Scroller = Montage.create(Component, {
147 } 133 }
148 }, 134 },
149 135
136 canDraw: {
137 value: function() {
138 this.needsDraw = true;
139 return Component.canDraw.apply(this, arguments);
140 }
141 },
142
150 willDraw: { 143 willDraw: {
151 enumerable: false, 144 enumerable: false,
152 value: function () { 145 value: function () {