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 <rmwh84@motorola.com>
---
 js/components/combobox.reel/combobox.js | 140 ++++++++++++++++++++++++++++++++
 1 file changed, 140 insertions(+)
 create mode 100644 js/components/combobox.reel/combobox.js

(limited to 'js/components/combobox.reel/combobox.js')

diff --git a/js/components/combobox.reel/combobox.js b/js/components/combobox.reel/combobox.js
new file mode 100644
index 00000000..f262bb06
--- /dev/null
+++ b/js/components/combobox.reel/combobox.js
@@ -0,0 +1,140 @@
+/* <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/core/core").Montage;
+var Component = require("montage/ui/component").Component;
+
+exports.Combobox = Montage.create(Component, {
+
+    _valueSyncedWithInputField: {
+        enumerable: false,
+        value: false
+    },
+
+    _wasSetByCode: {
+        enumerable: false,
+        value: true
+    },
+
+    labelField: {
+        value: null
+    },
+
+    labelFunction: {
+        value: null
+    },
+
+    _items: {
+        value: []
+    },
+
+    items: {
+        enumerable: true,
+        serializable: true,
+        get: function() {
+            return this._items;
+        },
+        set: function(value) {
+            if (value !== this._items)
+            {
+                this._items = value;
+                this._valueSyncedWithInputField = false;
+                this.needsDraw = true;
+            }
+        }
+    },
+    
+    _value: {
+        enumerable: false,
+        value: null
+    },
+
+    value: {
+        enumerable: true,
+        serializable: true,
+        get: function() {
+            return this._value;
+        },
+        set: function(value) {
+            if (value !== this._value)
+            {
+                this._value = value;
+                this.needsDraw = true;
+
+                var e = document.createEvent("CustomEvent");
+                e.initEvent("change", true, true);
+                e.type = "change";
+                e._wasSetByCode = this._wasSetByCode;
+                e.value = this._value;
+                this.dispatchEvent(e);
+
+                this._wasSetByCode = false;
+            }
+        }
+    },
+
+    handleChange:
+    {
+        value:function(event)
+		{
+            this._valueSyncedWithInputField = true;
+            this._wasSetByCode = false;
+            this.value = this.element.value;
+            this.needsDraw = true;
+		}
+    },
+
+    willDraw: {
+        value: function() {
+            if(!this._valueSyncedWithInputField)
+            {
+                this.element.innerHTML = "";
+                
+                var optionItem = document.createElement("option");
+                var items = this._items;
+                var len = items.length;
+
+                var i;
+                for (i = 0; i < len; i++)
+                {
+                    var current = items[i];
+                    optionItem = document.createElement("option");
+                    optionItem.value = current;
+                    if(this.labelFunction)
+                    {
+                        optionItem.innerText = this.labelFunction(current);
+                    }
+                    else if(this.labelField)
+                    {
+                        optionItem.innerText = current[this.labelField];
+                    }
+                    else
+                    {
+                        optionItem.innerText = current;
+                    }
+                    this.element.appendChild(optionItem);
+                }
+            }
+        }
+    },
+
+    draw: {
+        value: function() {
+            if(!this._valueSyncedWithInputField)
+            {
+                this.element.value = this._value;
+            }
+            this._valueSyncedWithInputField = false;
+        }
+    },
+
+    prepareForDraw: {
+        value: function() {
+            this.element.addEventListener("change", this, false);
+        }
+    }
+
+});
\ No newline at end of file
-- 
cgit v1.2.3