OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <link rel="stylesheet" href="css/bootstrap.css"> | |
5 <link rel="stylesheet" href="css/todo.css"> | |
6 <title>Things To Do</title> | |
7 <script src="todo.dart" type="application/dart"></script> | |
8 <script src="packages/browser/dart.js"></script> | |
9 </head> | |
10 <body ng-app> | |
11 | |
12 <div ng-hide="true" class="border well loading">Wait, Dart is loading this a
wesome app...</div> | |
13 | |
14 <div todo-controller class="border well" ng-cloak> | |
15 <h2>Things To Do ;-)</h2> | |
16 | |
17 <div class="right"> | |
18 <button ng-click="todo.markAllDone()" class="btn btn-small">mark all
done</button> | |
19 <button ng-click="todo.archiveDone()" class="btn btn-small">archive
done</button> | |
20 </div> | |
21 | |
22 <p>Remaining <b>{{todo.remaining()}}</b> of <b>{{todo.items.length}}</b>
items.</p> | |
23 | |
24 | |
25 <ul class="well unstyled"> | |
26 <li ng-repeat="item in todo.items" ng-class="todo.classFor(item)"> | |
27 <label class="checkbox"> | |
28 <input type="checkbox" ng-model="item.done"> {{item.text}} | |
29 </label> | |
30 </li> | |
31 </ul> | |
32 | |
33 <form class="form-inline" onsubmit="return false;"> | |
34 <input type="text" ng-model="todo.newItem.text"> | |
35 <button ng-click="todo.add()" ng-disabled="todo.newItem.isEmpty" cla
ss="btn btn-primary">add</button> | |
36 <button ng-click="todo.newItem.clear()" ng-disabled="todo.newItem.is
Empty" class="btn">clear</button> | |
37 </form> | |
38 </div> | |
39 </body> | |
40 </html> | |
OLD | NEW |