Skip to content

T
todomvc
Commit 1b892ae2 authored by Sindre Sorhus's avatar Sindre Sorhus
Browse files
Options

Add ie.js compatibility file and analytics to the apps + cleanup

parent e68cf8f8
Expand all Show whitespace changes
Inline Side-by-side
Showing with 410 additions and 26867 deletions
architecture-examples/agilityjs/index.html
View file @ 1b892ae2
......@@ -4,6 +4,9 @@
<meta charset="utf-8">
<title>Agility.js • TodoMVC</title>
<link rel="stylesheet" href="../../assets/base.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head>
<body>
<section id="todoapp">
......@@ -11,7 +14,6 @@
<h1>todos</h1>
<input id="new-todo" type="text" data-bind="newtitle" placeholder="What needs to be done?" autofocus>
</header>
<section id="main" data-bind="class = mainStyle">
<input id="toggle-all" type="checkbox">
<label for="toggle-all">Mark all as completed</label>
......@@ -26,10 +28,8 @@
</li>
</ul>
</section>
<footer id="footer" data-bind="class = mainStyle">
<span id="todo-count"><strong data-bind='todoCount'></strong> item<span data-bind='pluralizer'></span> left</span>
<ul id="filters">
<li>
<a class="selected" href="#/">All</a>
......@@ -49,7 +49,7 @@
<p>Template by <a href="http://sindresorhus.com">Sindre Sorhus</a></p>
<p>Created by <a href="http://github.com/tshm/todomvc/">Tosh Shimayama</a></p>
</footer>
<script src="../../assets/base.js"></script>
<script src="../../assets/jquery.min.js"></script>
<script src="js/lib/agility.min.js"></script>
<script src="js/localstorage.js"></script>
......
architecture-examples/angularjs/index.html
View file @ 1b892ae2
......@@ -5,6 +5,9 @@
<title>AngularJS - TodoMVC</title>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/app.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head>
<body>
<div ng:controller="App.Controllers.TodoController" id="todoapp">
......@@ -41,7 +44,7 @@
<div id="credits">
Created by <a href="http://twitter.com/cburgdorf">Christoph Burgdorf</a>.
</div>
<script src="js/libs/json2.js"></script>
<script src="../../assets/base.js"></script>
<script src="js/booter.js"></script>
<script src="js/libs/angular/angular.min.js" ng:autobind></script>
<script src="js/controllers.js"></script>
......
architecture-examples/angularjs_persistencejs/index.html
View file @ 1b892ae2
......@@ -3,7 +3,10 @@
<head>
<meta charset="utf-8">
<title>AngularJS with PersistenceJS Storage Todo App</title>
<link rel="stylesheet" href="css/app.css"/>
<link rel="stylesheet" href="css/app.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head>
<body>
<div ng:controller="App.Controllers.TodoController" id="todoapp">
......@@ -72,6 +75,7 @@
Using <a href="http://persistencejs.org">PersistenceJS</a>
</p>
</div>
<script src="../../assets/base.js"></script>
<script src="js/booter.js"></script>
<script src="lib/angular/angular.min.js" ng:autobind></script>
<script src="lib/rx/rx.js"></script>
......
architecture-examples/closure/index.html
View file @ 1b892ae2
<!DOCTYPE html>
<!doctype html>
<html>
<head>
<title>Closure</title>
<link href="css/todos.css" media="all" rel="stylesheet" type="text/css" />
<title>Closure • TodoMVC</title>
<link href="css/todos.css" rel="stylesheet">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head>
<body>
<div id="todoapp">
......@@ -11,10 +14,7 @@
</div>
<div class="content">
<div id="create-todo">
<input id="new-todo"
placeholder="What needs to be done?" type="text" /> <span
class="ui-tooltip-top" style="display: none;">Press Enter to
save this task</span>
<input id="new-todo" placeholder="What needs to be done?" type="text">
</div>
<div id="todos">
<ul id="todo-list">
......@@ -25,13 +25,12 @@
</div>
</div>
<ul id="instructions">
<li>Click to edit a todo.</li>
<li>Click to edit a todo</li>
</ul>
<div id="credits">
Created by <br /> <a href="http://jgn.me/">J&eacute;r&ocirc;me
Gravel-Niquet</a> <br /> Modified to use Closure by <a
href="http://www.scottlogic.co.uk/blog/chris/">Chris Price</a>
Created by <a href="http://www.scottlogic.co.uk/blog/chris/">Chris Price</a>
</div>
<script src="../../assets/base.js"></script>
<!-- The compiled version (to update run java -jar build/plovr.jar build plovr.json > web/compiled.js) -->
<script type="text/javascript" src="js/compiled.js"></script>
<!-- The RAW development version (to serve the files run java -jar build/plovr.jar serve plovr.json) -->
......
architecture-examples/dojo/index.html
View file @ 1b892ae2
<!DOCTYPE html>
<!doctype html>
<html>
<head>
<title>Dojo</title>
<style type="text/css">
@import "./css/claro.css";
</style>
<link href="css/todos.css" media="all" rel="stylesheet" type="text/css"/>
<script data-dojo-config="async:true, parseOnLoad:true, locale:'en', paths:{'todo':'../../todo'}, deps:['dojo/parser', 'todo/app']" src="./js/dtk/dojo/dojo.js"></script>
</head>
<body class="claro">
<head>
<title>Dojo • TodoMVC</title>
<style>@import "./css/claro.css";</style>
<link href="css/todos.css" rel="stylesheet">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head>
<body class="claro">
<div id="todoapp">
<div class="title">
<h1>Todos</h1>
</div>
<div class="content" data-dojo-type="todo.app"></div>
<div id="credits">
Created by
<br />
<a href="http://jamesthom.as/">James Thomas</a> and <a href="https://github.com/edchat">Ed Chatelain</a>.
Created by <a href="http://jamesthom.as/">James Thomas</a> and <a href="https://github.com/edchat">Ed Chatelain</a>
</div>
</div>
<script src="../../assets/base.js"></script>
<script data-dojo-config="async:true, parseOnLoad:true, locale:'en', paths:{'todo':'../../todo'}, deps:['dojo/parser', 'todo/app']" src="./js/dtk/dojo/dojo.js"></script>
</body>
</html>
\ No newline at end of file
architecture-examples/emberjs/index.html
View file @ 1b892ae2
<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>ember.js</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<title>ember.js • TodoMVC</title>
<link rel="stylesheet" href="css/style.css?v=2">
<link rel="stylesheet" href="css/todos.css">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head>
<body>
<div id="todoapp">
<div class="title">
<h1>Todos</h1>
</div>
<div class="content">
<script type="text/x-handlebars">
{{#view id="create-todo"}}
{{view Todos.CreateTodoView id="new-todo" placeholder="What needs to be done?"}}
{{/view}}
......@@ -58,19 +41,14 @@
{{/view}}
{{/view}}
</script>
</div>
</div>
<div id="credits">
Credits:
<br />
Tom Dale, Addy Osmani
Credits: Tom Dale, Addy Osmani
</div>
<script src="js/libs/jquery-1.7.1.min.js"></script>
<script src="../../assets/base.js"></script>
<script src="../../assets/jquery.min.js"></script>
<script src="js/libs/ember-0.9.min.js"></script>
<script src="js/app.js"></script>
</body>
......
architecture-examples/extjs/index.html
View file @ 1b892ae2
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ExtJS</title>
<title>ExtJS• TodoMVC</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--[if IE]>
<script src="../assets/ie.js"></script>
<![endif]-->
</head>
<body>
<div id="todo">
<h1>Todos</h1>
<input type="text" id="taskfield" placeholder="What needs to be done?" />
......@@ -18,8 +17,8 @@
<div class="credits">
Credits:<br /><a href="http://revolunet.com/">Revolunet</a>
</div>
<script type="text/javascript" src="http://extjs.cachefly.net/ext-4.0.2a/bootstrap.js"></script>
<script src="../../assets/base.js"></script>
<script src="http://extjs.cachefly.net/ext-4.0.2a/bootstrap.js"></script>
<script src="js/app.js"></script>
</body>
</body>
</html>
\ No newline at end of file
architecture-examples/javascriptmvc/todo/todo/index.html
View file @ 1b892ae2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!doctype html>
<html lang="en">
<head>
<title>JavaScriptMVC</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>JavaScriptMVC • TodoMVC</title>
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head>
<body>
<div id='todos'>
<h1>Todos</h1>
<div id="todos">
<h1>todos</h1>
<div class="content">
<input type='text' class='create' placeholder="What needs to be done?"/>
<input type="text" class="create" placeholder="What needs to be done?">
</div>
<ul id='list'></ul>
<div id='todo-stats'>
<ul id="list"></ul>
<div id="todo-stats"></div>
</div>
</div>
<ul id='instructions'>
<ul id="instructions">
<li>Double-click to edit a todo.</li>
</ul>
<div id="credits">
Created by
<a href="http://javascriptmvc.com/">Justin Meyer</a>. <br /> Fixes, updates, stylistic changes: <a href="http://addyosmani.com">Addy Osmani</a>
Created by <a href="http://javascriptmvc.com/">Justin Meyer</a>
<br />Fixes, updates, stylistic changes: <a href="http://addyosmani.com">Addy Osmani</a>
</div>
<script src="../../assets/base.js"></script>
<script type='text/ejs' id='todosEJS'>
<% for(var i =0; i < this.length ; i++){ %>
<li <%= this[i]%>>
......@@ -53,8 +54,6 @@
</span>
<% } %>
</script>
<script type='text/javascript'
src='../../steal/steal.production.js?todo/todo'>
</script>
<script src="../../steal/steal.production.js?todo/todo"></script>
</body>
</html>
\ No newline at end of file
architecture-examples/jquery/index.html
View file @ 1b892ae2
......@@ -5,6 +5,9 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>jQuery • TodoMVC</title>
<link rel="stylesheet" href="../../assets/base.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head>
<body>
<section id="todoapp">
......@@ -24,7 +27,7 @@
</section>
<footer id="info">
<p>Double-click to edit a todo</p>
<p>App and template and created by <a href="http://sindresorhus.com">Sindre Sorhus</a></p>
<p>App and template by <a href="http://github.com/sindresorhus">Sindre Sorhus</a></p>
<p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
</footer>
<script type="text/x-handlebars-template" id="todo-template">
......@@ -39,6 +42,7 @@
</li>
{{/this}}
</script>
<script src="../../assets/base.js"></script>
<script src="../../assets/jquery.min.js"></script>
<script src="../../assets/handlebars.min.js"></script>
<script src="js/app.js"></script>
......
architecture-examples/knockoutjs/index.html
View file @ 1b892ae2
......@@ -2,15 +2,19 @@
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Knockout.js • TodoMVC</title>
<link rel="stylesheet" href="../../assets/base.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head>
<body>
<section id="todoapp">
<header id="header">
<h1>todos</h1>
<input id="new-todo" type="text" data-bind="value: current, valueUpdate: 'afterkeydown', enterKey: add"
placeholder="What needs to be done?" autofocus >
placeholder="What needs to be done?" autofocus>
</header>
<section id="main" data-bind="visible: todos().length">
<input id="toggle-all" type="checkbox" data-bind="checked: allCompleted">
......@@ -40,8 +44,8 @@
<p>Rewritten to use Knockout 2.0 and standard template by <a href="http://knockmeout.net">Ryan Niemeyer</a></p>
<p>Patches/fixes for cross-browser compat: <a href="http://twitter.com/addyosmani">Addy Osmani</a></p>
</footer>
<script src="js/lib/knockout-2.0.0.js" type="text/javascript"></script>
<script src="js/app.js" type="text/javascript"></script>
<script src="../../assets/base.js"></script>
<script src="js/lib/knockout-2.0.0.js"></script>
<script src="js/app.js"></script>
</body>
</html>
\ No newline at end of file
architecture-examples/knockoutjs/js/lib/knockout-2.0.0.debug.js deleted 100644 → 0
View file @ e68cf8f8
This source diff could not be displayed because it is too large. You can view the blob instead.
architecture-examples/knockoutjs/js/lib/knockout-2.0.0.js
View file @ 1b892ae2
// Knockout JavaScript library v2.0.0
// (c) Steven Sanderson - http://knockoutjs.com/
// License: MIT (http://www.opensource.org/licenses/mit-license.php)
(function(window,undefined){
function c(a){throw a;}var l=void 0,m=!0,o=null,p=!1,r=window.ko={};r.b=function(a,b){for(var d=a.split("."),e=window,f=0;f<d.length-1;f++)e=e[d[f]];e[d[d.length-1]]=b};r.l=function(a,b,d){a[b]=d};
r.a=new function(){function a(a,e){if("INPUT"!=a.tagName||!a.type)return p;if("click"!=e.toLowerCase())return p;var b=a.type.toLowerCase();return"checkbox"==b||"radio"==b}var b=/^(\s|\u00A0)+|(\s|\u00A0)+$/g,d={},e={};d[/Firefox\/2/i.test(navigator.userAgent)?"KeyboardEvent":"UIEvents"]=["keyup","keydown","keypress"];d.MouseEvents="click,dblclick,mousedown,mouseup,mousemove,mouseover,mouseout,mouseenter,mouseleave".split(",");for(var f in d){var h=d[f];if(h.length)for(var g=0,i=h.length;g<i;g++)e[h[g]]=
......
architecture-examples/sammyjs/LICENSE.txt deleted 100644 → 0
View file @ e68cf8f8
This version/changes copyright 2011, Addy Osmani
Original multi-list/multi-todo/non todo standard version copyright 2010, Brandon Aaron
\ No newline at end of file
architecture-examples/sammyjs/assets/handfont.svg deleted 100755 → 0
View file @ e68cf8f8
This diff is collapsed.
architecture-examples/sammyjs/index.html
View file @ 1b892ae2
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Sammy.js</title>
<link rel="stylesheet" href="app.css" type="text/css" media="screen" charset="utf-8">
<script src="http://code.jquery.com/jquery-1.6.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="lib/sammy.js" type="text/javascript" charset="utf-8"></script>
<script src="lib/sammy.template.js" type="text/javascript" charset="utf-8"></script>
<script src="lib/model.js" type="text/javascript" charset="utf-8"></script>
<script src="app.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
if (!('localStorage' in window)) {
alert('Your browser does not support localStorage');
}
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Sammy.js • TodoMVC</title>
<link rel="stylesheet" href="app.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head>
<body>
<div id="todoapp">
<div class="title">
<h1>Todos</h1>
<h1>todos</h1>
</div>
<div class="content">
<div id="create-todo">
<input id="new-todo" placeholder="What needs to be done?"
type="text" />
<span class="ui-tooltip-top" style="display: none;">Press Enter to save this task</span>
<input id="new-todo" placeholder="What needs to be done?" type="text">
</div>
<div id="todos">
<ul id="todo-list">
</ul>
<ul id="todo-list"></ul>
</div>
<div id="todo-stats">
<div id="todo-stats"></div>
</div>
</div>
</div>
<div id="credits">
This version by
<br />
......@@ -46,7 +31,11 @@
<br />
based on some code by Brandon Aaron
</div>
<script src="../../assets/base.js"></script>
<script src="../../assets/jquery.min.js"></script>
<script src="lib/sammy.js"></script>
<script src="lib/sammy.template.js"></script>
<script src="lib/model.js"></script>
<script src="app.js"></script>
</body>
</html>
\ No newline at end of file
architecture-examples/spine/index.html
View file @ 1b892ae2
......@@ -2,8 +2,12 @@
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Spine.js • TodoMVC</title>
<link rel="stylesheet" href="../../assets/base.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head>
<body>
<section id="todoapp">
......@@ -37,7 +41,7 @@
<!-- delete this ↓ -->
<p>Inspired by the official <a href="https://github.com/maccman/spine.todos">Spine.Todos</a></p>
<!-- change this out with your name and url ↓ -->
<p>Created by <a href="http://sindresorhus.com">Sindre Sorhus</a></p>
<p>Created by <a href="http://github.com/sindresorhus">Sindre Sorhus</a></p>
</footer>
<script type="text/x-handlebars-template" id="todo-template">
{{#this}}
......@@ -51,6 +55,7 @@
</li>
{{/this}}
</script>
<script src="../../assets/base.js"></script>
<script src="../../assets/jquery.min.js"></script>
<script src="../../assets/handlebars.min.js"></script>
<script src="js/lib/spine.min.js"></script>
......
architecture-examples/yuilibrary/index.html
View file @ 1b892ae2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" >
<!doctype html>
<html lang="en">
<head>
<title>YUIlibrary.js</title>
<link rel="stylesheet" href="css/style.css" type="text/css"/>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>YUI • TodoMVC</title>
<link rel="stylesheet" href="css/style.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head>
<body>
<!-- This is the main container and "shell" for the todo app. -->
<div id="todo-app">
<div id="todo-app">
<div class="title">
<h1>Todos</h1>
</div>
<label class="todo-label" for="new-todo"></label>
<input type="text" id="new-todo" class="todo-input"
placeholder="What needs to be done?">
<input type="text" id="new-todo" class="todo-input" placeholder="What needs to be done?">
<div id="todos">
<ul id="todo-list"></ul>
</div>
<div id="todo-stats"></div>
</div>
<div id="credits">
</div>
<div id="credits">
This version by
<br />
<a href="http://twitter.com/addyosmani">Addy Osmani</a>
<br />
based on code by the YUILibrary team.
</div>
<!-- This template HTML will be used to render each todo item. -->
<script type="text/x-template" id="todo-item-template">
</div>
<script type="text/x-template" id="todo-item-template">
<div class="todo-view">
<input type="checkbox" class="todo-checkbox" {checked}>
<span class="todo-content" tabindex="0">{text}</span>
......@@ -46,11 +41,8 @@
<a href="#" class="todo-remove" title="Remove this task">
<span class="todo-remove-icon"></span>
</a>
</script>
<!-- This template HTML will be used to render the statistics at the bottom
of the todo list. -->
<script type="text/x-template" id="todo-stats-template">
</script>
<script type="text/x-template" id="todo-stats-template">
<span class="todo-count">
<span class="todo-remaining">{numRemaining}</span>
<span class="todo-remaining-label">{remainingLabel}</span> left.
......@@ -59,12 +51,9 @@
<a href="#" class="todo-clear">
Clear {numDone} completed <span class="todo-done-label">{doneLabel}</span>
</a>
</script>
<script src="js/yui-3.4.0.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</script>
<script src="../../assets/base.js"></script>
<script src="js/yui-3.4.0.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>
\ No newline at end of file
dependency-examples/emberjs_require/index.html
View file @ 1b892ae2
......@@ -6,6 +6,9 @@
<title>ember.js + require.js • TodoMVC</title>
<link rel="stylesheet" href="../../assets/base.css">
<link rel="stylesheet" href="css/app.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head>
<body>
<section id="todoapp">
......@@ -25,6 +28,7 @@
</p>
<p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
</footer>
<script src="../../assets/base.js"></script>
<script data-main="js/app.js" src="js/lib/require/require.js"></script>
</body>
</html>
\ No newline at end of file
reference-examples/vanillajs/index.html
View file @ 1b892ae2
......@@ -2,8 +2,12 @@
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>VanillaJS • TodoMVC</title>
<link rel="stylesheet" href="../../assets/base.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head>
<body>
<section id="todoapp">
......@@ -12,7 +16,7 @@
<input id="new-todo" placeholder="What needs to be done?" autofocus>
</header>
<section id="main">
<input id="toggle-all" type="checkbox" >
<input id="toggle-all" type="checkbox">
<label for="toggle-all">Mark all as complete</label>
<ul id="todo-list"></ul>
</section>
......@@ -26,6 +30,7 @@
<p>Created by <a href="http://twitter.com/ffesseler">Florian Fesseler</a></p>
<p>Cleanup, edits by <a href="http://github.com/boushley">Aaron Boushley</a></p>
</footer>
<script src="../../assets/base.js"></script>
<script src="js/app.js"></script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7