jsOMS/UI/FormManager.js

/**
 * Form manager class.
 *
 * @author     OMS Development Team <dev@oms.com>
 * @author     Dennis Eichhorn <d.eichhorn@oms.com>
 * @copyright  2013 Dennis Eichhorn
 * @license    OMS License 1.0
 * @version    1.0.0 * @since      1.0.0
 */
(function (jsOMS)
{
    "use strict";

    /** @namespace jsOMS.UI */
    jsOMS.Autoloader.defineNamespace('jsOMS.UI');

    /**
     * @constructor
     *
     * @since 1.0.0
     * @author Dennis Eichhorn <d.eichhorn@oms.com>
     */
    jsOMS.UI.FormManager = function (app)
    {
        this.app    = app;
        this.forms  = {};
        this.ignore = {};
    };

    /**
     * Get form
     *
     * @param {string} id Form Id
     *
     * @since 1.0.0
     * @author Dennis Eichhorn <d.eichhorn@oms.com>
     */
    jsOMS.UI.FormManager.prototype.get = function (id)
    {
        return this.forms[id];
    };

    /**
     * Is form ignored?
     *
     * @param {string} id Form Id
     *
     * @since 1.0.0
     * @author Dennis Eichhorn <d.eichhorn@oms.com>
     */
    jsOMS.UI.FormManager.prototype.isIgnored = function (id)
    {
        return this.ignore.indexOf(id) !== -1;
    };

    /**
     * Unbind form
     *
     * @param {string} id Form Id
     *
     * @since 1.0.0
     * @author Dennis Eichhorn <d.eichhorn@oms.com>
     */
    jsOMS.UI.FormManager.prototype.unbind = function (id)
    {

    };

    /**
     * Bind form
     *
     * @param {string} id Form Id (optional)
     *
     * @since 1.0.0
     * @author Dennis Eichhorn <d.eichhorn@oms.com>
     */
    jsOMS.UI.FormManager.prototype.bind = function (id)
    {
        if (typeof id !== 'undefined' && typeof this.ignore[id] === 'undefined') {
            this.bindForm(id);
        } else {
            let forms  = document.getElementsByTagName('form'),
                length = forms.length;

            for (var i = 0; i < length; i++) {
                if (typeof forms[i].getAttribute('id') !== 'undefined' && forms[i].getAttribute('id') !== null && typeof this.ignore[forms[i].getAttribute('id')] === 'undefined') {
                    this.bindForm(forms[i].getAttribute('id'));
                }
            }
        }
    };

    /**
     * Bind form
     *
     * @param {string} id Form Id
     *
     * @since 1.0.0
     * @author Dennis Eichhorn <d.eichhorn@oms.com>
     */
    jsOMS.UI.FormManager.prototype.bindForm = function (id)
    {
        if (typeof id === 'undefined' || !id) {
            this.app.logger.info('A form doesn\'t have an ID.');
            return;
        }

        let self       = this;
        this.forms[id] = new jsOMS.Views.FormView(id);

        this.unbind(id);

        this.forms[id].getSubmit().addEventListener('click', function (event)
        {
            jsOMS.preventAll(event);
            self.submit(self.forms[id]);
        });
    };

    /**
     * Unbind form
     *
     * @param {string} id Form Id
     *
     * @since 1.0.0
     * @author Dennis Eichhorn <d.eichhorn@oms.com>
     */
    jsOMS.UI.FormManager.prototype.unbindForm = function (id)
    {
        // todo: do i need the findex? can't i just use id?
        let findex = 0;

        if ((findex = this.forms[id]) !== 'undefined') {
            this.forms[id].unbind();
            this.forms.splice(findex, 1);

            return true;
        }

        return false;
    };

    /**
     * Submit form
     *
     * Calls injections first befor executing the actual form submit
     *
     * @param {Object} form Form object
     *
     * @since 1.0.0
     * @author Dennis Eichhorn <d.eichhorn@oms.com>
     */
    jsOMS.UI.FormManager.prototype.submit = function (form)
    {
        /* Handle injects */
        let self    = this,
            injects = form.getSubmitInjects(),
            counter = 0;

        for (let property in injects) {
            if (injects.hasOwnProperty(property)) {
                counter++;
                this.app.eventManager.addGroup(counter, form.getId());
                injects[property](form.getElement(), counter, form.getId());
            } else {
                this.app.logger.warning('Invalid property.');
            }
        }

        this.app.eventManager.attach(form.getId(), function ()
        {
            self.submitForm(form);
        });
        this.app.eventManager.trigger('?', form.getId());
    };

    /**
     * Submit form data
     *
     * Submits the main form data
     *
     * @param {Object} form Form object
     *
     * @since 1.0.0
     * @author Dennis Eichhorn <d.eichhorn@oms.com>
     */
    jsOMS.UI.FormManager.prototype.submitForm = function (form)
    {
        if (!form.isValid()) {
            this.app.logger.debug('Form "' + form.getId() + '" has invalid values.');
            return;
        }

        /* Handle default submit */
        let request = new jsOMS.Message.Request.Request(),
            self    = this;

        request.setData(form.getData());
        request.setType(jsOMS.Message.Response.ResponseType.JSON);
        request.setUri(form.getAction());
        request.setMethod(form.getMethod());
        request.setRequestHeader('Content-Type', 'application/json');
        request.setSuccess(function (xhr)
        {
            try {
                let o              = JSON.parse(xhr.response),
                    response       = new jsOMS.Message.Response.Response(o),
                    responseLength = response.count(),
                    tempResponse   = null,
                    success        = null;

                /* Handle responses (can be multiple response object) */
                for (let k = 0; k < responseLength; k++) {
                    tempResponse = response.getByIndex(k);

                    if ((success = form.getSuccess()) !== null) {
                        success(tempResponse);
                    } else {
                        self.app.responseManager.run(tempResponse.type, tempResponse, request);
                    }
                }
            } catch (e) {
                console.log(e);
                self.app.logger.error('Invalid form response. \n' +
                    'URL: ' + form.getAction() + '\n' +
                    'Request: ' + JSON.stringify(form.getData()) + '\n' +
                    'Response: ' + xhr.response
                );

                return false;
            }
        });

        request.send();
    };

    /**
     * Count the bound forms
     *
     * @return {number}
     *
     * @since 1.0.0
     * @author Dennis Eichhorn <d.eichhorn@oms.com>
     */
    jsOMS.UI.FormManager.prototype.count = function ()
    {
        return this.forms.length;
    };
}(window.jsOMS = window.jsOMS || {}));