initWidgets.js

// -------------------------------------------------------------------------------------------------
// init widgets

/**
 * DOM-based routing module for page initialisation.
 * @module initWidgets
 * @author samc@fullsixuk.com
 *
 */
function initWidgets(scope, trycatch) {
    var $nodes = $('[data-widget]', scope),
        n = $nodes.length,
        widgetClasses,
        j;

    if (!n) {
        return false;
    }

    function exec() {
        // Iterate over DOM nodes, extract widget names and options and apply on-demand
        for (n; n--;) {
            // This is init code - any exception here will break the page
            widgetClasses = $nodes[n].getAttribute('data-widget').replace(/^\s*|\s*$/g, '').split(/\s+/);
            for (j = widgetClasses.length; j--;) {
                var widgetClass = $.camelCase(widgetClasses[j]);
                if (widgetClass && widgetClass in $.fn) {
                    var widgetOptions = $($nodes[n]).data(widgetClass.toLowerCase() + 'Options');
                    widgetOptions = (typeof widgetOptions === 'object') ? widgetOptions : {};
                    $($nodes[n])[widgetClass](widgetOptions);
                }
                else {
                    console.error('init widgets: class not found: <node widget=\'', widgetClass, '\'> = ', $nodes[n]);
                }
            }
        }
    }

    if (trycatch) {
        try {
            exec();
        }
        catch (e) {
            console.error('initWidgets(): exception - ' + e);
        }
    }
    else {
        exec();
    }
}

$.fn.initWidgets = function (trycatch) {
    initWidgets(this, trycatch);
    return this;
};