Ajout exo VanillaTodos

2015-04-01 11:17:02 +02:00
parent 4a10785c1a
commit 482caf5b47
3 changed files with 159 additions and 0 deletions
--- a/javascript/base/exercices/vanilla-todos/index.html
+++ b/javascript/base/exercices/vanilla-todos/index.html
@ -0,0 +1,43 @@
+<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>