CHOMPStation2/nano/js/nano_template.js

var NanoTemplate = function () {

    var _templateData = {};
    var _templateSources = {};

    var _templates = {};
    var _compiledTemplates = {};
	
	var _helpers = {};

    var init = function () {
        // We store templateData in the body tag, it's as good a place as any
		_templateData = $('body').data('templateData');

		if (_templateData == null)
		{
			alert('Error: Template data did not load correctly.');
        }

        if (('nanouiTemplateBundle' in window) && (typeof nanouiTemplateBundle === 'function')) {
            _templateSources = nanouiTemplateBundle(); // From nanoui_templates.js
        }
        var templateLoadingPromises = $.map(_templateData, function(filename, key) {
            var fetchSourcePromise;
            if (_templateSources && _templateSources.hasOwnProperty(filename)) {
                // Its in the bundle, just do it
                fetchSourcePromise = $.Deferred().resolve(_templateSources[filename]).promise();
            } else {
                // Otherwise fetch from ze network
                fetchSourcePromise = $.ajax({
                    url: filename,
                    cache: false,
                    dataType: 'text'
                });
            }

            return fetchSourcePromise.done(function(templateMarkup) {
                templateMarkup += '<div class="clearBoth"></div>';
                try {
                    NanoTemplate.addTemplate(key, templateMarkup);
                } catch(error) {
                    alert('ERROR: An error occurred while loading the UI: ' + error.message);
                    return;
                }
            }).fail(function () {
                alert('ERROR: Loading template ' + key + '(' + _templateData[key] + ') failed!');
            });
        });

        // Wait for all of them to be done and then trigger the event.
        $.when.apply(this, templateLoadingPromises).done(function() {
            $(document).trigger('templatesLoaded');
        });
    };

    var compileTemplates = function () {

        for (var key in _templates) {
            try {
                _compiledTemplates[key] = doT.template(_templates[key], null, _templates)
            }
            catch (error) {
                alert(error.message);
            }
        }
    };

    return {
        init: function () {
            init();
        },
        addTemplate: function (key, templateString) {
            _templates[key] = templateString;
        },
        templateExists: function (key) {
            return _templates.hasOwnProperty(key);
        },
        parse: function (templateKey, data) {
            if (!_compiledTemplates.hasOwnProperty(templateKey) || !_compiledTemplates[templateKey]) {
                if (!_templates.hasOwnProperty(templateKey)) {
                    alert('ERROR: Template "' + templateKey + '" does not exist in _compiledTemplates!');
                    return '<h2>Template error (does not exist)</h2>';
                }
                compileTemplates();
            }
            if (typeof _compiledTemplates[templateKey] != 'function') {
                alert(_compiledTemplates[templateKey]);
                alert('ERROR: Template "' + templateKey + '" failed to compile!');
                return '<h2>Template error (failed to compile)</h2>';
            }
            return _compiledTemplates[templateKey].call(this, data['data'], data['config'], _helpers);
        },
		addHelper: function (helperName, helperFunction) {
			if (!jQuery.isFunction(helperFunction)) {
				alert('NanoTemplate.addHelper failed to add ' + helperName + ' as it is not a function.');
				return;	
			}
			
			_helpers[helperName] = helperFunction;
		},
		addHelpers: function (helpers) {		
			for (var helperName in helpers) {
				if (!helpers.hasOwnProperty(helperName))
				{
					continue;
				}
				NanoTemplate.addHelper(helperName, helpers[helperName]);
			}
		},
		removeHelper: function (helperName) {
			if (helpers.hasOwnProperty(helperName))
			{
				delete _helpers[helperName];
			}	
		}
    }
}();