| 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 |