1 files changed, 304 insertions, 0 deletions

diff --git a/node_modules/montage-user/ui/text-input.js b/node_modules/montage-user/ui/text-input.js
new file mode 100644
index 00000000..5b8025a2
--- /dev/null
+++ b/node_modules/montage-user/ui/text-input.js
@@ -0,0 +1,304 @@
+/* <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,
+    NativeControl = require("ui/native-control").NativeControl;
+
+    // Standard <input> tag attributes - http://www.w3.org/TR/html5/the-input-element.html#the-input-element
+
+exports.StandardInputAttributes = {
+    accept: null,
+    alt: null,
+    autocomplete: null,
+    autofocus: {dataType: "boolean"},
+    checked: {dataType: "boolean"},
+    dirname: null,
+    disabled: {dataType: 'boolean'},
+    form: null,
+    formaction: null,
+    formenctype: null,
+    formmethod: null,
+    formnovalidate: null,
+    formtarget: null,
+    height: null,
+    list: null,
+    max: null,
+    maxlength: null,
+    min: null,
+    multiple: {dataType: 'boolean'},
+    name: null,
+    pattern: null,
+    placeholder: null,
+    readonly: {dataType: 'boolean'},
+    required: {dataType: 'boolean'},
+    size: null,
+    src: null,
+    step: null,
+    width: null
+    // "type" is not bindable and "value" is handled as a special attribute
+};
+
+var TextInput = exports.TextInput =  Montage.create(NativeControl, {
+
+/**
+  Description TODO
+  @private
+*/
+    _hasFocus: {
+        enumerable: false,
+        value: false
+    },
+/**
+  Description TODO
+  @private
+*/
+    _value: {
+        enumerable: false,
+        value: null
+    },
+/**
+  Description TODO
+  @private
+*/
+    _valueSyncedWithInputField: {
+        enumerable: false,
+        value: false
+    },
+/**
+        Description TODO
+        @type {Function}
+        @default null
+    */
+    value: {
+        enumerable: true,
+        serializable: true,
+        get: function() {
+            return this._value;
+        },
+        set: function(value, fromInput) {
+
+            if (value && value.length > 0 && this.converter) {
+                var convertedValue;
+                try {
+                    convertedValue = this.converter.revert(value);
+                    if (this.error) {
+                        this.error = null;
+                    }
+                    this._value = convertedValue;
+
+                } catch(e) {
+                    // unable to convert - maybe error
+                    this.error = e;
+                    this._valueSyncedWithInputField = false;
+                }
+            } else {
+                this._value = value;
+            }
+            if(fromInput) {
+                this._valueSyncedWithInputField = true;
+                //this.needsDraw = true;
+            } else {
+                this._valueSyncedWithInputField = false;
+                this.needsDraw = true;
+            }
+        }
+    },
+
+    // set value from user input
+    /**
+      @private
+    */
+    _setValue: {
+        value: function() {
+            var newValue = this.element.value;
+            Object.getPropertyDescriptor(this, "value").set.call(this, newValue, true);
+        }
+    },
+/**
+        Description TODO
+        @type {Property}
+        @default null
+    */
+    converter:{
+        value: null
+    },
+/**
+  Description TODO
+  @private
+*/
+    _error: {
+        value: false
+    },
+ /**
+        Description TODO
+        @type {Function}
+        @default {Boolean} false
+    */
+    error: {
+        get: function() {
+            return this._error;
+        },
+        set: function(v) {
+            this._error = v;
+            this.errorMessage = this._error ? this._error.message : null;
+            this.needsDraw = true;
+        }
+    },
+
+    _errorMessage: {value: null},
+    errorMessage: {
+        get: function() {
+            return this._errorMessage;
+        },
+        set: function(v) {
+            this._errorMessage = v;
+        }
+    },
+
+/**
+  Description TODO
+  @private
+*/
+    _updateOnInput: {
+        value: true
+    },
+
+    // switch to turn off auto update upon keypress overriding the Converter flag
+/**
+        Description TODO
+        @type {Function}
+        @default {Boolean} true
+    */
+    updateOnInput: {
+        get: function() {
+            return !!this._updateOnInput;
+        },
+        set: function(v) {
+            this._updateOnInput = v;
+        }
+    },
+
+    // Callbacks
+    /**
+    Description TODO
+    @function
+    */
+    prepareForDraw: {
+        enumerable: false,
+        value: function() {
+            var el = this.element;
+            el.addEventListener("focus", this);
+            el.addEventListener('input', this);
+            el.addEventListener('change', this);
+            el.addEventListener('blur', this);
+        }
+    },
+/**
+  Description TODO
+  @private
+*/
+    _setElementValue: {
+        value: function(v) {
+            this.element.value = v;
+        }
+    },
+/**
+    Description TODO
+    @function
+    */
+    draw: {
+        enumerable: false,
+        value: function() {
+
+            var t = this.element;
+
+            if (!this._valueSyncedWithInputField) {
+                this._setElementValue(this.converter ? this.converter.convert(this._value) : this._value);
+            }
+
+
+            if (this.error) {
+                t.classList.add('montage-text-invalid');
+                t.title = this.error.message || '';
+            } else {
+                t.classList.remove("montage-text-invalid");
+                t.title = '';
+            }
+
+            var fn = Object.getPrototypeOf(TextInput).draw;
+            fn.call(this);
+
+        }
+    },
+/**
+    Description TODO
+    @function
+    */