2013-08-07 14:03:16 +08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Todo</title>
|
|
|
|
|
<meta charset="utf-8">
|
2013-08-10 17:56:43 +08:00
|
|
|
<link rel="stylesheet" type="text/css" href="common/base.css">
|
2013-08-07 14:03:16 +08:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2013-08-13 03:04:02 +08:00
|
|
|
<section id="todoapp" sd-controller="todos">
|
2013-08-07 14:03:16 +08:00
|
|
|
<header id="header">
|
|
|
|
|
<h1>todos</h1>
|
|
|
|
|
<input
|
|
|
|
|
id="new-todo"
|
|
|
|
|
autofocus
|
2013-08-11 13:50:32 +08:00
|
|
|
autocomplete="off"
|
2013-08-07 14:03:16 +08:00
|
|
|
placeholder="What needs to be done?"
|
2013-08-11 13:50:32 +08:00
|
|
|
sd-value="newTodo"
|
|
|
|
|
sd-on="keyup:addTodo | key enter"
|
2013-08-07 14:03:16 +08:00
|
|
|
>
|
|
|
|
|
</header>
|
2013-08-08 06:24:21 +08:00
|
|
|
<section id="main" sd-show="total">
|
2013-08-08 03:00:57 +08:00
|
|
|
<input
|
|
|
|
|
id="toggle-all"
|
|
|
|
|
type="checkbox"
|
2013-08-10 00:18:34 +08:00
|
|
|
sd-checked="allDone"
|
2013-08-08 03:00:57 +08:00
|
|
|
>
|
2013-08-07 14:03:16 +08:00
|
|
|
<ul id="todo-list">
|
2013-08-08 03:00:57 +08:00
|
|
|
<li
|
2013-08-10 17:56:43 +08:00
|
|
|
class="todo"
|
2013-08-08 03:00:57 +08:00
|
|
|
sd-each="todo:todos"
|
2013-08-14 01:20:49 +08:00
|
|
|
sd-show="todoFiltered"
|
2013-08-10 19:56:59 +08:00
|
|
|
sd-class="completed:todo.completed, editing:todo.editing"
|
2013-08-08 03:00:57 +08:00
|
|
|
>
|
2013-08-07 14:03:16 +08:00
|
|
|
<div class="view">
|
|
|
|
|
<input
|
|
|
|
|
class="toggle"
|
|
|
|
|
type="checkbox"
|
2013-08-10 19:56:59 +08:00
|
|
|
sd-checked="todo.completed"
|
2013-08-13 12:06:30 +08:00
|
|
|
sd-on="change:toggleTodo"
|
2013-08-07 14:03:16 +08:00
|
|
|
>
|
2013-08-13 03:04:02 +08:00
|
|
|
<label sd-text="todo.title" sd-on="dblclick:editTodo"></label>
|
2013-08-07 14:03:16 +08:00
|
|
|
<button class="destroy" sd-on="click:removeTodo"></button>
|
|
|
|
|
</div>
|
|
|
|
|
<input
|
|
|
|
|
class="edit"
|
|
|
|
|
type="text"
|
|
|
|
|
sd-focus="todo.editing"
|
2013-08-11 13:50:32 +08:00
|
|
|
sd-on="blur:doneEdit, keyup:doneEdit | key enter, keyup:cancelEdit | key esc"
|
2013-08-10 19:56:59 +08:00
|
|
|
sd-value="todo.title"
|
2013-08-07 14:03:16 +08:00
|
|
|
>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</section>
|
2013-08-08 06:24:21 +08:00
|
|
|
<footer id="footer" sd-show="total">
|
2013-08-07 14:03:16 +08:00
|
|
|
<span id="todo-count">
|
2013-08-12 10:35:06 +08:00
|
|
|
<strong sd-text="remaining"></strong> {{remaining | pluralize item}} left
|
2013-08-07 14:03:16 +08:00
|
|
|
</span>
|
|
|
|
|
<ul id="filters">
|
2013-08-14 01:20:49 +08:00
|
|
|
<li><a href="#/all" sd-class="selected:filterSelected">All</a></li>
|
|
|
|
|
<li><a href="#/active" sd-class="selected:filterSelected">Active</a></li>
|
|
|
|
|
<li><a href="#/completed" sd-class="selected:filterSelected">Completed</a></li>
|
2013-08-07 14:03:16 +08:00
|
|
|
</ul>
|
2013-08-10 19:56:59 +08:00
|
|
|
<button id="clear-completed" sd-on="click:removeCompleted" sd-show="completed">
|
2013-08-09 05:37:54 +08:00
|
|
|
Remove Completed ({{completed}})
|
2013-08-07 14:03:16 +08:00
|
|
|
</button>
|
|
|
|
|
</footer>
|
|
|
|
|
</section>
|
|
|
|
|
<footer id="info">
|
|
|
|
|
<p>Double-click to edit a todo</p>
|
|
|
|
|
<p>Powered by <a href="https://github.com/yyx990803/seed">Seed.js</a></p>
|
|
|
|
|
<p>Created by <a href="http://evanyou.me">Evan You</a></p>
|
|
|
|
|
</footer>
|
|
|
|
|
<script src="../../dist/seed.js"></script>
|
2013-08-13 03:04:02 +08:00
|
|
|
<script src="js/todoStorage.js"></script>
|
2013-08-10 17:56:43 +08:00
|
|
|
<script src="js/app.js"></script>
|
2013-08-07 14:03:16 +08:00
|
|
|
</body>
|
|
|
|
|
</html>
|
