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