Merge branch 'refs/heads/NinjaInternal' into Color

1 files changed, 288 insertions, 0 deletions

diff --git a/node_modules/ninja-components/flow-controller.reel/flow-controller.js b/node_modules/ninja-components/flow-controller.reel/flow-controller.js
new file mode 100644
index 00000000..0ce12473
--- /dev/null
+++ b/node_modules/ninja-components/flow-controller.reel/flow-controller.js
@@ -0,0 +1,288 @@
+/* <copyright>
+This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+(c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+</copyright> */
+
+var Montage = require("montage").Montage,
+    Component = require("ui/component").Component;
+
+exports.FlowController = Montage.create(Component, {
+
+    templateDidLoad: {
+        value: function() {
+//            this.spacing = this.offsetController.scale;
+//            this.animation = this.path2;
+//            this.hasMomentum = this.scrollController.hasMomentum;
+        }
+    },
+
+    scrollController: {
+        enumerable: true,
+        serializable: true,
+        value: null
+    },
+
+    offsetController: {
+        enumerable: true,
+        serializable: true,
+        value: null
+    },
+
+    flowComponent: {
+        enumerable: true,
+        serializable: true,
+        value: null
+    },
+
+
+    
+    // ------------------------------------------------------------------------
+    // Forwarding these properties to their equivalents in Scroll
+    _speed: {
+        enumerable: true,
+        serializable: true,
+        value: 1
+    },
+
+    speed: {
+        get: function() {
+            return this._speed;
+        },
+        set: function(value) {
+            if(this._speed !== value)
+            {
+                if( this.scrollController && (this.scrollController.pointerSpeedMultiplier !== value) )
+                {
+                    this._speed = value;
+                    this.scrollController.pointerSpeedMultiplier = value;
+                    this.needsDraw = true;
+                }
+            }
+        }
+    },
+
+    hasMomentum: {
+        get: function() {
+            if(this.scrollController)
+            {
+                return this.scrollController.hasMomentum;
+            }
+        },
+        set: function(value) {
+            if( this.scrollController && (this.scrollController.hasMomentum !== value) )
+            {
+                this.scrollController.hasMomentum = value;
+                this.needsDraw = true;
+            }
+        }
+    },
+
+    hasBouncing: {
+        get: function() {
+            if(this.scrollController)
+            {
+                return this.scrollController.hasBouncing;
+            }
+        },
+        set: function(value) {
+            if( this.scrollController && (this.scrollController.hasBouncing !== value) )
+            {
+                this.scrollController.hasBouncing = value;
+                this.needsDraw = true;
+            }
+        }
+    },
+
+    momentumDuration: {
+        get: function() {
+            if(this.scrollController)
+            {
+                return this.scrollController.momentumDuration;
+            }
+        },
+        set: function(value) {
+            if( this.scrollController && (this.scrollController.momentumDuration !== value) )
+            {
+                this.scrollController.momentumDuration = value;
+                this.needsDraw = true;
+            }
+        }
+    },
+
+    bouncingDuration: {
+        get: function() {
+            if(this.scrollController)
+            {
+                return this.scrollController.bouncingDuration;
+            }
+        },
+        set: function(value) {
+            if( this.scrollController && (this.scrollController.bouncingDuration !== value) )
+            {
+                this.scrollController.bouncingDuration = value;
+                this.needsDraw = true;
+            }
+        }
+    },
+    // ------------------------------------------------------------------------
+
+
+
+    // ------------------------------------------------------------------------
+    // Forwarding these properties to their equivalents in FlowOffset
+    _spacing: {
+        enumerable: true,
+        serializable: true,
+        value: 350
+    },
+
+    spacing: {
+        get: function() {
+            return this._spacing;
+        },
+        set: function(scale) {
+//            if( this.offsetController && (this.offsetController.scale !== scale) )
+//            {
+//                this.offsetController.scale = scale;
+//                this.needsDraw = true;
+//            }
+            if(this._spacing !== scale)
+            {
+                if( this.offsetController && (this.offsetController.scale !== scale) )
+                {
+                    this._spacing = scale;
+                    this.offsetController.scale = scale;
+                    this.needsDraw = true;
+                }
+            }
+        }
+    },
+    // ------------------------------------------------------------------------
+
+
+    
+    // ------------------------------------------------------------------------
+    // Some paths definitions and necessary values
+    interpValue: {
+        enumerable: true,
+        serializable: true,
+        value: 1
+    },
+
+    slideShow: {
+        value: {
+            value: function (slide) {
+                var path={
+                        translateX: 10+slide.time
+                    };
+                return path;
+            }
+        }
+    },
+    // ------------------------------------------------------------------------
+
+
+    
+    // ------------------------------------------------------------------------
+    // Forwarding these properties to their equivalents in Flow
+
+    // TODO - hard-coding values for demo
+    _src: {
+        enumerable: true,
+        serializable: true,
+        value: ""
+    },
+
+    src: {
+        get: function() {
+            return this._src;
+        },
+        set: function(value) {
+            this.images = this.imagesForDemo;
+            this._src = "images";