| (function () { |
| 'use strict'; |
| |
| // Underscore's Template Module |
| // Courtesy of underscorejs.org |
| var _ = (function (_) { |
| _.defaults = function (object) { |
| if (!object) { |
| return object; |
| } |
| for (var argsIndex = 1, argsLength = arguments.length; argsIndex < argsLength; argsIndex++) { |
| var iterable = arguments[argsIndex]; |
| if (iterable) { |
| for (var key in iterable) { |
| if (object[key] == null) { |
| object[key] = iterable[key]; |
| } |
| } |
| } |
| } |
| return object; |
| } |
| |
| // By default, Underscore uses ERB-style template delimiters, change the |
| // following template settings to use alternative delimiters. |
| _.templateSettings = { |
| evaluate : /<%([\s\S]+?)%>/g, |
| interpolate : /<%=([\s\S]+?)%>/g, |
| escape : /<%-([\s\S]+?)%>/g |
| }; |
| |
| // When customizing `templateSettings`, if you don't want to define an |
| // interpolation, evaluation or escaping regex, we need one that is |
| // guaranteed not to match. |
| var noMatch = /(.)^/; |
| |
| // Certain characters need to be escaped so that they can be put into a |
| // string literal. |
| var escapes = { |
| "'": "'", |
| '\\': '\\', |
| '\r': 'r', |
| '\n': 'n', |
| '\t': 't', |
| '\u2028': 'u2028', |
| '\u2029': 'u2029' |
| }; |
| |
| var escaper = /\\|'|\r|\n|\t|\u2028|\u2029/g; |
| |
| // JavaScript micro-templating, similar to John Resig's implementation. |
| // Underscore templating handles arbitrary delimiters, preserves whitespace, |
| // and correctly escapes quotes within interpolated code. |
| _.template = function(text, data, settings) { |
| var render; |
| settings = _.defaults({}, settings, _.templateSettings); |
| |
| // Combine delimiters into one regular expression via alternation. |
| var matcher = new RegExp([ |
| (settings.escape || noMatch).source, |
| (settings.interpolate || noMatch).source, |
| (settings.evaluate || noMatch).source |
| ].join('|') + '|$', 'g'); |
| |
| // Compile the template source, escaping string literals appropriately. |
| var index = 0; |
| var source = "__p+='"; |
| text.replace(matcher, function(match, escape, interpolate, evaluate, offset) { |
| source += text.slice(index, offset) |
| .replace(escaper, function(match) { return '\\' + escapes[match]; }); |
| |
| if (escape) { |
| source += "'+\n((__t=(" + escape + "))==null?'':_.escape(__t))+\n'"; |
| } |
| if (interpolate) { |
| source += "'+\n((__t=(" + interpolate + "))==null?'':__t)+\n'"; |
| } |
| if (evaluate) { |
| source += "';\n" + evaluate + "\n__p+='"; |
| } |
| index = offset + match.length; |
| return match; |
| }); |
| source += "';\n"; |
| |
| // If a variable is not specified, place data values in local scope. |
| if (!settings.variable) source = 'with(obj||{}){\n' + source + '}\n'; |
| |
| source = "var __t,__p='',__j=Array.prototype.join," + |
| "print=function(){__p+=__j.call(arguments,'');};\n" + |
| source + "return __p;\n"; |
| |
| try { |
| render = new Function(settings.variable || 'obj', '_', source); |
| } catch (e) { |
| e.source = source; |
| throw e; |
| } |
| |
| if (data) return render(data, _); |
| var template = function(data) { |
| return render.call(this, data, _); |
| }; |
| |
| // Provide the compiled function source as a convenience for precompilation. |
| template.source = 'function(' + (settings.variable || 'obj') + '){\n' + source + '}'; |
| |
| return template; |
| }; |
| |
| return _; |
| })({}); |
| |
| if (location.hostname === 'todomvc.com') { |
| window._gaq = [['_setAccount','UA-31081062-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script')); |
| } |
| |
| function redirect() { |
| if (location.hostname === 'tastejs.github.io') { |
| location.href = location.href.replace('tastejs.github.io/todomvc', 'todomvc.com'); |
| } |
| } |
| |
| function findRoot() { |
| var base; |
| |
| [/labs/, /\w*-examples/].forEach(function (href) { |
| var match = location.href.match(href); |
| |
| if (!base && match) { |
| base = location.href.indexOf(match); |
| } |
| }); |
| |
| return location.href.substr(0, base); |
| } |
| |
| function getFile(file, callback) { |
| if (!location.host) { |
| return console.info('Miss the info bar? Run TodoMVC from a server to avoid a cross-origin error.'); |
| } |
| |
| var xhr = new XMLHttpRequest(); |
| |
| xhr.open('GET', findRoot() + file, true); |
| xhr.send(); |
| |
| xhr.onload = function () { |
| if (xhr.status === 200 && callback) { |
| callback(xhr.responseText); |
| } |
| }; |
| } |
| |
| function Learn(learnJSON, config) { |
| if (!(this instanceof Learn)) { |
| return new Learn(learnJSON, config); |
| } |
| |
| var template, framework; |
| |
| if (typeof learnJSON !== 'object') { |
| try { |
| learnJSON = JSON.parse(learnJSON); |
| } catch (e) { |
| return; |
| } |
| } |
| |
| if (config) { |
| template = config.template; |
| framework = config.framework; |
| } |
| |
| if (!template && learnJSON.templates) { |
| template = learnJSON.templates.todomvc; |
| } |
| |
| if (!framework && document.querySelector('[data-framework]')) { |
| framework = document.querySelector('[data-framework]').getAttribute('data-framework'); |
| } |
| |
| |
| if (template && learnJSON[framework]) { |
| this.frameworkJSON = learnJSON[framework]; |
| this.template = template; |
| |
| this.append(); |
| } |
| } |
| |
| Learn.prototype.append = function () { |
| var aside = document.createElement('aside'); |
| aside.innerHTML = _.template(this.template, this.frameworkJSON); |
| aside.className = 'learn'; |
| |
| // Localize demo links |
| var demoLinks = aside.querySelectorAll('.demo-link'); |
| Array.prototype.forEach.call(demoLinks, function (demoLink) { |
| demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href')); |
| }); |
| |
| document.body.className = (document.body.className + ' learn-bar').trim(); |
| document.body.insertAdjacentHTML('afterBegin', aside.outerHTML); |
| }; |
| |
| redirect(); |
| getFile('learn.json', Learn); |
| })(); |