44 lines
1.0 KiB
HTML
44 lines
1.0 KiB
HTML
|
<html>
|
||
|
|
<head>
|
||
|
|
<link rel="stylesheet" href="style.css" />
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="container">
|
||
|
|
<h1>Vanilla Todos</h1>
|
||
|
|
<div id="vanilla-todos">
|
||
|
|
<table>
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th colspan="2">
|
||
|
|
<input class="search-todos" type="text" placeholder="Filter todos..." />
|
||
|
|
</th>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<th>Todo</th>
|
||
|
|
<th>Actions</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody class="todos-list">
|
||
|
|
<tr>
|
||
|
|
<td colspan="2">Aucune todo pour le moment !</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
<tfoot>
|
||
|
|
<tr>
|
||
|
|
<td colspan="2">
|
||
|
|
<input class="new-todo" type="text" />
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tfoot>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script src="vanilla-todos.js"></script>
|
||
|
|
<script>
|
||
|
|
(function() {
|
||
|
|
VanillaTodos.mount('#vanilla-todos');
|
||
|
|
}());
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|