1 files changed, 180 insertions, 0 deletions

diff --git a/node_modules/montage/ui/bluemoon/tabs.reel/tabs.js b/node_modules/montage/ui/bluemoon/tabs.reel/tabs.js
new file mode 100755
index 00000000..4836e455
--- /dev/null
+++ b/node_modules/montage/ui/bluemoon/tabs.reel/tabs.js
@@ -0,0 +1,180 @@
+/* <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> */
+/**
+        @module "montage/ui/tabs.reel"
+    @requires montage/core/core
+    @requires montage/ui/component
+    @requires "montage/ui/repetition.reel"
+    @requires "montage/ui/substitution.reel"
+    @requires "montage/ui/dynamic-text.reel"
+    @requires "montage/ui/image.reel"
+    @requires montage/core/uuid
+*/
+var Montage = require("montage").Montage,
+    Component = require("ui/component").Component,
+    Repetition = require("ui/repetition.reel").Repetition,
+    Substitution = require("ui/substitution.reel").Substitution,
+    DynamicText = require("ui/dynamic-text.reel").DynamicText,
+    Image = require("ui/image.reel").Image,
+    Uuid = require("core/uuid").Uuid;
+
+/**
+    @class module:"montage/ui/tabs.reel".Tabs
+*/
+
+var Tabs = exports.Tabs = Montage.create(Component, /** @lends module:"montage/ui/tabs.reel".Tabs# */ {
+
+    _repetition: {
+        value: null,
+        serializable: true
+    },
+
+    _indicator: {
+        value: null,
+        serializable: true
+    },
+/**
+        Description TODO
+        @type {Property}
+        @default {Array} []
+    */
+    tabs: {
+        distinct: true,
+        serializable: true,
+        value: []
+    },
+
+    navController: {
+        value: null,
+        serializable: true
+    },
+    // optional property. If provided, this will result in wiring tab clicks to switching components in content
+    /**
+        Description TODO
+        @type {Property}
+        @default null
+    */
+    content: {
+        enumerable: false,
+        serializable: true,
+        value: null
+    },
+
+    // @private -
+    _selectedTabs: {value: null},
+    selectedTabs: {
+        get: function() {
+            return this._selectedTabs;
+        },
+        set: function(arr) {
+            if(arr && arr.length > 0) {
+                this._selectedTabs = arr;
+                this.selectedTab = arr[0];
+            }
+        }
+    },
+
+    // selectedTabValue is the value of the Tab, selectedTab returns the object representing the tab
+
+    _selectedTabValue: {value: null},
+    selectedTabValue: {
+        get: function() {
+            return this._selectedTabValue;
+        },
+        set: function(value) {
+            this._selectedTabValue = value;
+            if(this.navController) {
+                var index = this._indexOf(value);
+                this.navController.selectedIndexes = [index];
+            }
+        },
+        serializable: true
+    },
+
+
+    _selectedTab: {value: null},
+    selectedTab: {
+        enumerable: false,
+        get: function() {
+            return this._selectedTab;
+        },
+        set: function(value) {
+            if(value && value !== this._selectedTab) {
+                this._selectedTab = value;
+                this.needsDraw = true;
+            }
+        }
+    },
+
+    _indexOf: {
+        value: function(value) {
+            var index = 0;
+            // get the index of the this value element in the tabs array
+            var i = 0, len = this.tabs.length;
+            for (; i < len; i++) {
+                if (this.tabs[i].value === value) {
+                    index = i;
+                }
+            }
+            return index;
+
+        }
+    },
+
+    propertyChangeBindingListener: {
+        value: function(type, listener, useCapture, atSignIndex, bindingOrigin, bindingPropertyPath, bindingDescriptor) {
+            // kishore: same as in list.js
+            if (bindingDescriptor.boundObjectPropertyPath.match(/objectAtCurrentIteration/)) {
+                if (this._repetition) {
+                    bindingDescriptor.boundObject = this._repetition;
+                    return this._repetition.propertyChangeBindingListener.apply(this._repetition, arguments);
+                } else {
+                    return null;
+                }
+            } else {
+                return Object.prototype.propertyChangeBindingListener.apply(this, arguments);
+            }
+        }
+    },
+
+    deserializedFromTemplate: {
+        value: function() {
+            this._orphanedChildren = this.childComponents;
+            this.childComponents = null;
+        }
+    },
+
+    templateDidLoad: {
+        value: function() {
+            var orphanedFragment,
+                currentContentRange = this.element.ownerDocument.createRange();
+            currentContentRange.selectNodeContents(this.element);
+            orphanedFragment = currentContentRange.extractContents();
+
+            this._repetition.element.querySelector('li').appendChild(orphanedFragment);
+            this._repetition.childComponents = this._orphanedChildren;
+            this._repetition.needsDraw = true;
+
+            if(this.content) {
+                // substitution
+                Object.defineBinding(this.content, "switchValue", {
+                    boundObject: this,
+                    boundObjectPropertyPath: 'selectedTab.value'
+                });
+            }
+            var index = (this.selectedTabValue ? this._indexOf(this.selectedTabValue) : 0);
+            this.navController.selectedIndexes = [index];
+
+        }
+    },
+
+    draw: {
+        value: function() {
+            //console.log("draw current tab = " + value);
+        }
+    }
+
+});