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 Hide 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 @@ ...@@ -4,6 +4,9 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>Agility.js • TodoMVC</title> <title>Agility.js • TodoMVC</title>
<link rel="stylesheet" href="../../assets/base.css"> <link rel="stylesheet" href="../../assets/base.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<section id="todoapp"> <section id="todoapp">
...@@ -11,7 +14,6 @@ ...@@ -11,7 +14,6 @@
<h1>todos</h1> <h1>todos</h1>
<input id="new-todo" type="text" data-bind="newtitle" placeholder="What needs to be done?" autofocus> <input id="new-todo" type="text" data-bind="newtitle" placeholder="What needs to be done?" autofocus>
</header> </header>
<section id="main" data-bind="class = mainStyle"> <section id="main" data-bind="class = mainStyle">
<input id="toggle-all" type="checkbox"> <input id="toggle-all" type="checkbox">
<label for="toggle-all">Mark all as completed</label> <label for="toggle-all">Mark all as completed</label>
...@@ -26,10 +28,8 @@ ...@@ -26,10 +28,8 @@
</li> </li>
</ul> </ul>
</section> </section>
<footer id="footer" data-bind="class = mainStyle"> <footer id="footer" data-bind="class = mainStyle">
<span id="todo-count"><strong data-bind='todoCount'></strong> item<span data-bind='pluralizer'></span> left</span> <span id="todo-count"><strong data-bind='todoCount'></strong> item<span data-bind='pluralizer'></span> left</span>
<ul id="filters"> <ul id="filters">
<li> <li>
<a class="selected" href="#/">All</a> <a class="selected" href="#/">All</a>
...@@ -49,10 +49,10 @@ ...@@ -49,10 +49,10 @@
<p>Template by <a href="http://sindresorhus.com">Sindre Sorhus</a></p> <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> <p>Created by <a href="http://github.com/tshm/todomvc/">Tosh Shimayama</a></p>
</footer> </footer>
<script src="../../assets/base.js"></script>
<script src="../../assets/jquery.min.js"></script> <script src="../../assets/jquery.min.js"></script>
<script src="js/lib/agility.min.js"></script> <script src="js/lib/agility.min.js"></script>
<script src="js/localstorage.js"></script> <script src="js/localstorage.js"></script>
<script src="js/app.js"></script> <script src="js/app.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
architecture-examples/angularjs/index.html
View file @ 1b892ae2
<!doctype html> <!doctype html>
<html xmlns:ng="http://angularjs.org/" xmlns:my="http://rx.org"> <html xmlns:ng="http://angularjs.org/" xmlns:my="http://rx.org">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>AngularJS - TodoMVC</title> <title>AngularJS - TodoMVC</title>
<link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/app.css"> <link rel="stylesheet" href="css/app.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<div ng:controller="App.Controllers.TodoController" id="todoapp"> <div ng:controller="App.Controllers.TodoController" id="todoapp">
<header> <header>
<h1>Todos</h1> <h1>Todos</h1>
<form id="todo-form" ng:submit="addTodo()"> <form id="todo-form" ng:submit="addTodo()">
<input id="new-todo" name="newTodo" type="text" placeholder="What needs to be done?"> <input id="new-todo" name="newTodo" type="text" placeholder="What needs to be done?">
</form> </form>
</header> </header>
<section id="main" ng:show="hasTodos()"> <section id="main" ng:show="hasTodos()">
<input id="toggle-all" type="checkbox" name="allChecked" ng:click="toggleAllStates()"> <input id="toggle-all" type="checkbox" name="allChecked" ng:click="toggleAllStates()">
<label for="toggle-all">Mark all as complete</label> <label for="toggle-all">Mark all as complete</label>
<ul id="todo-list"> <ul id="todo-list">
<li ng:repeat="todo in todos" my:dblclick="editTodo(todo)" ng:class="(todo.done && ' done ') + (todo.editing && ' editing ')"> <li ng:repeat="todo in todos" my:dblclick="editTodo(todo)" ng:class="(todo.done && ' done ') + (todo.editing && ' editing ')">
<div class="view"> <div class="view">
<input class="toggle" type="checkbox" name="todo.done"> <input class="toggle" type="checkbox" name="todo.done">
<label>{{ todo.title }}</label> <label>{{ todo.title }}</label>
<a class="destroy" ng:click="removeTodo(todo)"></a> <a class="destroy" ng:click="removeTodo(todo)"></a>
</div> </div>
<form ng:submit="finishEditing(todo)"> <form ng:submit="finishEditing(todo)">
<input class="edit" type="text" name="todo.title" my:focus="todo.editing" my:blur="finishEditing(todo)"> <input class="edit" type="text" name="todo.title" my:focus="todo.editing" my:blur="finishEditing(todo)">
</form> </form>
</li> </li>
</ul> </ul>
</section> </section>
<footer ng:show="hasTodos()"> <footer ng:show="hasTodos()">
<a id="clear-completed" ng:click="clearCompletedItems()" ng:show="hasFinishedTodos()">{{ clearItemsText() }}</a> <a id="clear-completed" ng:click="clearCompletedItems()" ng:show="hasFinishedTodos()">{{ clearItemsText() }}</a>
<div id="todo-count"><b>{{ remainingTodos() }}</b> {{ itemsLeftText() }}</div> <div id="todo-count"><b>{{ remainingTodos() }}</b> {{ itemsLeftText() }}</div>
</footer> </footer>
</div> </div>
<div id="instructions"> <div id="instructions">
Double-click to edit a todo. Double-click to edit a todo.
</div> </div>
<div id="credits"> <div id="credits">
Created by <a href="http://twitter.com/cburgdorf">Christoph Burgdorf</a>. Created by <a href="http://twitter.com/cburgdorf">Christoph Burgdorf</a>.
</div> </div>
<script src="js/libs/json2.js"></script> <script src="../../assets/base.js"></script>
<script src="js/booter.js"></script> <script src="js/booter.js"></script>
<script src="js/libs/angular/angular.min.js" ng:autobind></script> <script src="js/libs/angular/angular.min.js" ng:autobind></script>
<script src="js/controllers.js"></script> <script src="js/controllers.js"></script>
<script src="js/directive.js"></script> <script src="js/directive.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
architecture-examples/angularjs_persistencejs/index.html
View file @ 1b892ae2
<!doctype html> <!doctype html>
<html xmlns:ng="http://angularjs.org/" xmlns:my="http://rx.org"> <html xmlns:ng="http://angularjs.org/" xmlns:my="http://rx.org">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>AngularJS with PersistenceJS Storage Todo App</title> <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> </head>
<body> <body>
<div ng:controller="App.Controllers.TodoController" id="todoapp"> <div ng:controller="App.Controllers.TodoController" id="todoapp">
<div class="title"> <div class="title">
<h1> <h1>
Todos Todos
</h1> </h1>
</div> </div>
<div class="content"> <div class="content">
<div id="todo-form"> <div id="todo-form">
</div> </div>
<form id="todo-form" ng:submit="addTodo()"> <form id="todo-form" ng:submit="addTodo()">
<input id="new-todo" name="newTodo" my:blur="addTodo()" placeholder="What needs to be done?" type="text"> <input id="new-todo" name="newTodo" my:blur="addTodo()" placeholder="What needs to be done?" type="text">
<span class="ui-tooltip-top" ng:show="showHitEnterHint"> <span class="ui-tooltip-top" ng:show="showHitEnterHint">
Press Enter to save this task Press Enter to save this task
</span> </span>
</form> </form>
<div id="todos"> <div id="todos">
<ul id="todo-list"> <ul id="todo-list">
<li class="todo" ng:class="'editing-' + todo.editing + ' done-' + todo.done" ng:repeat="todo in todos"> <li class="todo" ng:class="'editing-' + todo.editing + ' done-' + todo.done" ng:repeat="todo in todos">
<div class="display"> <div class="display">
<input ng:change="changeStatus(todo)" class="check" type="checkbox" name="todo.done" / > <input ng:change="changeStatus(todo)" class="check" type="checkbox" name="todo.done" / >
<div ng:click="editTodo(todo)" class="todo-content"> {{ todo.content }} </div> <div ng:click="editTodo(todo)" class="todo-content"> {{ todo.content }} </div>
<span class="todo-destroy" ng:click="removeTodo(todo)"></span> <span class="todo-destroy" ng:click="removeTodo(todo)"></span>
</div> </div>
<div class="edit"> <div class="edit">
<form ng:submit="finishEditing(todo)"> <form ng:submit="finishEditing(todo)">
<input class="todo-input" my:focus="todo.editing" my:blur="finishEditing(todo)" name="todo.content" type="text"> <input class="todo-input" my:focus="todo.editing" my:blur="finishEditing(todo)" name="todo.content" type="text">
</form> </form>
</div> </div>
</li> </li>
</ul> </ul>
</div> </div>
<div id="todo-stats"> <div id="todo-stats">
<span class="todo-count" ng:show="hasTodos()"> <span class="todo-count" ng:show="hasTodos()">
<ng:pluralize count="remainingTodos()" when="{'0' : 'No items left.', '1': '1 item left.', 'other' : '{} items left.' }"> <ng:pluralize count="remainingTodos()" when="{'0' : 'No items left.', '1': '1 item left.', 'other' : '{} items left.' }">
</ng:pluralize> </ng:pluralize>
</span> </span>
<span class="todo-clear" ng:show="hasFinishedTodos()"> <span class="todo-clear" ng:show="hasFinishedTodos()">
<a ng:click="clearCompletedItems()"> <a ng:click="clearCompletedItems()">
Clear <ng:pluralize count="finishedTodos()" when="{'1': '1 completed item', 'other' : '{} completed items' }"> Clear <ng:pluralize count="finishedTodos()" when="{'1': '1 completed item', 'other' : '{} completed items' }">
</ng:pluralize> </ng:pluralize>
</a> </a>
</span> </span>
</div> </div>
</div> </div>
</div> </div>
<ul id="instructions"> <ul id="instructions">
<li>Click to edit a todo.</li> <li>Click to edit a todo.</li>
</ul> </ul>
<div id="credits"> <div id="credits">
<p> <p>
Originally Created by Originally Created by
<br> <br>
<a href="http://jgn.me/">Jérôme Gravel-Niquet</a> <a href="http://jgn.me/">Jérôme Gravel-Niquet</a>
</p> </p>
<p> <p>
Rewritten to use <a href="http://angularjs.org">AngularJS </a> by Rewritten to use <a href="http://angularjs.org">AngularJS </a> by
<br> <br>
<a href="http://cburgdorf.wordpress.com/">Christoph Burgdorf</a> <a href="http://cburgdorf.wordpress.com/">Christoph Burgdorf</a>
<br>Cleanup, edits: <a href="http://www.linkedin.com/pub/dan-doyon/2/1b0/a83">Dan Doyon</a> <br>Cleanup, edits: <a href="http://www.linkedin.com/pub/dan-doyon/2/1b0/a83">Dan Doyon</a>
</p> </p>
<p> <p>
Extended for persistent WebSQL storage by <br/> Extended for persistent WebSQL storage by <br/>
<a href="http://jacobmumm.com">Jacob Mumm</a><br/> <a href="http://jacobmumm.com">Jacob Mumm</a><br/>
Using <a href="http://persistencejs.org">PersistenceJS</a> Using <a href="http://persistencejs.org">PersistenceJS</a>
</p> </p>
</div> </div>
<script src="js/booter.js"></script> <script src="../../assets/base.js"></script>
<script src="lib/angular/angular.min.js" ng:autobind></script> <script src="js/booter.js"></script>
<script src="lib/rx/rx.js"></script> <script src="lib/angular/angular.min.js" ng:autobind></script>
<script src="lib/rx/rx.angular.js"></script> <script src="lib/rx/rx.js"></script>
<script src="lib/persistence/persistence.js"></script> <script src="lib/rx/rx.angular.js"></script>
<script src="lib/persistence/persistence.store.sql.js"></script> <script src="lib/persistence/persistence.js"></script>
<script src="lib/persistence/persistence.store.websql.js"></script> <script src="lib/persistence/persistence.store.sql.js"></script>
<script src="js/controllers.js"></script> <script src="lib/persistence/persistence.store.websql.js"></script>
<script src="js/directive.js"></script> <script src="js/controllers.js"></script>
<script src="js/services.js"></script> <script src="js/directive.js"></script>
<script src="js/services.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
architecture-examples/closure/index.html
View file @ 1b892ae2
<!DOCTYPE html> <!doctype html>
<html> <html>
<head> <head>
<title>Closure</title> <title>Closure • TodoMVC</title>
<link href="css/todos.css" media="all" rel="stylesheet" type="text/css" /> <link href="css/todos.css" rel="stylesheet">
</head> <!--[if IE]>
<body> <script src="../../assets/ie.js"></script>
<div id="todoapp"> <![endif]-->
<div class="title"> </head>
<h1>Todos</h1> <body>
</div> <div id="todoapp">
<div class="content"> <div class="title">
<div id="create-todo"> <h1>Todos</h1>
<input id="new-todo" </div>
placeholder="What needs to be done?" type="text" /> <span <div class="content">
class="ui-tooltip-top" style="display: none;">Press Enter to <div id="create-todo">
save this task</span> <input id="new-todo" placeholder="What needs to be done?" type="text">
</div> </div>
<div id="todos"> <div id="todos">
<ul id="todo-list"> <ul id="todo-list">
</ul> </ul>
</div> </div>
<div id="todo-stats"> <div id="todo-stats">
</div> </div>
</div> </div>
</div> </div>
<ul id="instructions"> <ul id="instructions">
<li>Click to edit a todo.</li> <li>Click to edit a todo</li>
</ul> </ul>
<div id="credits"> <div id="credits">
Created by <br /> <a href="http://jgn.me/">J&eacute;r&ocirc;me Created by <a href="http://www.scottlogic.co.uk/blog/chris/">Chris Price</a>
Gravel-Niquet</a> <br /> Modified to use Closure by <a </div>
href="http://www.scottlogic.co.uk/blog/chris/">Chris Price</a> <script src="../../assets/base.js"></script>
</div> <!-- The compiled version (to update run java -jar build/plovr.jar build plovr.json > web/compiled.js) -->
<!-- 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>
<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) -->
<!-- The RAW development version (to serve the files run java -jar build/plovr.jar serve plovr.json) --> <!-- <script type="text/javascript" src="http://localhost:9810/compile?id=todomvc&mode=RAW"></script> -->
<!-- <script type="text/javascript" src="http://localhost:9810/compile?id=todomvc&mode=RAW"></script> --> <!-- The COMPILED development version (to serve the files run java -jar build/plovr.jar serve plovr.json) -->
<!-- The COMPILED development version (to serve the files run java -jar build/plovr.jar serve plovr.json) --> <!-- <script type="text/javascript" src="http://localhost:9810/compile?id=todomvc&mode=ADVANCED"></script> -->
<!-- <script type="text/javascript" src="http://localhost:9810/compile?id=todomvc&mode=ADVANCED"></script> --> </body>
</body> </html>
</html> \ No newline at end of file
architecture-examples/dojo/index.html
View file @ 1b892ae2
<!DOCTYPE html> <!doctype html>
<html> <html>
<head> <head>
<title>Dojo</title> <title>Dojo • TodoMVC</title>
<style type="text/css"> <style>@import "./css/claro.css";</style>
@import "./css/claro.css"; <link href="css/todos.css" rel="stylesheet">
</style> <!--[if IE]>
<link href="css/todos.css" media="all" rel="stylesheet" type="text/css"/> <script src="../../assets/ie.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> <![endif]-->
</head> </head>
<body class="claro"> <body class="claro">
<div id="todoapp"> <div id="todoapp">
<div class="title">
<div class="title"> <h1>Todos</h1>
<h1>Todos</h1> </div>
</div> <div class="content" data-dojo-type="todo.app"></div>
<div id="credits">
<div class="content" data-dojo-type="todo.app"></div> Created by <a href="http://jamesthom.as/">James Thomas</a> and <a href="https://github.com/edchat">Ed Chatelain</a>
</div>
<div id="credits"> </div>
Created by <script src="../../assets/base.js"></script>
<br /> <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>
<a href="http://jamesthom.as/">James Thomas</a> and <a href="https://github.com/edchat">Ed Chatelain</a>.
</div>
</div>
</body> </body>
</html>
</html> \ No newline at end of file
architecture-examples/emberjs/index.html
View file @ 1b892ae2
<!doctype html> <!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]--> <html lang="en">
<!--[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]-->
<head> <head>
<meta charset="UTF-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>ember.js • TodoMVC</title>
<title>ember.js</title> <link rel="stylesheet" href="css/style.css?v=2">
<meta name="description" content=""> <link rel="stylesheet" href="css/todos.css">
<meta name="author" content=""> <!--[if IE]>
<script src="../../assets/ie.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <![endif]-->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<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>
<![endif]-->
</head> </head>
<body> <body>
<div id="todoapp">
<div id="todoapp">
<div class="title"> <div class="title">
<h1>Todos</h1> <h1>Todos</h1>
</div> </div>
<div class="content">
<div class="content"> <script type="text/x-handlebars">
<script type="text/x-handlebars">
{{#view id="create-todo"}} {{#view id="create-todo"}}
{{view Todos.CreateTodoView id="new-todo" placeholder="What needs to be done?"}} {{view Todos.CreateTodoView id="new-todo" placeholder="What needs to be done?"}}
{{/view}} {{/view}}
{{#view id="stats-area"}} {{#view id="stats-area"}}
{{view Ember.Checkbox class="mark-all-done" {{view Ember.Checkbox class="mark-all-done"
title="Mark all as complete" title="Mark all as complete"
valueBinding="Todos.todosController.allAreDone"}} valueBinding="Todos.todosController.allAreDone"}}
{{#view id="todos"}} {{#view id="todos"}}
{{#collection id="todo-list" contentBinding="Todos.todosController" tagName="ul" itemClassBinding="content.isDone"}} {{#collection id="todo-list" contentBinding="Todos.todosController" tagName="ul" itemClassBinding="content.isDone"}}
{{view Ember.Checkbox titleBinding="content.title" valueBinding="content.isDone"}} {{view Ember.Checkbox titleBinding="content.title" valueBinding="content.isDone"}}
{{/collection}} {{/collection}}
{{/view}} {{/view}}
<!-- Insert this after the CreateTodoView and before the collection. -->
{{#view Todos.StatsView id="todo-stats" content=this}}
{{#view Todos.ClearCompletedButtonView target="Todos.todosController" action="clearCompletedTodos" classNameBindings="completedButtonClass"}}
Clear {{completedString}}
{{/view}}
{{remainingString}} left
{{/view}}
{{/view}} <!-- Insert this after the CreateTodoView and before the collection. -->
{{#view Todos.StatsView id="todo-stats" content=this}}
</script> {{#view Todos.ClearCompletedButtonView target="Todos.todosController" action="clearCompletedTodos" classNameBindings="completedButtonClass"}}
</div> Clear {{completedString}}
</div> {{/view}}
{{remainingString}} left
<div id="credits"> {{/view}}
Credits:
<br /> {{/view}}
Tom Dale, Addy Osmani </script>
</div> </div>
</div>
<div id="credits">
<script src="js/libs/jquery-1.7.1.min.js"></script> Credits: Tom Dale, Addy Osmani
<script src="js/libs/ember-0.9.min.js"></script> </div>
<script src="js/app.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> </body>
</html> </html>
\ No newline at end of file
architecture-examples/extjs/index.html
View file @ 1b892ae2
<!doctype html> <!doctype html>
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ExtJS• TodoMVC</title>
<link rel="stylesheet" href="css/style.css">
<title>ExtJS</title> <!--[if IE]>
<script src="../assets/ie.js"></script>
<link rel="stylesheet" href="css/style.css"> <![endif]-->
</head> </head>
<body>
<body> <div id="todo">
<div id="todo"> <h1>Todos</h1>
<h1>Todos</h1> <input type="text" id="taskfield" placeholder="What needs to be done?" />
<input type="text" id="taskfield" placeholder="What needs to be done?" /> </div>
</div> <div class="credits">
<div class="credits"> Credits:<br /><a href="http://revolunet.com/">Revolunet</a>
Credits:<br /><a href="http://revolunet.com/">Revolunet</a> </div>
</div> <script src="../../assets/base.js"></script>
<script src="http://extjs.cachefly.net/ext-4.0.2a/bootstrap.js"></script>
<script type="text/javascript" src="http://extjs.cachefly.net/ext-4.0.2a/bootstrap.js"></script> <script src="js/app.js"></script>
<script src="js/app.js"></script> </body>
</body> </html>
</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" <!doctype html>
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en"> <html lang="en">
<head> <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> </head>
<body> <body>
<div id='todos'> <div id="todos">
<h1>Todos</h1> <h1>todos</h1>
<div class="content"> <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> </div>
<ul id='list'></ul> <ul id="list"></ul>
<div id='todo-stats'> <div id="todo-stats"></div>
</div> </div>
</div> <ul id="instructions">
<li>Double-click to edit a todo.</li>
<ul id='instructions'> </ul>
<li>Double-click to edit a todo.</li>
</ul>
<div id="credits"> <div id="credits">
Created by Created by <a href="http://javascriptmvc.com/">Justin Meyer</a>
<a href="http://javascriptmvc.com/">Justin Meyer</a>. <br /> Fixes, updates, stylistic changes: <a href="http://addyosmani.com">Addy Osmani</a> <br />Fixes, updates, stylistic changes: <a href="http://addyosmani.com">Addy Osmani</a>
</div> </div>
<script src="../../assets/base.js"></script>
<script type='text/ejs' id='todosEJS'> <script type='text/ejs' id='todosEJS'>
<% for(var i =0; i < this.length ; i++){ %> <% for(var i =0; i < this.length ; i++){ %>
<li <%= this[i]%>> <li <%= this[i]%>>
...@@ -32,29 +33,27 @@ ...@@ -32,29 +33,27 @@
<% } %> <% } %>
</script> </script>
<script type='text/ejs' id='todoEJS'> <script type='text/ejs' id='todoEJS'>
<input type='checkbox' name='complete' <input type='checkbox' name='complete'
<%= this.complete ? "checked" : "" %>> <%= this.complete ? "checked" : "" %>>
<span class=''><%= (this.text || "empty todo ...")%></span> <span class=''><%= (this.text || "empty todo ...")%></span>
<span class='todestroy'></span> <span class='todestroy'></span>
</script> </script>
<script type='text/ejs' id='statsEJS'> <script type='text/ejs' id='statsEJS'>
<% if (total) { %> <% if (total) { %>
<span class="todo-count"> <span class="todo-count">
<span class="number"><%= remaining %></span> <span class="number"><%= remaining %></span>
<span class="word"><%= remaining == 1 ? 'item' : 'items' %></span> left. <span class="word"><%= remaining == 1 ? 'item' : 'items' %></span> left.
</span> </span>
<% } %> <% } %>
<% if (completed) { %> <% if (completed) { %>
<span class="todo-clear"> <span class="todo-clear">
<a href="#"> <a href="#">
Clear <span class="number-done"><%= completed %></span> Clear <span class="number-done"><%= completed %></span>
completed <span class="word-done"><%= completed == 1 ? 'item' : 'items' %></span> completed <span class="word-done"><%= completed == 1 ? 'item' : 'items' %></span>
</a> </a>
</span> </span>
<% } %> <% } %>
</script> </script>
<script type='text/javascript' <script src="../../steal/steal.production.js?todo/todo"></script>
src='../../steal/steal.production.js?todo/todo'>
</script>
</body> </body>
</html> </html>
\ No newline at end of file
architecture-examples/jquery/index.html
View file @ 1b892ae2
...@@ -5,6 +5,9 @@ ...@@ -5,6 +5,9 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>jQuery • TodoMVC</title> <title>jQuery • TodoMVC</title>
<link rel="stylesheet" href="../../assets/base.css"> <link rel="stylesheet" href="../../assets/base.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<section id="todoapp"> <section id="todoapp">
...@@ -24,7 +27,7 @@ ...@@ -24,7 +27,7 @@
</section> </section>
<footer id="info"> <footer id="info">
<p>Double-click to edit a todo</p> <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> <p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
</footer> </footer>
<script type="text/x-handlebars-template" id="todo-template"> <script type="text/x-handlebars-template" id="todo-template">
...@@ -39,6 +42,7 @@ ...@@ -39,6 +42,7 @@
</li> </li>
{{/this}} {{/this}}
</script> </script>
<script src="../../assets/base.js"></script>
<script src="../../assets/jquery.min.js"></script> <script src="../../assets/jquery.min.js"></script>
<script src="../../assets/handlebars.min.js"></script> <script src="../../assets/handlebars.min.js"></script>
<script src="js/app.js"></script> <script src="js/app.js"></script>
......
architecture-examples/knockoutjs/index.html
View file @ 1b892ae2
...@@ -2,15 +2,19 @@ ...@@ -2,15 +2,19 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Knockout.js • TodoMVC</title> <title>Knockout.js • TodoMVC</title>
<link rel="stylesheet" href="../../assets/base.css"> <link rel="stylesheet" href="../../assets/base.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<section id="todoapp"> <section id="todoapp">
<header id="header"> <header id="header">
<h1>todos</h1> <h1>todos</h1>
<input id="new-todo" type="text" data-bind="value: current, valueUpdate: 'afterkeydown', enterKey: add" <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> </header>
<section id="main" data-bind="visible: todos().length"> <section id="main" data-bind="visible: todos().length">
<input id="toggle-all" type="checkbox" data-bind="checked: allCompleted"> <input id="toggle-all" type="checkbox" data-bind="checked: allCompleted">
...@@ -40,8 +44,8 @@ ...@@ -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>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> <p>Patches/fixes for cross-browser compat: <a href="http://twitter.com/addyosmani">Addy Osmani</a></p>
</footer> </footer>
<script src="../../assets/base.js"></script>
<script src="js/lib/knockout-2.0.0.js" type="text/javascript"></script> <script src="js/lib/knockout-2.0.0.js"></script>
<script src="js/app.js" type="text/javascript"></script> <script src="js/app.js"></script>
</body> </body>
</html> </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 // Knockout JavaScript library v2.0.0
// (c) Steven Sanderson - http://knockoutjs.com/ // (c) Steven Sanderson - http://knockoutjs.com/
// License: MIT (http://www.opensource.org/licenses/mit-license.php) // License: MIT (http://www.opensource.org/licenses/mit-license.php)
(function(window,undefined){ (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}; 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]]= 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> <!doctype html>
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="utf-8">
<title>Sammy.js</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="app.css" type="text/css" media="screen" charset="utf-8"> <title>Sammy.js • TodoMVC</title>
<link rel="stylesheet" href="app.css">
<script src="http://code.jquery.com/jquery-1.6.1.min.js" type="text/javascript" charset="utf-8"></script> <!--[if IE]>
<script src="lib/sammy.js" type="text/javascript" charset="utf-8"></script> <script src="../../assets/ie.js"></script>
<script src="lib/sammy.template.js" type="text/javascript" charset="utf-8"></script> <![endif]-->
<script src="lib/model.js" type="text/javascript" charset="utf-8"></script> </head>
<script src="app.js" type="text/javascript" charset="utf-8"></script> <body>
<script type="text/javascript" charset="utf-8"> <div id="todoapp">
if (!('localStorage' in window)) { <div class="title">
alert('Your browser does not support localStorage'); <h1>todos</h1>
} </div>
</script> <div class="content">
</head> <div id="create-todo">
<body> <input id="new-todo" placeholder="What needs to be done?" type="text">
</div>
<div id="todos">
<ul id="todo-list"></ul>
<div id="todoapp"> </div>
<div class="title"> <div id="todo-stats"></div>
<h1>Todos</h1> </div>
</div> </div>
<div class="content"> <div id="credits">
<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>
</div>
<div id="todos">
<ul id="todo-list">
</ul>
</div>
<div id="todo-stats">
</div>
</div>
</div>
<div id="credits">
This version by This version by
<br /> <br />
<a href="http://twitter.com/addyosmani">Addy Osmani</a> <a href="http://twitter.com/addyosmani">Addy Osmani</a>
<br /> <br />
based on some code by Brandon Aaron based on some code by Brandon Aaron
</div> </div>
<script src="../../assets/base.js"></script>
<script src="../../assets/jquery.min.js"></script>
</body> <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> </html>
\ No newline at end of file
architecture-examples/spine/index.html
View file @ 1b892ae2
...@@ -2,8 +2,12 @@ ...@@ -2,8 +2,12 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Spine.js • TodoMVC</title> <title>Spine.js • TodoMVC</title>
<link rel="stylesheet" href="../../assets/base.css"> <link rel="stylesheet" href="../../assets/base.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<section id="todoapp"> <section id="todoapp">
...@@ -37,7 +41,7 @@ ...@@ -37,7 +41,7 @@
<!-- delete this ↓ --> <!-- delete this ↓ -->
<p>Inspired by the official <a href="https://github.com/maccman/spine.todos">Spine.Todos</a></p> <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 ↓ --> <!-- 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> </footer>
<script type="text/x-handlebars-template" id="todo-template"> <script type="text/x-handlebars-template" id="todo-template">
{{#this}} {{#this}}
...@@ -51,6 +55,7 @@ ...@@ -51,6 +55,7 @@
</li> </li>
{{/this}} {{/this}}
</script> </script>
<script src="../../assets/base.js"></script>
<script src="../../assets/jquery.min.js"></script> <script src="../../assets/jquery.min.js"></script>
<script src="../../assets/handlebars.min.js"></script> <script src="../../assets/handlebars.min.js"></script>
<script src="js/lib/spine.min.js"></script> <script src="js/lib/spine.min.js"></script>
......
architecture-examples/yuilibrary/index.html
View file @ 1b892ae2
<!doctype html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="en">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" >
<head> <head>
<title>YUIlibrary.js</title> <meta charset="utf-8">
<link rel="stylesheet" href="css/style.css" type="text/css"/> <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> </head>
<body> <body>
<div id="todo-app">
<div class="title">
<!-- This is the main container and "shell" for the todo app. --> <h1>Todos</h1>
<div id="todo-app"> </div>
<div class="title"> <label class="todo-label" for="new-todo"></label>
<h1>Todos</h1> <input type="text" id="new-todo" class="todo-input" placeholder="What needs to be done?">
</div> <div id="todos">
<label class="todo-label" for="new-todo"></label> <ul id="todo-list"></ul>
<input type="text" id="new-todo" class="todo-input" </div>
placeholder="What needs to be done?"> <div id="todo-stats"></div>
</div>
<div id="todos"> <div id="credits">
<ul id="todo-list"></ul> This version by
</div> <br />
<div id="todo-stats"></div> <a href="http://twitter.com/addyosmani">Addy Osmani</a>
</div> <br />
based on code by the YUILibrary team.
<div id="credits"> </div>
This version by <script type="text/x-template" id="todo-item-template">
<br /> <div class="todo-view">
<a href="http://twitter.com/addyosmani">Addy Osmani</a> <input type="checkbox" class="todo-checkbox" {checked}>
<br /> <span class="todo-content" tabindex="0">{text}</span>
based on code by the YUILibrary team. </div>
</div>
<div class="todo-edit">
<input type="text" class="todo-input" value="{text}">
<!-- This template HTML will be used to render each todo item. --> </div>
<script type="text/x-template" id="todo-item-template">
<div class="todo-view"> <a href="#" class="todo-remove" title="Remove this task">
<input type="checkbox" class="todo-checkbox" {checked}> <span class="todo-remove-icon"></span>
<span class="todo-content" tabindex="0">{text}</span> </a>
</div> </script>
<script type="text/x-template" id="todo-stats-template">
<div class="todo-edit"> <span class="todo-count">
<input type="text" class="todo-input" value="{text}"> <span class="todo-remaining">{numRemaining}</span>
</div> <span class="todo-remaining-label">{remainingLabel}</span> left.
</span>
<a href="#" class="todo-remove" title="Remove this task">
<span class="todo-remove-icon"></span> <a href="#" class="todo-clear">
</a> Clear {numDone} completed <span class="todo-done-label">{doneLabel}</span>
</script> </a>
</script>
<!-- This template HTML will be used to render the statistics at the bottom <script src="../../assets/base.js"></script>
of the todo list. --> <script src="js/yui-3.4.0.min.js"></script>
<script type="text/x-template" id="todo-stats-template"> <script src="js/app.js"></script>
<span class="todo-count"> </body>
<span class="todo-remaining">{numRemaining}</span>
<span class="todo-remaining-label">{remainingLabel}</span> left.
</span>
<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>
</body>
</html> </html>
\ No newline at end of file
dependency-examples/emberjs_require/index.html
View file @ 1b892ae2
...@@ -6,6 +6,9 @@ ...@@ -6,6 +6,9 @@
<title>ember.js + require.js • TodoMVC</title> <title>ember.js + require.js • TodoMVC</title>
<link rel="stylesheet" href="../../assets/base.css"> <link rel="stylesheet" href="../../assets/base.css">
<link rel="stylesheet" href="css/app.css"> <link rel="stylesheet" href="css/app.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<section id="todoapp"> <section id="todoapp">
...@@ -25,6 +28,7 @@ ...@@ -25,6 +28,7 @@
</p> </p>
<p>Part of <a href="http://todomvc.com">TodoMVC</a></p> <p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
</footer> </footer>
<script src="../../assets/base.js"></script>
<script data-main="js/app.js" src="js/lib/require/require.js"></script> <script data-main="js/app.js" src="js/lib/require/require.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
reference-examples/vanillajs/index.html
View file @ 1b892ae2
...@@ -2,8 +2,12 @@ ...@@ -2,8 +2,12 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>VanillaJS • TodoMVC</title> <title>VanillaJS • TodoMVC</title>
<link rel="stylesheet" href="../../assets/base.css"> <link rel="stylesheet" href="../../assets/base.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<section id="todoapp"> <section id="todoapp">
...@@ -12,7 +16,7 @@ ...@@ -12,7 +16,7 @@
<input id="new-todo" placeholder="What needs to be done?" autofocus> <input id="new-todo" placeholder="What needs to be done?" autofocus>
</header> </header>
<section id="main"> <section id="main">
<input id="toggle-all" type="checkbox" > <input id="toggle-all" type="checkbox">
<label for="toggle-all">Mark all as complete</label> <label for="toggle-all">Mark all as complete</label>
<ul id="todo-list"></ul> <ul id="todo-list"></ul>
</section> </section>
...@@ -26,6 +30,7 @@ ...@@ -26,6 +30,7 @@
<p>Created by <a href="http://twitter.com/ffesseler">Florian Fesseler</a></p> <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> <p>Cleanup, edits by <a href="http://github.com/boushley">Aaron Boushley</a></p>
</footer> </footer>
<script src="../../assets/base.js"></script>
<script src="js/app.js"></script> <script src="js/app.js"></script>
</body> </body>
</html> </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