FilesExpand file tree

 master

/

todo.html

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

71 lines (54 loc) · 1.63 KB

 master

/

todo.html

Copy path

Top

File metadata and controls

• Code
• Blame

71 lines (54 loc) · 1.63 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

<style>@import "css/base.css";</style>

<section id="todoapp">

<header id="header">

<h1>todos</h1>

<input

id="new-todo"

placeholder="What needs to be done?"

autofocus

#newtodo

(keyup)="enterTodo($event, newtodo)">

</header>

<section id="main">

<input id="toggle-all" type="checkbox" (click)="toggleAll($event)">

<label for="toggle-all">Mark all as complete</label>

<ul id="todo-list">

<li *ng-for="#todo of todoService.list">

<div class="view"

[class.hidden]="todoEdit == todo">

<input class="toggle" type="checkbox"

(click)="completeMe(todo)"

[checked]="todo.completed">

<label (dblclick)="editTodo($event, todo)">{{todo.title}}</label>

<button class="destroy" (click)="deleteMe(todo)"></button>

</div>

<div>

<input class="edit"

[class.visible]="todoEdit == todo"

[value]="todo.title"

(keyup)="doneEditing($event, todo)">

</div>

</li>

</ul>

</section>

<footer id="footer">

<span id="todo-count"></span>

<div [class.hidden]="true"></div>

<ul id="filters">

<li>

<a href="#/" class="selected">All</a>

</li>

<li>

<a href="#/active">Active</a>

</li>

<li>

<a href="#/completed">Completed</a>

</li>

</ul>

<button id="clear-completed" (click)="clearCompleted()">Clear completed</button>

</footer>

</section>

<footer id="info">

<p>Double-click to edit a todo</p>

<p>Created by <a href="http://twitter.com/_davideast">David East</a></p>

</footer>