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