zzdom/src/plugin-forms.js

A tiny javascript API that implements only the DOM functions of jquery including chaining.

export const plugin = {};

plugin.register = function( zzDOM ){
    this._registerSS( zzDOM );
    this._registerMM( zzDOM );
};

plugin._registerSS = function( zzDOM ){
    /* Forms */

    // checked only works on radio, checkbox and option
    zzDOM.SS.prototype.checked = function ( value ) {
        return this.prop( 'checked', value );
    };

    // disabled only works on button, fieldset, optgroup, option, select, textarea and input
    zzDOM.SS.prototype.disabled = function ( value ) {
        return this.prop( 'disabled', value );
    };

    // indeterminate only works on checkbox, radio and progress
    zzDOM.SS.prototype.indeterminate = function ( value ) {
        return this.prop( 'indeterminate', value );
    };

    //TODO add support of object and function types in value
    zzDOM.SS.prototype.prop = function ( key, value ) {
        
        // get
        if ( value === undefined ){
            return !! this.el[ key ];
        }
        
        // set
        this.el[ key ] = value;
        return this;
    };

    /**
     * @param {Array<?>|String=} value
     */
    zzDOM.SS.prototype.val = function ( value ) {
        // get
        if ( value === undefined ){
            switch ( this.el.nodeName ) {
            case 'INPUT':
            case 'TEXTAREA':
            case 'BUTTON':
            case 'OPTION':
            case 'CHECKBOX':
                return this.el.value;
            case 'SELECT':
                var values = [];
                for ( var i = 0; i < this.el.length; ++i ) {
                    if ( this.el[ i ].selected ) {
                        values.push( this.el[ i ].value );
                    }
                }
                return values.length > 1? values: values[ 0 ];
            default:
                throw zzDOM._getError( 'val' );
            }
        }
        
        // set
        switch ( this.el.nodeName ) {
        case 'INPUT':
        case 'TEXTAREA':
        case 'BUTTON':
        case 'OPTION':
        case 'CHECKBOX':
            this.el.value = value;
            break;
        case 'SELECT':
            if ( typeof value === 'string' || typeof value === 'number' || value == null ) {
                value = [ value ];
            }
            for ( i = 0; i < this.el.length; ++i ) {
                for ( var j = 0; j < value.length; ++j ) {
                    this.el[ i ].selected = '';
                    if ( this.el[ i ].value == value[ j ] ) {
                        this.el[ i ].selected = 'selected';
                        break;
                    }
                }
            }
            break;
        default:
            throw zzDOM._getError( 'val' );
        }
        
        return this;
    };
    /* End of forms */
};

plugin._registerMM = function( zzDOM ){
    zzDOM.add( zzDOM.SS.prototype.checked, zzDOM.MM.constructors.val0 );
    zzDOM.add( zzDOM.SS.prototype.disabled, zzDOM.MM.constructors.val0 );
    zzDOM.add( zzDOM.SS.prototype.indeterminate, zzDOM.MM.constructors.val0 );
    zzDOM.add( zzDOM.SS.prototype.prop, zzDOM.MM.constructors.val1 );
    zzDOM.add( zzDOM.SS.prototype.val, zzDOM.MM.constructors.val0 );
};