lazo-next/lib/public/views/state.js

A client-server web framework built on Node.js that allows front-end developers to easily create a 100% SEO compliant, component MVC structured web application with an optimized first page load.

define(['jquery', 'underscore'], function ($, _) {

    var prefix = 'lazo';
    var states = {
        focus: true,
        disabled: true,
        visible: true,
        hidden: true
    };

    return {

        stateClassPrefix: 'lazo',

        getStateClass: function (state) {
            return this.stateClassPrefix + '-' + state;
        },

        getValidStates: function () {
            return states;
        },

        getStates: function () {
            if (LAZO.app.isServer) {
                LAZO.logger.warn('[getStates] Client only method');
            }

            var self = this;
            var retVal = {};
            var state;
            var classNames = this.el ? this.el.className.split(' ') : [];
            var validStates = this.getValidStates();
            var states = _.filter(classNames, function (className) {
                var classNameParts = className.split('-');
                return classNameParts[0] === 'lazo' && validStates[classNameParts[1]];
            });

            for (var i = 0; i < states.length; i++) {
                state = states[i].split('-')[1];
                retVal[state] = state;
            }

            return retVal;
        },

        setState: function (state, on) {
            if (!states[state]) {
                LAZO.logger.warn('[setState] Invalid state, ' + state);
                return;
            }

            if (LAZO.app.isClient) {
                $(this.el)[on ? 'addClass' : 'removeClass'](this.getStateClass(state));
            }

            this._uiStates = this._uiStates || {};
            if (on) {
                this._uiStates[state] = state;
            } else {
                delete this._uiStates[state];
            }
        }

    };

});