add extjs 6.0.1 sources

[extjs.git] / extjs / modern / modern / src / field / FileInput.js

/**\r
 * @private\r
 */\r
Ext.define('Ext.field.FileInput', {\r
    extend: 'Ext.field.Input',\r
    xtype: 'fileinput',\r
\r
    /**\r
     * @event change\r
     * Fires just before the field blurs if the field value has changed\r
     * @param {Ext.field.Text} this This field\r
     * @param {Mixed} newValue The new value\r
     * @param {Mixed} oldValue The original value\r
     */\r
\r
    config: {\r
        type: "file",\r
        accept: null,\r
        capture: null,\r
        name: null,\r
        multiple: false\r
    },\r
\r
    /**\r
     * @property {Object} Lookup of capture devices to accept types\r
     * @private\r
     */\r
    captureLookup: {\r
        video: "camcorder",\r
        image: "camera",\r
        audio: "microphone"\r
    },\r
\r
    /**\r
     * @private\r
     */\r
    initialize: function() {\r
        var me = this;\r
\r
        me.callParent();\r
\r
        me.input.on({\r
            scope: me,\r
            change: 'onInputChange'\r
        });\r
    },\r
\r
    /**\r
     * Returns the field data value.\r
     * @return {String} value The field value.\r
     */\r
    getValue: function() {\r
        var input = this.input;\r
\r
        if (input) {\r
            this._value = input.dom.value;\r
        }\r
\r
        return this._value;\r
    },\r
\r
    /**\r
     * Sets the internal value. Security restrictions prevent setting file values on the input element\r
     * @cfg newValue {string} New Value\r
     * @return {String}\r
     */\r
    setValue: function(newValue) {\r
        var oldValue = this._value;\r
        this._value = newValue;\r
\r
        if (String(this._value) != String(oldValue) && this.initialized) {\r
            this.onChange(this, this._value, oldValue);\r
        }\r
\r
        return this;\r
    },\r
\r
    /**\r
     * Returns the field files.\r
     * @return {FileList} List of the files selected.\r
     */\r
    getFiles: function() {\r
        var input = this.input;\r
\r
        if (input) {\r
            this.$files = input.dom.files;\r
        }\r
\r
        return this.$files;\r
    },\r
\r
    /**\r
     * @private\r
     */\r
    onInputChange: function(e) {\r
        this.setValue(e.target.value);\r
    },\r
\r
    /**\r
     * Called when the value changes on this input item\r
     * @cfg me {Ext.field.FileInput}\r
     * @cfg value {String} new Value\r
     * @cfg startValue {String} Original Value\r
     */\r
    onChange: function(me, value, startValue) {\r
        this.fireEvent('change', me, value, startValue);\r
    },\r
\r
    /**\r
     * Called when the name being changed\r
     * @cfg value   new value\r
     * @return {*}\r
     */\r
    applyName: function(value) {\r
        if(this.getMultiple() && value.substr(-2, 2) !== "[]") {\r
            value += "[]";\r
        }else if((!this.getMultiple()) && value.substr(-2, 2) === "[]") {\r
            value = value.substr(0, value.length-2)\r
        }\r
\r
        return value;\r
    },\r
\r
    /**\r
     * Applies the multiple attribute to the input\r
     * @cfg value {boolean}\r
     * @return {boolean}\r
     */\r
    applyMultiple: function(value) {\r
        this.updateFieldAttribute('multiple', value ? '' : null);\r
        return value;\r
    },\r
\r
    /**\r
     * Called when the multiple property is updated. The name will automatically be toggled to an array if needed.\r
     */\r
    updateMultiple: function() {\r
        var name = this.getName();\r
        if(!Ext.isEmpty(name)) {\r
            this.setName(name);\r
        }\r
    },\r
\r
    /**\r
     * Updates the accept attribute with the {@link #accept} configuration.\r
     */\r
    applyAccept: function(value) {\r
        switch (value) {\r
            case "video":\r
            case "audio":\r
            case "image":\r
                value = value + "/*";\r
                break;\r
        }\r
\r
        this.updateFieldAttribute('accept', value);\r
    },\r
\r
    /**\r
     * Updated the capture attribute with the {@ink capture} configuration\r
     */\r
    applyCapture: function(value) {\r
        this.updateFieldAttribute('capture', value);\r
        return value;\r
    }\r
});\r