gistfile1.js

(function ($, _, MyApp) {
    "use strict";

    $.ns("MyApp.Notification");

    MyApp.Notification.FlashMessages = (function () {
        var defaultOptions = {
            cookieName: 'flashes',
            templateSelector: '#flash-message-template',
            containerSelector: '#flash-messages'
        };

        var options = {};

        return {
            init: function (opts) {
                options = $.extend({}, defaultOptions, opts);

                var flashes = $.cookie(options.cookieName);

                if ($.isVoid(flashes)) {
                    return;
                }

                this.render({ flashes: flashes });

                $.removeCookie(options.cookieName);
            },
            render: function (attributes) {
                attributes = attributes || {};

                if ($.isVoid(attributes.flashes)) {
                    return;
                }

                var flashMessageTemplate = $(options.templateSelector).html();
                var $flashMessages = $(options.containerSelector);

                try {
                    var flashes = JSON.parse(attributes.flashes);

                    for (var i in flashes) {
                        if (!flashes.hasOwnProperty(i)) {
                            continue;
                        }

                        for (var j = 0, len = flashes[i].length; j < len; j += 1) {
                            $flashMessages.append(_.template(flashMessageTemplate, {
                                type: i,
                                message: flashes[i][j]
                            }));
                        }
                    }
                } catch (e) {
                    // json syntax error
                }
            }
        };
    }());
}(jQuery, _, MyApp));