oms-Media/Controller.js

(function (jsOMS)
{
    "use strict";

    jsOMS.Autoloader.defineNamespace('jsOMS.Modules');

    jsOMS.Modules.Media = function (app)
    {
        this.app = app;
    };

    jsOMS.Modules.Media.prototype.bind = function (id)
    {
        const e      = typeof id === 'undefined' ? document.getElementsByTagName('form') : [document.getElementById(id)],
            length = e.length;

        for (let i = 0; i < length; i++) {
            this.bindElement(e[i]);
        }
    };

    jsOMS.Modules.Media.prototype.bindElement = function (form)
    {
        if (typeof form === 'undefined' || !form) {
            // todo: do logging here

            return;
        }

        const self = this;

        if (!form.querySelector('input[type=file]')|| !document.querySelector('input[type=file][form=' + form.id + ']')) {
            try {
                // Inject media upload into form view
                this.app.uiManager.getFormManager().get(form.id).injectSubmit(function (e, requestId, requestGroup)
                {
                    /** global: jsOMS */
                    let fileFields = e.querySelectorAll('input[type=file]'),
                        uploader   = new jsOMS.Modules.Models.Media.Upload(self.app.responseManager);

                    uploader.setSuccess(e.id, function (type, response)
                    {
                        e.querySelector('input[type=file]+input[type=hidden]').value = JSON.stringify(response.uploads);
                        self.app.eventManager.trigger(requestGroup, requestId);
                    });

                    uploader.setUri('{/base}/{/lang}/api/media');

                    for (let i = 0; i < fileFields.length; i++) {
                        for (let j = 0; j < fileFields[i].files.length; j++) {
                            uploader.addFile(fileFields[i].files[j]);
                        }
                    }

                    if (uploader.count() < 1) {
                        return;
                    }

                    uploader.upload(e.id);
                });
            } catch (e) {
                this.app.logger.info('Tried to add media upload support for form without an ID.');
            }
        }
    };
}(window.jsOMS = window.jsOMS || {}));

jsOMS.ready(function ()
{
    "use strict";

    window.omsApp.moduleManager.get('Media').bind();
});