From b89a7ee8b956c96a1dcee995ea840feddc5d4b27 Mon Sep 17 00:00:00 2001 From: Pierre Frisch Date: Thu, 22 Dec 2011 07:25:50 -0800 Subject: First commit of Ninja to ninja-internal Signed-off-by: Valerio Virgillito --- .../montage/ui/scroller.reel/scroller.html | 55 +++++ node_modules/montage/ui/scroller.reel/scroller.js | 268 +++++++++++++++++++++ 2 files changed, 323 insertions(+) create mode 100644 node_modules/montage/ui/scroller.reel/scroller.html create mode 100644 node_modules/montage/ui/scroller.reel/scroller.js (limited to 'node_modules/montage/ui/scroller.reel') diff --git a/node_modules/montage/ui/scroller.reel/scroller.html b/node_modules/montage/ui/scroller.reel/scroller.html new file mode 100644 index 00000000..00a85a88 --- /dev/null +++ b/node_modules/montage/ui/scroller.reel/scroller.html @@ -0,0 +1,55 @@ + + + + + + + + + +

+ + \ No newline at end of file diff --git a/node_modules/montage/ui/scroller.reel/scroller.js b/node_modules/montage/ui/scroller.reel/scroller.js new file mode 100644 index 00000000..01df7d9c --- /dev/null +++ b/node_modules/montage/ui/scroller.reel/scroller.js @@ -0,0 +1,268 @@ +/* +This file contains proprietary software owned by Motorola Mobility, Inc.
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. + */ + +var Montage = require("montage").Montage, + Scroll = require("ui/scroll").Scroll, + Component = require("ui/component").Component; + +var Scroller = exports.Scroller = Montage.create(Component, { + + _scroll: { + enumerable: false, + value: null + }, + + _scrollX: { + enumerable: false, + value: 0 + }, + + scrollX: { + get: function () { + return this._scrollX; + }, + set: function (value) { + this._scrollX = value; + this.needsDraw = true; + } + }, + + _scrollY: { + enumerable: false, + value: 0 + }, + + scrollY: { + get: function () { + return this._scrollY; + }, + set: function (value) { + this._scrollY = value; + this.needsDraw = true; + } + }, + + _axis: { + enumerable: false, + value: "auto" + }, + + axis: { + get: function () { + return this._axis; + }, + set: function (value) { + this._axis = value; + this.needsDraw = true; + } + }, + + _displayScrollbars: { + enumerable: false, + value: "auto" + }, + + displayScrollbars: { + get: function () { + return this._displayScrollbars; + }, + set: function (value) { + switch (value) { + case "vertical": + case "horizontal": + case "both": + case "auto": + this._displayScrollbars = value; + break; + default: + this._displayScrollbars = "none"; + break; + } + this.needsDraw = true; + } + }, + + _hasMomentum: { + enumerable: false, + value: true + }, + + hasMomentum: { + get: function () { + return this._hasMomentum; + }, + set: function (value) { + this._hasMomentum = value; + } + }, + + _hasBouncing: { + enumerable: false, + value: true + }, + + hasBouncing: { + get: function () { + return this._hasBouncing; + }, + set: function (value) { + this._hasBouncing = value; + } + }, + + _momentumDuration: { + enumerable: false, + value: 650 + }, + + momentumDuration: { + get: function () { + return this._momentumDuration; + }, + set: function (value) { + this._momentumDuration = value; + } + }, + + _bouncingDuration: { + enumerable: false, + value: 750 + }, + + bouncingDuration: { + get: function () { + return this._bouncingDuration; + }, + set: function (value) { + this._bouncingDuration = value; + } + }, + + _content: { + enumerable: false, + value: null + }, + + templateDidLoad: { + value: function () { + var orphanedFragment, + currentContentRange = this.element.ownerDocument.createRange(); + + currentContentRange.selectNodeContents(this.element); + orphanedFragment = currentContentRange.extractContents(); + this._content.appendChild(orphanedFragment); + } + }, + + prepareForDraw: { + value: function () { + var self = this; + + this._scroll = Montage.create(Scroll); + this._scroll.element = this._element; + this._scroll.component = this; + Object.defineBinding(this._scroll, "scrollX", {boundObject: this, boundObjectPropertyPath: "scrollX", oneway: false}); + Object.defineBinding(this._scroll, "scrollY", {boundObject: this, boundObjectPropertyPath: "scrollY", oneway: false}); + Object.defineBinding(this._scroll, "axis", {boundObject: this, boundObjectPropertyPath: "axis", oneway: false}); + Object.defineBinding(this._scroll, "hasBouncing", {boundObject: this, boundObjectPropertyPath: "hasBouncing", oneway: false}); + Object.defineBinding(this._scroll, "hasMomentum", {boundObject: this, boundObjectPropertyPath: "hasMomentum", oneway: false}); + Object.defineBinding(this._scroll, "bouncingDuration", {boundObject: this, boundObjectPropertyPath: "bouncingDuration", oneway: false}); + Object.defineBinding(this._scroll, "momentumDuration", {boundObject: this, boundObjectPropertyPath: "momentumDuration", oneway: false}); + this._scroll.deserializedFromTemplate(); + this._scroll.addEventListener("scrollStart", function () { + self._scrollBars.opacity = .5; + }, false); + this._scroll.addEventListener("scrollEnd", function () { + self._scrollBars.opacity = 0; + }, false); + } + }, + + willDraw: { + enumerable: false, + value: function () { + this._left = this._element.offsetLeft; + this._top = this._element.offsetTop; + this._width = this._element.offsetWidth; + this._height = this._element.offsetHeight; + this._scroll.maxScrollX = this._content.scrollWidth - this._width; + if (this._scroll.maxScrollX < 0) { + this._scroll.maxScrollX = 0; + } + this._scroll.maxScrollY = this._content.offsetHeight - this._height; + if (this._scroll.maxScrollY < 0) { + this._scroll.maxScrollY = 0; + } + var delegateValue = this.callDelegateMethod("didSetMaxScroll", {x: this._scroll.maxScrollX, y: this._scroll.maxScrollY}); + if (delegateValue) { + this._scroll.maxScrollX = delegateValue.x; + this._scroll.maxScrollY = delegateValue.y; + } + switch (this._displayScrollbars) { + case "horizontal": + this._scrollBars.displayHorizontal = true; + this._scrollBars.displayVertical = false; + break; + case "vertical": + this._scrollBars.displayHorizontal = false; + this._scrollBars.displayVertical = true; + break; + case "both": + this._scrollBars.displayHorizontal = true; + this._scrollBars.displayVertical = true; + break; + case "auto": + if (this._scroll._maxScrollX && this._scroll._maxScrollY) { + this._scrollBars.displayHorizontal = true; + this._scrollBars.displayVertical = true; + } else { + if (this._scroll._maxScrollX) { + this._scrollBars.displayHorizontal = true; + this._scrollBars.displayVertical = false; + } else { + if (this._scroll._maxScrollY) { + this._scrollBars.displayHorizontal = false; + this._scrollBars.displayVertical = true; + } else { + this._scrollBars.displayHorizontal = false; + this._scrollBars.displayVertical = false; + } + } + } + break; + case "none": + this._scrollBars.displayHorizontal = false; + this._scrollBars.displayVertical = false; + break; + } + if (this._scrollBars.displayHorizontal) { + if (this._content.scrollWidth) { + this._scrollBars.horizontalLength = this._width / this._content.scrollWidth; + this._scrollBars.horizontalScroll = this._scrollX / this._content.scrollWidth; + } else { + this._scrollBars.horizontalLength = 1; + this._scrollBars.horizontalScroll = 0; + } + } + if (this._scrollBars.displayVertical) { + if (this._content.offsetHeight) { + this._scrollBars.verticalLength = this._height / this._content.offsetHeight; + this._scrollBars.verticalScroll = this._scrollY / this._content.offsetHeight; + } else { + this._scrollBars.verticalLength = 1; + this._scrollBars.verticalScroll = 0; + } + } + } + }, + + draw: { + enumerable: false, + value: function () { + this._content.style.webkitTransform="translate3d("+(-this._scrollX)+"px, "+(-this._scrollY)+"px, 0)"; + } + } +}); \ No newline at end of file -- cgit v1.2.3