65 lines
2.0 KiB
Smarty
65 lines
2.0 KiB
Smarty
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Nickel Todo</title>
|
|
<link rel="stylesheet" href="http://todomvc.com/examples/react/node_modules/todomvc-common/base.css" />
|
|
<link rel="stylesheet" href="http://todomvc.com/examples/react/node_modules/todomvc-app-css/index.css" />
|
|
<style>
|
|
label a {
|
|
color: #4d4d4d;
|
|
test-decoration: none;
|
|
}
|
|
</style>
|
|
<script>
|
|
document.addEventListener('click', function clickHandler(e) {
|
|
if (e.target && e.target.dataset && e.target.dataset.id) {
|
|
window.location.href = '/' + e.target.dataset.action + '/' + e.target.dataset.id;
|
|
}
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<section class="todoapp">
|
|
|
|
<header class="header">
|
|
<h1>Todos</h1>
|
|
<form class="add-todo" action="/" method="post">
|
|
<input class="new-todo" placeholder="What needs to be done?" name="todo" />
|
|
</form>
|
|
</header>
|
|
|
|
<main class="main">
|
|
<ul class="todo-list">
|
|
{{#each todos}}
|
|
{{#unless deleted}}
|
|
{{#filter_todo}}
|
|
<li{{#if completed}} class="completed"{{/if}} data-id={{id}}>
|
|
<div class="view">
|
|
<input class="toggle" type="checkbox"{{#if completed}}checked="checked"{{/if}} data-id={{id}} data-action="toggle" />
|
|
<label><a href="/toggle/{{id}}">{{title}}</a></label>
|
|
<button class="destroy" data-id="{{id}}" data-action="remove"></button>
|
|
</div>
|
|
</li>
|
|
{{/filter_todo}}
|
|
{{/unless}}
|
|
{{/each}}
|
|
</ul>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<span class="todo-count">
|
|
<strong>{{#active_count}}{{/active_count}}</strong>
|
|
</span>
|
|
<ul class="filters">
|
|
<li><a href="/show/all"{{#is_selected_filter "ShowAll"}} class="selected"{{/is_selected_filter}}>All</a></li>
|
|
<span> </span>
|
|
<li><a href="/show/active"{{#is_selected_filter "ShowActive"}} class="selected"{{/is_selected_filter}}>Active</a></li>
|
|
<span> </span>
|
|
<li><a href="/show/completed"{{#is_selected_filter "ShowCompleted"}} class="selected"{{/is_selected_filter}}>Completed</a></li>
|
|
</ul>
|
|
</footer>
|
|
|
|
</section>
|
|
</body>
|
|
</html> |